يمكننا الآن البدء بأشياء خطيرة. إنشاء شريط التمرير على تعديل سلايدر يمكن أن تكون مملة جدا في البداية. ستفقد محاملك ، لأنك سترغب في معرفة أين يوجد هذا العنصر أو ذاك.

سوف تتخلص من Slider Revolution من خلال التدرب على العادة وقراءة هذا البرنامج التعليمي أيضًا.

خلال دروسنا السابقة ، اكتشفنا كيف:

• قم بتنزيل وتثبيت Slider Revolution
• كيف نفهم Slider Revolution Home UI
• كيفية إعداد عرض الشرائح على ثورة التمرير

والآن بعد أن أنشأنا شريط التمرير ، سنقوم بإنشاء الشرائح "من" المنزلق ".

كيف تبدأ مع محرر "العروض التقديمية"

من حيث المبدأ ، بعد حفظ تكوينات شريط التمرير ، يمكنك الوصول إلى واجهة جديدة تقدمك إلى محرر " الشرائح ".

ستلاحظ في أعلى شريط الأدوات نفسه الذي يسمح لك بالعودة إلى قائمة "منزلقات أو شرائح" ، إلى معلمات شريط التمرير ومعاينة شريط التمرير من بين أشياء أخرى.

اكتشف أيضا لدينا 10 إضافات WordPress تتيح لك تقييم منشورات المدونة الخاصة بك

في الجزء السفلي ، لدينا قسم جديد يسمح لنا برؤية الطبقات العامة و "الشرائح" المختلفة والزر لإضافة عنصر جديد " حرك ".

بالمرور فوق زر الشريحة ، ستلاحظ ظهور خيارات جديدة. هذه الخيارات واضحة إلى حد ما وسهلة الفهم (مكرر ، أضف إلى القالب لإعادة استخدامه لاحقًا وحذف الشريحة).

من خلال التمرير فوق زر إضافة الشريحة ، ستلاحظ خيارات أخرى تسمح لك بإضافة شريحة فارغة وإضافة شرائح متعددة وإضافة شريحة من قالب (نموذج).

حاليًا ، أنت على 1 slide ، وهذا هو السبب في تسليط الضوء عليه في قائمة الشرائح. إذا قمت بإنشاء شريحة جديدة ، فسيتم تمييزها بدلاً من الشريحة الأولى.

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

قراءة مقالتنا على 6 ووردبريس ملحقات ضغط الصور لمدونتك

عند تحديد شريحة ، يمكنك البدء في التحرير في القسم التالي. يتكون هذا القسم من عدة علامات تبويب (7) تتيح لك الوصول إلى العديد من الميزات.

كيفية إضافة صورة خلفية إلى مشهد

أول شيء عليك فعله أولاً هو إضافة خلفية إلى الشريحة الخاصة بنا. لديك هنا الاختيار بين: صورة خلفية (من مكتبة الوسائط الخاصة بك)، عنوان URL خارجي يشير إلى صورة، خلفية شفافة تستخدم اللون المقترح بواسطة قالب WordPress، لون ثابت، مقطع فيديو من Youtube أو Vimeo أو HTML5. سوف نختار الخلفية " صورة ".

يمكنك العثور على العديد من الصور المجانية على الويب. فقط قم بالبحث على Google. 

عند إضافة صورة ، يتم تطبيق ذلك على الفور في معاينة الشريحة وفي "المشهد".

كيفية إضافة عنصر في مشهد

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

لإضافة عنصر إلى المشهد ، مرّر الماوس فوق إضافة طبقة ".

ستلاحظ أنه يمكنك إضافة عدة عناصر مختلفة بما في ذلك: نص / HTML ، صور ، صوت ، فيديو ، زر ، شكل ، كائن واستيراد عنصر.

سنبدأ بإضافة صورة شفافة من سنوبي الجرو الصغير.

ثم أضف هذه الصورة في المشهد ، وسيكون لديك شيء مثل هذا:

