الدليل النهائي لإنشاء منزلق Divi

نشرت: 2020-09-04

Divi by Elegant Themes هي واحدة من أكثر سمات WordPress شيوعًا ومنشئ الصفحات المتاح اليوم. منشئ الصفحة هذا هو محرر سحب وإفلات يمكنك من خلاله إنشاء موقع ويب كامل . هناك الكثير من الوحدات النمطية المتاحة التي يمكنك الاختيار من بينها ، مما يسهل إنشاء موقع ويب. في هذه المقالة ، سأقدم وحدات شريط التمرير المتاحة في Divi . أيضًا ، سأعرض لك بديلًا إضافيًا لشريط التمرير والذي يمكن أن يجعل موقع الويب الخاص بك أكثر تميزًا.

وحدات ديفي سلايدر

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

وحدات ديفي المنزلق
تتوفر وحدات منزلق Divi

دعونا نلقي نظرة على هذه الوحدات!

وحدة المنزلق

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

وحدة ديفي المنزلق

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

👍 جيد
  • سهل الاستخدام
  • المنظر الخلفية
  • خلفية الفيديو
  • إخفاء شريط التمرير على الأجهزة
👎 سيء
  • لا يمكنك تغيير ترتيب محتوى الشريحة الخاصة بك
  • هيكل محدود

شريط تمرير الفيديو

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

وحدة شريط تمرير الفيديو

👍 جيد
  • يمكنك استخدام أي نوع من أنواع الفيديو
  • طريقة سهلة لإنشاء معرض الفيديو
👎 سيء
  • لا يوجد خيار التشغيل التلقائي
  • في كل مرة يبدأ الفيديو من البداية

شريط تمرير المشاركة

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

👍 جيد
  • المحتوى المتغير ديناميكيًا
  • يمكنك الاختيار من بين الفئات
  • تخصيص عدد المنشورات والنظام
👎 سيء
  • تصميم وهيكل محدود

كيفية إنشاء منزلقات Divi أفضل؟

وحدات شريط التمرير في Divi رائعة ولكن أعتقد أنها محدودة بعض الشيء. إذا كنت ترغب في إنشاء شريط تمرير أكثر قابلية للتخصيص ، فمن المفيد العثور على مكون إضافي منزلق متوافق مع Divi. يعد Smart Slider أحد أفضل المكونات الإضافية في WordPress. حتى الإصدار المجاني يحتوي على ميزات رائعة يمكنك البدء بها. يساعدك Smart Slider في إنشاء تصميمات مخصصة ، ويمكنك تخصيص كل طبقة . يحتوي هذا المكون الإضافي على وحدة Divi ، لذا يمكنك نشرها كالمعتاد.

نأمل أن تعرف كيف يمكن للمكوِّن الإضافي Smart Slider 3 ترقية وظيفة شريط التمرير Divi. من أهم التحسينات أنه يمكنك إنشاء عروض شرائح بأكثر من 4 طبقات بترتيب وموضع مخصصين.

مثال على منزلق محفظة ملء الصفحة

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

كيفية استخدام Smart Slider 3؟

Smart Slider هو مكون إضافي منزلق متاح مجانًا في مستودع WordPress. ما عليك سوى تنزيله وتنشيطه. ثم يمكنك البدء في إنشاء شريط التمرير الخاص بك. هناك العديد من القوالب المعدة مسبقًا والتي يمكنك البدء بها ، ولكن لديك خيار البدء من نقطة الصفر.

إذا كنت جاهزًا باستخدام شريط التمرير ، فقم بنشره باستخدام وحدة Smart Slider Divi.

وحدة الشريحة الذكية

مقارنة وحدة منزلق Divi و Smart Slider

دعني أقارن شريط التمرير الأساسي Divi والإصدارات المجانية والمحترفة من Smart Slider. أعتقد حقًا أن وحدة منزلق Divi هي وحدة نمطية رائعة لـ Divi ، لأنها تحتوي على الكثير من خيارات التخصيص ، وهي موجودة في Divi. كل شيء في مكان واحد ، ولست بحاجة إلى معرفة واجهة جديدة. لكن الوظيفة محدودة لأنه لا يمكنك إنشاء التخطيط الذي تريده.

