سمارت سلايدر وبيفر بيلدر: ثنائي مثالي، أحدهما خبير في سرد القصص المرئية، والآخر مصمم تخطيط دقيق. اجمع بين هاتين الأداتين القويتين، وستحصل على تجربة بناء مواقع ووردبريس مثالية. بفضل التكامل السلس، والواجهات سهلة الاستخدام، وإمكانيات التصميم التي تركز على زيادة التحويل، يتيح لك سمارت سلايدر وبيفر بيلدر إنشاء مواقع ويب مذهلة وديناميكية وعالية الأداء دون كتابة سطر واحد من التعليمات البرمجية.
دعونا نستكشف كيف ولماذا تعمل هذه المكونات معًا بشكل جيد للغاية.
ما هو شريط التمرير الذكي؟
سمارت سلايدر إضافةٌ مرنةٌ وقويةٌ للغاية لإنشاء شرائح عرضٍ على ووردبريس. تُمكّن المستخدمين من إنشاء شرائح عرضٍ تتجاوز بكثيرٍ الشرائح الدائرية التقليدية. مع سمارت سلايدر 3، يُمكنك تصميم شرائح عرضٍ جذابةٍ باستخدام خاصية السحب والإفلات، والشرائح الديناميكية، والرسوم المتحركة المتقدمة. كما أنها مزودةٌ بقوالب جاهزة، وخيارات طبقات، وأدوات تحسينٍ للأجهزة المحمولة.
على عكس معظم إضافات الشرائح التقليدية في ووردبريس، تعمل إضافة Smart Slider 3 كأداة مصغرة لإنشاء الصفحات. يمكنك إضافة العناوين والنصوص والصور والأزرار وحتى مقاطع الفيديو إلى شرائحك باستخدام واجهة محرر الشرائح البديهية.
الميزات الرئيسية لشريط التمرير الذكي:
- محرر الشرائح بالسحب والإفلات
- دعم صورة خلفية الشريحة
- شرائح عرض ديناميكية من منشورات ووردبريس، أو أنواع المنشورات المخصصة، أو مصادر خارجية
- مكتبة قوالب وشرائح عرض جميلة
- خيارات خلفية التراكب الثابتة
- التوافق مع قالب ووردبريس الذي تستخدمه
- إمكانية تعديل تفاصيل شريط التمرير بدقة متناهية تصل إلى مستوى البكسل
سواء كنت تقوم بإنشاء شريط تمرير للصور، أو عرض فيديو، أو دوار شهادات، أو لافتة رئيسية، فإن Smart Slider يمنحك الأدوات اللازمة للقيام بذلك بشكل احترافي.
ما هو برنامج Beaver Builder؟
Beaver Builder إضافةً مميزةً لبناء صفحات الويب على منصة ووردبريس، حيث يُمكّن المستخدمين من إنشاء مواقع ويب متجاوبة باستخدام محرر مرئي. ويشتهر هذا البرنامج ببرمجته النظيفة، واستقراره، وإطاره سهل الاستخدام للمطورين، مما يجعله موثوقًا به من قِبل الوكالات والمستقلين على حدٍ سواء.
يُتيح لك Beaver Builder إمكانية التحرير الفوري للواجهة الأمامية، والتحكم المتقدم في التخطيط، ووحدات مخصصة. يمكنك إنشاء صفحات هبوط، وأقسام خدمات، وجداول أسعار، ونماذج اتصال، وغير ذلك الكثير. والأفضل من ذلك؟ لا حاجة لكتابة أي أكواد برمجية.
الميزات الأساسية لبرنامج Beaver Builder:
- التحرير المباشر للواجهة الأمامية
- تصميمات متجاوبة مع الأجهزة المحمولة
- قوالب مصممة مسبقاً
- وحدات مخصصة للصور، والشرائح، والأزرار، والمزيد
- التكامل مع ووكومرس، ومستخدمي ووردبريس، وأدوات الطرف الثالث
- التوافق مع قوالب وإضافات ووردبريس الشائعة
لماذا يُعدّ كلٌّ من Smart Slider وBeaver Builder ثنائيًا مثاليًا؟
يُعدّ دمج Smart Slider مع Beaver Builder حلمًا لأي مصمم مواقع ويب. يتولى Smart Slider إدارة المحتوى الديناميكي والعناصر المرئية التفاعلية، بينما يهتم Beaver Builder ببنية الصفحة وتدفق المحتوى.
باستخدام كليهما معًا، يمكنك:
- أنشئ أشرطة التمرير وحدد موضعها بدقة باستخدام السحب والإفلات
- أضف شريط التمرير الذكي كأداة داخل أي صف أو عمود في Beaver Builder
- استخدم النسخة المجانية أو النسخة الاحترافية من برنامج Smart Slider بسلاسة
- صمم صفحات يتم فيها تحميل شريط التمرير بشكل صحيح دون تأخير
- إدارة إعدادات شريط التمرير من منطقة إدارة واحدة ذكية لشريط التمرير
معًا، يزيلان القيود في التصميم. هل تريد قسمًا رئيسيًا مع صورة خلفية للشرائح وطبقات نصية متعددة؟ تم الأمر. هل تحتاج إلى شرائح ديناميكية ضمن صفحة دراسة حالة؟ سهل للغاية.
جرب الثنائي المثالي أثناء العمل
سواء كنت تبني لعملاء أو لعلامتك التجارية الخاصة، فإن الأدوات المناسبة تُحدث فرقاً كبيراً.
كيفية استخدام شريط التمرير الذكي في برنامج Beaver Builder
- قم بتثبيت كلا المكونين الإضافيين: ابدأ بتثبيت Smart Slider 3 و Beaver Builder على موقع WordPress الخاص بك.
- أنشئ أشرطة التمرير باستخدام واجهة Smart Slider: اختر من بين القوالب المصممة مسبقًا أو أنشئها من الصفر.
- افتح صفحة في Beaver Builder: اسحب وحدة HTML أو وحدة الكود المختصر.
- قم بتضمين شريط التمرير الخاص بك: الصق الكود المختصر من Smart Slider.
- اضبط المسافات والمحاذاة والتخطيط: استخدم قيم الهوامش والحشو في Beaver Builder لضبط تصميمك بدقة.
يمكنك أيضًا استخدام أداة التمرير الذكية مباشرةً إذا كان قالب موقعك يدعمها.
فوائد:
- يتم تحميل إضافة Slider بسرعة بفضل إصلاح التوافق مع WP Rocket
- يتم تثبيت عرض شريط التمرير الذكي داخل صفوف Beaver Builder كاملة العرض
- قم بتضمين شرائح عرض تفاعلية في أقسام الصفحة الرئيسية أو ملفات الأعمال أو شهادات العملاء
- أضف تأثيرات الحركة باستخدام وضع التعبئة والتمويه في شريط التمرير الذكي وانتقالات الطبقات
الاستخدامات المتقدمة واستكشاف الأخطاء وإصلاحها
استخدام هاتين الأداتين معًا عادةً ما يكون بسيطًا، ولكن هناك بعض الحالات الاستثنائية التي يجب الانتباه إليها:
- إصلاح مشكلة التمرير السريع في متصفح فايرفوكس على الهواتف المحمولة
- WP Grid Builder تم حل مشكلة تعارض
- تم حل مشكلات توافق إضافة WP Meteor
- Avada Builder إذا كنت تقوم بتغيير القوالب
- محرر الواجهة الأمامية WP Bakery يعمل بالتوازي مع خيار JavaScript المضمن في Smart Slider
أيضًا، إذا فشل تحميل شريط التمرير أو تداخل مربع حجم الصورة، فتأكد مما يلي:
- تجنب استخدام الطبقات ذات الموضع المطلق التي تتعارض مع التصميمات المتجاوبة
- تحقق من شريط إدارة ووردبريس الخاص بك بحثًا عن تنبيهات تحديث الإضافات
- استخدم أبعاد شريط التمرير المناسبة لعرض الهاتف المحمول والجهاز اللوحي
اقرأ المزيد: أهم التغييرات في الإصدار 3.4
البناء بسرعة وكفاءة
يضمن Beaver Builder تصميم الصفحة وهيكلها واستجابتها. أما Smart Slider فيضفي حيوية على تلك الصفحات من خلال الحركة والتفاعلية وسرد القصص.
أنت تستطيع:
- أضف أنواع منشورات مخصصة ديناميكيًا إلى الشرائح
- أنشئ شرائح عرض تعرض أحدث منشورات المدونة أو المنتجات المميزة
- استخدم إعدادات الصور المصغرة المُعاد تحجيمها لتحسين الأداء
- قم بتطبيق تغيير حجم الخط التكيفي أو تغيير حجم الخط غير التكيفي لتحسين وضوح النص
تشمل تحسينات الأداء في Smart Slider 3 ما يلي:
- إصلاح مخزن الإخراج والتنبيهات المتعلقة بمشكلة مخزن الإخراج
- إصلاح فيديوهات الخلفية والتحكم في وقت تأخير تحميل الرسوم المتحركة
- امتثال جوجل لاختبار التوافق مع الأجهزة المحمولة
- التوافق مع ذاكرة التخزين المؤقت لخطوط جوجل وتوافق WP Compress
نصائح تصميم شريط التمرير الذكي
- استخدم عناصر التحكم الخارجية، مثل عنصر التحكم الخارجي الأيمن، لتسهيل التنقل
- استخدم شرائح عرض جميلة مع خيارات الترقيم والبحث
- تجنب حدوث أخطاء بسبب الطبقات المتداخلة عن طريق تجميع العناصر بشكل صحيح
- إصلاح مشكلة ظهور شريط التمرير مع حساب العرض الكامل الإجباري
- يمكنك إدارة إعدادات ظل صندوق طبقة الصورة وإعدادات CSS الخاصة بالشرائح من واجهة مستخدم محرر الشرائح
تتوفر جميع هذه الخيارات حتى في النسخة المجانية، على الرغم من أن الميزات المتقدمة تتطلب النسخة الاحترافية.
من ينبغي عليه استخدام هذه المجموعة؟
- الوكالات التي تقوم بإنشاء مواقع أو محافظ تسويقية
- مصممون يبتكرون شرائح عرض تفاعلية للصفحة الرئيسية
- المدونون ومنشئو المحتوى الراغبون في شرائح عرض ديناميكية
- مواقع التجارة الإلكترونية التي تروج لمجموعات أو تخفيضات موسمية
بفضل الشرائح التي تم إنشاؤها بواسطة أداة البناء والتي تؤدي وظيفتها والصفحات التي تحقق التحويلات، فإن هذه المجموعة تدعم استراتيجيتك من البداية إلى النهاية.
الخاتمة
عندما يتعلق الأمر بإنشاء مواقع ويب عالية الأداء، يُعدّ كلٌّ من Smart Slider وBeaver Builder ثنائيًا مثاليًا. سواء كنتَ تعمل كمستقلّ في بناء مواقع لعملائك، أو وكالة إبداعية تعمل على نطاق واسع، أو صاحب عمل تدير موقع ووردبريس واحدًا، فإنّ التكامل بين هاتين الأداتين يُبسّط عملية عملك ويرفع من مستوى إنتاجيتك. إذا كنتَ تبحث عن تحكّم كامل، وإبداع، وسرعة، ودعم لاحتياجات التصميم المتقدّمة، فلا يوجد خيار أفضل. ودّع عناوين الشرائح الخاطئة، وقيود طول أعمدة قاعدة البيانات، وتنبيهات رسائل خطأ PHP. مع Smart Slider وBeaver Builder، يمكنك البناء بثقة تامة.