ستلاحظ أنه في الزوايا الأربع للصورة توجد مربعات صغيرة. تسمح لنا هذه المربعات بتغيير حجم الصور ، حيث تحتل Snoopy في هذه الحالة مساحة كبيرة.

يتم تغيير الحجم بواسطة " سحب ". لتغيير حجم مع الحفاظ على النسب ، اضغط باستمرار على " قد من لوحة المفاتيح أثناء تغيير الحجم.

انظر أيضا لدينا 10 WordPress plugins من شأنها أن تجعلك أفضل مدون

الآن يبدو Snoopy هكذا ، إنه أكثر ملاءمة. يمكنك أيضًا قلب صورة باستخدام المؤشر الموجود أعلى يمين كل صورة مثل هذا:

كيفية وضع العناصر مع شبكة المساعدة

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

تحتوي هذه الشبكة على مربعات بأحجام مختلفة ، فكلما كان حجمها أصغر ، زادت الدقة في موضع العنصر.

كيفية إضافة الصور المتحركة

هناك 3 أنواع من الرسوم المتحركة على Slider Revolution: الرسوم المتحركة للدخول والرسوم المتحركة أثناء (وجود العنصر في المشهد) والرسوم المتحركة نهاية.

انظر أيضا لدينا 6 ووردبريس ملحقات ضغط الصور لمدونتك

لإضافة رسم متحرك لعنصر ، يجب عليك أولاً تحديده بالنقر فوقه (عند تحديد عنصر ، يتم تأطيره بواسطة خط منقط مع زوايا يمكن تغيير حجمها).

لذلك انقر على Snoopy ، اذهب إلى الصفحة وانقر على علامة التبويب « الرسوم المتحركة ".

في الصورة السابقة ، لدي رسوم متحركة للإدخال باللون الأزرق وإخراج الرسوم المتحركة باللون الأحمر.

لتغيير الرسوم المتحركة ، انقر على القائمة المنسدلة بعد أيقونة الرجل الذي يركض.

ثم لديك مجموعة واسعة من الرسوم المتحركة تحت تصرفكم. أترك الأمر لك لاختيار الرسوم المتحركة التي تريد تعريفها لإدخال عنصر. من جهتي ، اخترت " easeOutElastic »، للحصول على هذه النتيجة:

هنا لك لدينا ملحقات 4 WordPress لتعزيز تذييل مدونتك

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

ليرة aussi كيفية إخفاء عناوين المقالات وصفحات وورد

الآن ، أود أن تطفو سنوبي ، لذلك ، انتقل إلى " أنشوطة وفي الخيار المنسدل ، اختر " موجة ". الآن يطفو Snoopy:

كيفية تكوين وضوح العناصر

يطفو Snoopy ، لكن لا أريد أن يكون مرئيًا على الهاتف المحمول. لذلك اضغط على " رؤية »وعلى أيقونة الهاتف الذكي ، تأكد من إلغاء تنشيطه:

كيفية ضبط سلوك العناصر

لتحسين تحميل شريط التمرير ، قد ترغب في تأخير تحميل الصور. يتم ذلك في علامة التبويب " سلوك مع الخيار " تحميل كسول ". يمكنك حتى فرض استجابة العناصر.

كيفية إنشاء مشغلات مخصصة على عنصر

تسمح لك الإجراءات بربط المشغلات بإجراءات محددة. لإضافة مشغل ، انقر فوق علامة التبويب الإجراءات  »ثم على زر« + ».

هناك أنواع 3 من المشغلات:

• النقر هو عمل من أعمال النقر على الفأرة
• إدخال الماوس فوق العنصر
• خروج الماوس فوق العنصر

قائمة الإجراءات طويلة جدًا. على سبيل المثال ، يمكنك إعادة توجيه مستخدم ينقر فوق Snoopy إلى صفحة أخرى عن طريق اختيار الإجراء " رابط واحد والتي سوف طرح خيارات جديدة.

اكتشف أيضا لدينا 10 الإضافات ووردبريس قسط من الحجز والحجز

كيفية استخدام Slider Revolution Timeline

