هل شاهدت هذه الرسوم المتحركة الجميلة CSS على مواقع الويب الشهيرة؟ تأثيرات الحركة مثل المحتوى الذي ينزلق ويتلاشى والصور المرتدة وما إلى ذلك. ؟ هل تريد أيضًا إضافة رسوم متحركة CSS إلى WordPress؟

في هذه المقالة ، سوف نوضح لك كيفية إضافة الرسوم المتحركة CSS بسهولة إلى WordPress دون كتابة أي رمز.

متى ولماذا يجب عليك استخدام الرسوم المتحركة CSS؟

تتيح لك الرسوم المتحركة لـ CSS لفت انتباه المستخدم إلى أجزاء مختلفة من الصفحة. يمكنك استخدامها لتحريك ميزات المنتج أو زر الحث على اتخاذ إجراء. تستخدم العديد من مواقع الويب الرسوم المتحركة CSS عندما يقوم المستخدم بالتمرير لأسفل الصفحة. تضيف بعض السمات إلى الصفحة وتؤكد على أهم العناصر.

الرسوم المتحركة CSS أسرع أيضًا من استخدام الفلاش أو مقاطع الفيديو. يتم تحميلها بسرعة وتدعمها معظم متصفحات الويب الحديثة. يمكنك إضافة الرسوم المتحركة CSS يدويًا إلى قالب WordPress الخاص بك أو إلى ورقة الأنماط الخاصة بك. موضوع الطفل. ومع ذلك ، فإن معظم المبتدئين لا يريدون تحرير ملفات السمات الخاصة بهم أو تعلم CSS.

ومع ذلك ، سنرى في هذا البرنامج التعليمي كيف يمكنك بسهولة إضافة صور CSS المتحركة إلى موقع الويب الخاص بك على WordPress.

ولكن من قبل ، إذا لم تقم بتثبيت WordPress ، فاكتشف كيفية تثبيت وورد بلوق الخطوات 7 et كيفية العثور عليها، وتثبيت وتفعيل موضوع ورد على بلوق 

ثم عد إلى سبب وجودنا هنا.

كيفية إعداد الرسوم المتحركة CSS

سوف نستخدم البرنامج المساعد لهذا البرنامج التعليمي. انها تسمح لك لإنشاء الرسوم المتحركة CSS باستخدام محرر مرئي WYSIWYG. أول شيء عليك القيام به هو تثبيت البرنامج المساعد وتنشيطه تحريك ذلك!. يعمل البرنامج المساعد بدون تكوين ولا توجد لوحة تحكم.

اكتشف كيفية تثبيت البرنامج المساعد في وورد إذا لم تفعل ذلك من قبل.

ما عليك سوى إنشاء منشور جديد ، وسترى زرًا جديدًا على شريط أدوات المحرر المرئي.

بالنقر فوق الزر ، سترى نافذة جديدة تظهر حيث يمكنك تصميم الرسوم المتحركة لـ CSS. يدعم المكون الإضافي العديد من الرسوم المتحركة لـ CSS والتي يمكن الاختيار من بينها جميعًا.

تحتاج أولاً إلى تحديد نمط الرسوم المتحركة. بعد ذلك ، تحتاج إلى اختيار وقت الانتظار قبل الرسوم المتحركة ومدة الرسوم المتحركة. أخيرًا ، يمكنك تحديد وقت بدء الرسوم المتحركة.

كما تذهب أبعد من ذلك من خلال اكتشاف كيفية إضافة الصور المتحركة الرائعة لبلوق الخاص بك

يقدم البرنامج المساعد ثلاثة خيارات. يمكنك تشغيل الرسوم المتحركة عند النقر أو التمرير أو أثناء التمرير.

بمجرد أن تشعر بالرضا عن الإعدادات ، يمكنك النقر فوق الزر " فإنه ينعش لمشاهدة معاينة الرسوم المتحركة.

ثم انقر على زر إدراج لإضافة الرسوم المتحركة لمنشورك أو صفحتك. ستلاحظ أن المكون الإضافي سيضيف رمزًا قصيرًا بمحتوى وهمي على المحرر المرئي.

تحتاج إلى إزالة المحتوى الوهمي داخل الرمز القصير ، واستبداله بالمحتوى الخاص بك أو الصور أو أي شيء آخر تريد تحريكه.