إذا كنت تريد تخطيطًا أكثر تحديدًا حيث يمكنك وضع طبقاتك في المكان الذي تريده ، ويمكنك إنشاء محتوى فريد أكثر ، ففكر في استخدام Smart Slider 3 . يوفر الإصدار المجاني الكثير من الميزات مثل وحدة Divi ، ومع Pro ، ليس لديك حدود.

دعونا نرى بعض الاختلافات ذات الصلة!

وحدة ديفي المنزلق
سمارت سلايدر 3 مجانا
سمارت سلايدر 3 برو
طبقات 5 6 23
خيارات الطباعة
واجهة السحب والإفلات
الصورة الخلفية
فيديو الخلفية mp4، WEBM mp4
تأثير المنظر
الرسوم المتحركة طبقة
الانتقالات
ضوابط 2 5 7
المتغيرات الديناميكية
تراكب ثابت
تشغيل تلقائي

واجهه المستخدم

واجهة سمارت سلايدر

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

الرسوم المتحركة والتأثيرات

باستخدام أوضاع الرسوم المتحركة في الخلفية ، يمكنك بسهولة إضفاء الحيوية على التصميم الخاص بك. يحتوي Divi على خيار رسوم متحركة أساسي ، يمكنك من خلاله تشجيع شريط التمرير الخاص بك ، ولكن في Smart Slider 3 Pro يمكنك الاختيار من بين 3 أنواع من الرسوم المتحركة : الرسوم المتحركة الرئيسية والرسوم المتحركة في الخلفية والرسوم المتحركة الفريدة للطبقة.

ضوابط للتخصيص

تحتوي كل وحدة شريط تمرير على خيارات لتخصيص عناصر التحكم ، ولكن في Smart Slider ، لديك المزيد من الطرق لجعلها فريدة من نوعها. يمكنك وضع عناصر التحكم في مواضع أخرى ، أو تغيير الألوان ، أو التباعد ، أو إخفاؤها على أجهزة مختلفة. إلى جانب Smart Slider 3 ، لديك خيارات لعرض الصور المصغرة التي يمكنك من خلالها إنشاء شريط تمرير مصغر على غرار معرض الصور.

منزلق الصورة المصغرة الحرة

المنزلق التشغيل التلقائي

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

لماذا يجب عليك اختيار Smart Slider 3 ليكون Divi Slider؟

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

أنواع أشرطة التمرير المتوفرة في Smart Slider
أنواع المنزلق في سمارت سلايدر. الصف العلوي: بسيط (مجاني) و Carousel (Pro). الصف السفلي: Block (مجاني) والعرض (Pro)

أسباب اختيار Smart Slider 3 Free

  • انه مجانا. يتوفر الإصدار المجاني من Smart Slider في مستودع WordPress ، ولا تحتاج إلى دفع ثمنه.
  • حرية إنشاء شريط التمرير. يمكنك إنشاء تخطيط معقد بفضل الصفوف والأعمدة وخيارات تحديد المواقع.
  • ضوابط للتخصيص. استخدم الأسهم والرصاص والصور المصغرة وشريط النص بالطريقة التي تخيلتها. ضعها أو غيّر ألوانها أو عطّلها إذا كنت لا تريد عرضها.
  • جاهز لاستخدام القوالب. في Smart Slider 3 ، يمكنك البدء باستخدام قوالب مسبقة الصنع قابلة للتخصيص بالكامل. فقط قم بتغيير المحتوى أو الصور وسيكون لديك شريط تمرير جاهز.
  • قوالب سلايدر ذكية مجانية
    قوالب سلايدر ذكية مجانية
  • منزلقات مستجيبة. بأقل جهد ، يمكنك إنشاء شريط تمرير يبدو جيدًا على أي جهاز.

أسباب اختيار Smart Slider 3 Pro

نأمل أن يكون لديك الآن فكرة أفضل عن كيفية قيام Smart Slider 3 بترقية قدرتك على إضافة عروض شرائح تقديمية إلى موقع Divi الخاص بك. ولكن إذا كنت لا تزال غير متأكد ، فلنرى بعض ميزات Smart Slider 3 Pro!