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

نشرت: 2022-10-17

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

كيف يمكنني إضافة شريط تمرير إلى موقع WordPress الخاص بي مجانًا؟

الائتمان: يوتيوب

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

كيفية إضافة شريط التمرير في قالب مخصص لـ WordPress

الائتمان: hot-themes.com

للعثور على عنوان الملف ، انتقل إلى القائمة اليمنى من المظهر - المحرر. يمكن تحرير php عن طريق النقر مع الاستمرار على زر التحرير على اليمين. سيظهر رمز PHP المنزلق بعد إضافة علامة التمرير إلى أعلى الصفحة ؛ حدد مكان علامة شريط التمرير وضعها هناك.

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

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

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

كيفية إضافة شريط التمرير في WordPress Elementor

Elementor Slides عبارة عن مكون إضافي مضمن في المكون الإضافي Elementor Pro ، والذي يتضمن عددًا كبيرًا من "عناصر واجهة المستخدم" (مجموعات الوظائف التي يمكن سحبها وإفلاتها). لا يتعين عليك استخدام مكون إضافي لتسريع موقعك لأنه لا يحتاج إلى واحد.

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

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

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

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