اكتشف ايضا كيفية إضافة خرائط تفاعلية إلى موقع الويب الخاص بك على ووردبريس

كل ما عليك فعله الآن هو نشر المحتوى الخاص بك ومعاينته.

اكتشف أيضًا بعض الإضافات المتميزة لبرنامج WordPress  

يمكنك استخدام مكونات WordPress الأخرى لإضفاء مظهر حديث وتحسين قبضة مدونتك أو موقعك الإلكتروني.

نحن نقدم لك هنا بعض الإضافات WordPress المتميزة التي سوف تساعدك على القيام بذلك.

1. تشيمبمات برو

Chimpmate هو إضافة MailChimp المتميزة للنوافذ المنبثقة على ووردبريس، والتي تساعدك على تحويل قرائك إلى مشتركين. صُممت لتوسيع قائمة بريدك الإلكتروني دون إزعاج الزوار بالنوافذ المنبثقة المزعجة.

إنه قابل للتخصيص بالكامل وسوف تتقن متى وأين لعرض النوافذ المنبثقة. ميزاته الأخرى هي: الدعم من العديد من المتصفحات ولديه صخيارات جدولة متعددة ، تخطيط قابل للتخصيص بالكامل ،دعم العملاء المستجيب ، أناالتكامل التام مع WooCommerce، هxcellente إدارة ذاكرة التخزين المؤقت، تكامل مثالي مع العديد من سمات WordPress، ودعم متعدد اللغات بفضل إلى ملحق WPML ، هـليس بعد الآن

تحميل | عرض | استضافة المواقع

2. بوابة دفع بوابة WooCommerce

CardStream هو مزود بوابة الدفع المستقل الوحيد. يتيح لك هذا المكون الإضافي المتميز لـ WordPress قبول المدفوعات مباشرةً على متجرك الإلكتروني WooCommerce عبر CardStream.

كما يمنحك القدرة على قبول المدفوعات باستخدام حل Cardstream المستضاف.

تحميل | عرض | استضافة المواقع

3. مصدر البيانات

DataSource إضافة ووردبريس مميزة تُركز على عرض بياناتك بصريًا على أي صفحة من موقعك الإلكتروني. تتيح لك عرض البيانات من ملفات CSV وXML وExcel وجداول بيانات Google وقواعد بيانات MySQL، أو أنواع منشورات مخصصة، كجداول قابلة للفرز والتصفية، ورسوم بيانية متنوعة، وخرائط، وغيرها.

من بين ميزاته ، ستجد من بين أمور أخرى:واجهة بديهية ، رableaux استنادا إلى نموذج البيانات الخاصة بك ، رables القابلة للفرز والترشيح والاستجابة ، وupport من خرائط جوجل و متعدد اللغات، أدعم العملاء استجابة ، واحد مدليل المستخدم ، أناالتثبيت السريع ، هر أكثر من ذلك

تحميل | عرض | استضافة المواقع

الموارد الموصى بها

تعرف على الموارد الأخرى الموصى بها لمساعدتك في بناء وإدارة موقع الويب الخاص بك.

• كيفية ضغط وتغيير حجم الصور على وورد
• كيفية إضافة أداة إلى رأس وورد الخاص بك بلوق
• كيفية إضافة خرائط تفاعلية إلى موقع الويب الخاص بك على ووردبريس
• كيفية إصلاح خطأ 413 على وورد

الخاتمة

هنا ! هذا كل شيء في هذا البرنامج التعليمي ، ونأمل أن يساعدك في تعلم كيفية دمج الرسوم المتحركة لـ CSS في WordPress. لا تتردد في شارك مع أصدقائك على الشبكات الاجتماعية المفضلة لديك. 

ومع ذلك ، ستتمكن أيضًا من الرجوع إلى موقعنا RESSOURCES، إذا كنت بحاجة إلى مزيد من العناصر لتنفيذ مشاريعك الخاصة بإنشاء مواقع الإنترنت ، من خلال الرجوع إلى دليلنا على وورد خلق بلوق.

إذا كانت لديك اقتراحات أو ملاحظات ، فاتركها في قسمنا تعليقات.

...