يوفر Slider Revolution واجهة إدارة الوقت في الأسفل. تتيح لك هذه الواجهة معرفة أين تبدأ الرسوم المتحركة للعنصر وأين تنتهي.

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

ليرة aussi كيفية إضافة العد التنازلي على وورد الخاص بك بلوق

ستجد نهاية مشابهة أيضًا للطرف الآخر من المدة (إدخال الرسوم المتحركة ، وقت الحياة ونهاية الرسوم المتحركة).

مع " الجدول الزمني ستتمكن من التحكم في أي عنصر معروض من قبل وأي عنصر يختفي أولاً. إنها أداة عملية للغاية تحتاج إلى إتقانها لعمل رسوم متحركة جيدة.

يحتوي المخطط الزمني أيضًا على مشغل يمكنك تنشيطه لمعاينة الشريحة.

حتى ذلك الحين ، أعطيتك الأساسيات لإنشاء شريحة. الآن احفظ شريط التمرير وابدأ المعاينة.

هذا كل شيء بالنسبة لهذا البرنامج التعليمي ، في المرحلة التالية ، سنتحدث عن عرض شريط التمرير على مقال وبعض العمليات المتقدمة.

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

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

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

1. قرص الصوت

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

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

اقرأ أيضا: زنومكس وردبريس الإضافات لتحسين البحث على بلوق الخاص بك

ستتمكن أيضًا من تضمين روابط التنزيل على مشغل الموسيقى لإظهار المستخدمين حيث يمكنهم الذهاب لشراء المقطوعة التي يتم تشغيلها على موقع الويب الخاص بك. 

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

2. حدث الحجز برو

هذا شيء آخر وورد البرنامج المساعد 100٪ متجاوب وسهل التخصيص ومخصص لإدارة الحجوزات على أي موقع يقدم خدماته في مجالات الفعاليات.

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

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

3. Social Share & Locker Pro

تم تصميم المكون الإضافي Social Share & Locker Pro لمساعدة موقع الويب الخاص بك على الظهور بشكل أكبر على الشبكات الاجتماعية. بنقرات قليلة فقط ، يمكنك إما تعيين موضع الرموز الاجتماعية الخاصة بك أو قفل المحتوى الخاص بك عن طريق طلب المشاركة على إحدى الشبكات الاجتماعية التي تقدمها.

لديك سمات محددة مسبقًا من 10 وهذا يجب أن يغطي أكثر الرغبات شيوعًا. جميع مواضيعها هي شبكية العين وعجائب العمل. 

أشياء 30 للقيام على بلوق وظائف بعد نشرها اكتشاف لهم من خلال التشاور مع هذا المقال.

بالإضافة إلى ذلك ، باستخدام Social Share & Locker Pro ، ستتمكن من عرض الاسم الكامل للشبكات الاجتماعية أو الرمز فقط. سيعتمد ذلك على التصميم الخاص بك أو المساحة المتاحة أو رغباتك.

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

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

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

• كيف تصبح مدونًا ناجحًا وكسب المال باستخدام WordPress
• كيفية دمج جوجل أشكال ورد
• كيفية إنشاء سياسة الخصوصية على وورد
• 6 WordPress plugins لضمان توافق RGPD للمدونة

وفي الختام

هنا! هذا كل شيء لهذا الدليل. نأمل أن يكون هذا البرنامج التعليمي قد أعطاك أساسيات إنشاء عرض شرائح باستخدام Slider Revolution على مدونة WordPress أو موقع ويب. إذا كانت لديك أي أسئلة أو اقتراحات أو ملاحظات ، فاتركها في قسمنا تعليقات.

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

لا تتردد في شارك مع أصدقائك على الشبكات الاجتماعية المفضلة لديك. 

... 

بلير Jersyer

مطور ووردبريس ومهتم بكل ما يتعلق بالاتجاهات التكنولوجية الجديدة. مؤلفو المكونات الإضافية، وورد المواضيع وتطبيقات الويب الأخرى. المؤلف في BlogPasCher.com.

انظر السيرة الذاتية الكاملة