لدى العديد من المستخدمين سؤال حول كيفية تزيين موقع الويب الخاص بهم وإضافة عرض شرائح WordPress إلى رأس الموقع أو إلى أي منشور بالموقع أو إلى صفحة أو حتى إلى الشريط الجانبي لـ WordPress. لقد أخبرتك كيف يمكنك القيام بذلك باستخدام الصور التي تم تحميلها إلى معرض WordPress القياسي. سأخبرك اليوم بكيفية استخدام البرنامج المساعد TheThe Image Slider لإنشاء شريط تمرير أو عرض شرائح في WordPress على مدونتك.
قم بتثبيت وتكوين المكون الإضافي لشريط التمرير وعرض الشرائح TheThe Image Slider WordPress
تثبيت عرض شرائح أو شريط تمرير في رأس الموقع أو الشريط الجانبي أو المنشور أو صفحة Wordpress
بعد كل عمليات التلاعب بتحميل الصور في شريط التمرير، انقر فوق احفظ المخرج، وبذلك ستخرج من تحميل الصور وسيتم نقلك إلى القائمة الرئيسية، حيث سيكون لديك اسم عرض الشرائح أو شريط التمرير الخاص بك كما تريد. يمكنك أيضًا الوصول إلى القائمة العامة من خلال النقر على علامة التبويب العلوية. المتزلجون والشرائح.
لقد تعلمنا الآن كيفية إنشاء أشرطة التمرير وتحميل الصور في البرنامج المساعد TheThe Image Slider. الآن نحن بحاجة إلى معرفة كيفية إدراج شريط التمرير في رأس الموقع.
في القائمة الرئيسية للمكون الإضافي، ترى الصورة التالية تقريبًا، وقد تختلف الأسماء:
كما ترون في الصورة، يقوم المكون الإضافي نفسه بإنشاء اسم رمز قصير لإدراجه في أي مكان تقريبًا في عرض شرائح موقعك، يعد الرمز القصير أحد أفضل الطرق لإدراج مكونات WordPress الإضافية أو الاختراق في محتوى موقعك، أستخدم هذه الطريقة باستمرار , التالي سأكتب كيف يتم استخدامه.
لإدراج عرض شرائح في منشور أو منشور أو صفحة من موقع الويب الخاص بك، استخدم هذا الرمز القصير، ما عليك سوى لصقه في المحرر، حيث القيمة اسمسيكون اسم شريط التمرير الخاص بك، لا تخلط مع أسماء الصور.
لإدراج شريط تمرير في رأس موقعك، يجب أن يكون لديك القليل من المعرفة بمهارات HTML وCSS حتى تتمكن من وضعه بشكل أكثر جمالًا وسلاسة، وسأقدم مثالًا بسيطًا باستخدام القالب العشرين، وبناء WordPress القياسي، الشيء الرئيسي هنا هو فهم المبدأ.
خذ الملف header. بي أتش بيمن القالب الخاص بنا وابحث عن تلك السطور المسؤولة عن عرض رأس الموقع، في القالب الذي أستخدم فيه الحاوية < div > ملحوظ المعرف = "الرأس"
< div id = "wrapper" class = "hfeed" > < div id = "header" > |
في هذه الحاوية سأضع عرض الشرائح الخاص بي، والذي سيتم عرضه على جميع الصفحات، منذ الملف header. بي أتش بييتصل بجميع ملفات القالب.
يحتوي البرنامج الإضافي على وظيفة يمكنك استخدامها في أي مكان في القالب الخاص بك، ويتم إدراج هذه الوظيفة فيها . بي أتش بيملف السمة الخاصة بك، إلى المكان الذي تريد عرض شريط التمرير فيه، في حالتنا، يكون هذا بعد فتح الحاوية بـ المعرف = "الرأس"، كل شيء يبدو كالتالي:
< div id = "wrapper" > < div id = "header" >إذا (function_exists("get_the_image_slider" ) ) ( |
إن العثور على شريط تمرير جيد لـ WordPress ليس بالمهمة السهلة. تشير أحدث البيانات إلى وجود 690 مكونًا إضافيًا لشريط التمرير لـ WordPress. من لديه الكثير من الوقت لتعلم كل مكون إضافي؟
لمساعدتك على فصل القمح عن القشر، إليك مراجعة وتقييم لأكثر 10 ملحقات مجانية لعرض الشرائح شيوعًا تم اختيارها من هذه القائمة. تم تحديث أشرطة تمرير الصور هذه مؤخرًا إلى حد ما وقد تلقت جميعها تعليقات من مستخدمي WordPress.
ما البرنامج المساعد لعرض الشرائح الذي تستخدمه؟ اخبرنا في التعليقات أدناه.
Meta Slider - شريط تمرير لـ WordPress
ميتا سلايدريعد منزلق WordPress الأكثر شعبية إلى حد بعيد مع أكثر من 2 مليون عملية تنزيل.
يحتوي على أربعة أشرطة تمرير jQuery - Nivo Slider (سريع الاستجابة، 16 تأثيرًا انتقاليًا، أربعة سمات)، Coin Slider (أربعة تأثيرات انتقالية)، Flex Slider 2 (سريع الاستجابة، مؤثرين انتقاليين، وضع دائري)، شرائح سريعة الاستجابة (سريعة الاستجابة، تأثير التلاشي فقط) .
يعد إنشاء عرض شرائح جديد أمرًا سهلاً - أضف صورة، وحدد شريط التمرير الذي تريد استخدامه، وسيقوم المكون الإضافي بإصدار رمز قصير يمكنك إضافته في أي مكان على موقعك.
هناك أيضًا إصدار احترافي من هذا البرنامج الإضافي إذا كنت تريد دفع المال مقابل ميزات إضافية.
تخفيف المنزلق
مع ما يقرب من 650.000 عملية تنزيل، تخفيف المنزلق لايت- البرنامج المساعد المنزلق الثاني الأكثر شعبية.
يسمح لك هذا البرنامج الإضافي خفيف الوزن بتعيين حجم ومدة شريط التمرير الخاص بك ويتضمن القدرة على جعل عرض الشرائح الخاص بك تفاعليًا. له تأثيران انتقاليان، تأثير التلاشي. كما هو الحال مع العديد من أشرطة التمرير الأخرى، يجب عليك استخدام رمز قصير لإضافة شريط التمرير الخاص بك إلى منشور أو صفحة.
يمكنك إنشاء عرض شرائح واحد فقط باستخدام هذا البرنامج الإضافي، لذا إذا كنت تريد الحصول على المزيد على موقعك، فسيتعين عليك البحث في مكان آخر.
منزلق سلس
منزلق سلسينشئ عروض شرائح للمحتوى والصور بخلفيات مخصصة وتباعد بين الشرائح التي يمكن وضعها في أي مكان على موقعك.
تتضمن ميزات البرنامج المساعد تصميمًا سريع الاستجابة وستة تأثيرات انتقالية. كما أنه يدعم شريط التمرير المخصص والفئة وأحدث أشرطة تمرير النشر، ويتضمن علامات القالب والرمز القصير والقطعة.
أحدث إصدار من هذا البرنامج المساعد لا يعمل دائمًا بشكل صحيح؛ عند تكوينه، قد يعطل تشغيل الموقع. إذا حكمنا من خلال صفحة دعم Smooth Slider، فقد واجه العديد من المستخدمين مشكلات مع هذا المكون الإضافي.
واو سلايدر
واو سلايدرمن غير المعتاد أن تحتاج إلى تنزيل برنامج منفصل، وهو معالج WOWSlider، لإنشاء عرض شرائح. بمجرد تحديد الصور لعرض الشرائح الخاص بك، يمكنك بعد ذلك تحميلها إلى البرنامج المساعد. ستحتاج إلى نسخ الرمز القصير ولصقه لإضافة شريط التمرير في أي مكان على موقعك.
يتضمن موقع الويب الخاص بالمكون الإضافي بعض الوثائق الشاملة جدًا لمساعدتك إذا واجهت أي مشكلات.
vSlider شريط تمرير الصور المتعددة لـ WordPress
vSliderيسمح لك بعرض عدد غير محدود من أشرطة تمرير الصور على موقعك، على الرغم من أن عدد أشرطة التمرير "كثيرة جدًا"؟
يمكنك تضمين أشرطة التمرير على موقعك باستخدام رمز قصير أو عنصر واجهة مستخدم مخصص أو استخدامه كميزة في القالب الخاص بك.
يحتوي المكون الإضافي على أسئلة وأجوبة مفيدة وفيديو تعليمي يشرح لك كيفية إعداد شريط التمرير الأول. إذا كانت لديك أية مشكلات، فهناك أيضًا منتدى متاح لك.
SlideDeck 2 Lite شريط تمرير المحتوى سريع الاستجابة
SlideDeckهو مكون إضافي شائع ومتعدد الاستخدامات وله وظائف متقدمة مقارنة بالمكونات الإضافية السابقة.
لا يتضمن هذا الإصدار البسيط المجموعة الكاملة المكونة من 14 مصدرًا للمحتوى مثل Facebook وNexGEN وGallery المتوفرة في الإصدار المميز.
ومع ذلك، فإن الإصدار Lite سيسمح لك بإنشاء عروض شرائح بسرعة من أي محتوى، مثل الصور والتسجيلات ومقاطع الفيديو.
EasyRotator لـ WordPress – البرنامج المساعد Slider
EasyRotatorيعد المستخدمون بالحصول على "أدوات تدوير الصور وشرائح التمرير الجميلة والتفاعلية لموقع WordPress الخاص بهم في ثوانٍ"، ولكن في الواقع يتطلب الأمر بعض الإعداد. أولاً، سيتعين عليك تثبيت برنامج Flash لإنشاء الشرائح - أو الدوارات - على جهاز الكمبيوتر الخاص بك، الأمر الذي قد يكون مزعجًا. يمكنك بعد ذلك إنشاء محور دوار جديد في محرر الصفحة أو النشر. يمكنك أيضًا استخدام الرمز القصير لتضمين محور دوار على موقعك أو إضافة محور دوار إلى قالبك باستخدام الوظيفة المناسبة.
بعد كل مشاكل تثبيت برنامج Flash، قد تجد أنه لن يعمل عندما تحاول إعداد شريط التمرير الرئيسي من محرر المشاركات. أظهر القليل من البحث أن هذا البرنامج المساعد لا يعمل مع Safari/Chrome.
شريط تمرير WordPress سريع الاستجابة - Soliloquy Lite
مناجاة النفسيعد أحد أشهر أشرطة التمرير، وذلك لسبب وجيه - فهو سهل التثبيت، ولا تحتاج إلى تنزيل برنامج Flash لإنشاء أشرطة التمرير وتحميلها أو التلاعب بالإعدادات. إنه يعمل فقط.
بمجرد إضافة صورك، اختر حجم شريط التمرير وسرعته، ثم انقر فوق نشر. بعد ذلك، تحتاج إلى نسخ الرمز القصير الناتج إلى أي صفحة أو منشور تريد تثبيت شريط التمرير فيه.
على الرغم من أن هذه نسخة لايت، إلا أنها لا تزال تحتوي على ميزات كافية لتجربتها.
الإعصار المنزلق 2
الإعصار المنزلق 2يعيد أشرطة التمرير إلى الأساسيات. فهو يوفر سهولة التثبيت، ويعرض شريط تمرير بسيط للصور، ويتضمن ميزات مثل التأخير والأحجام وإيقاف التمرير مؤقتًا.
يدعم البرنامج الإضافي الصور وYouTube وVimeo وHTML المخصص وشرائح التمرير المميزة. يمكنك سحب الشرائح لتغيير ترتيبها، وتكون أشرطة التمرير تفاعلية.
يحتوي هذا البرنامج المساعد أيضًا على إصدار احترافي.
شريط التمرير المستجيب
شريط التمرير المستجيبهو مكون إضافي لعرض الشرائح بسيط للغاية ويتطلب بعض التكوين، ولكن هذا يجعله سهل الاستخدام.
تعد إضافة شرائح جديدة أمرًا سهلاً ويمكنك وضعها في أي مكان على موقعك باستخدام رمز قصير أو داخل المظهر الخاص بك باستخدام الوظيفة المناسبة.
تتيح لك الإعدادات تغيير عرض شريط التمرير وارتفاعه وإضافة تأثير انتقال وتأخير ومدة الرسوم المتحركة والبدء التلقائي.
تم تصميم هذا المكون الإضافي لشريط تمرير واحد فقط، لذلك إذا كنت تريد تثبيت شرائح تمرير متعددة على موقعك، فسيتعين عليك استخدام مكون إضافي آخر.
المنزلق الذكي 3
ربما يكون Smart Slider 3 هو أفضل شريط تمرير لـ WordPress. مكون إضافي قوي جدًا يحتوي على مجموعة ضخمة من الأدوات لإنشاء عروض الشرائح، والتي يمكنك استخدامها وفقًا لتقديرك، اعتمادًا على الموقف. هناك قاعدة بيانات كبيرة من أشرطة التمرير الجاهزة وتأثيرات الانتقال الجميلة. يمكنك إنشاء صفحات مقصودة كاملة باستخدام أشرطة التمرير فقط، ولكن هذا موجود بالفعل في إصدار Smart Slider 3 Pro. ولكن عندما تواجه هذا البرنامج المساعد لأول مرة، فمن المرجح أن تواجه صعوبات في العمل معه. نظرًا لأنه من السهل جدًا الخلط بين عدد كبير من علامات التبويب والإعدادات.
الأكثر شعبية وأفضل المنزلق
وهناك فائزان: ميتا سلايدرو المنزلق الذكي 3.
ميتا سلايدرليس فقط البرنامج المساعد المنزلق الأكثر تنزيلًا، ولكنه حصل أيضًا على أعلى تصنيف من المستخدمين.
إنه سهل الاستخدام، ويتمتع بتوازن جيد بين الميزات والوظائف - وكل ذلك مجاني.
vSlider منزلق الصور المتعددة,سلايد ديك 2 لايتو مناجاة لايت- أيضًا مكونات إضافية رائعة لشريط التمرير إذا كان موقعك مثقلًا بالصور وتريد إنشاء الكثير من أشرطة التمرير. تستهدف هذه المواضيع الثلاثة المحترفين جذب العملاء - تحقيق المزيد من المبيعات - من خلال المنتجات المجانية.
إذا كنت تريد فقط شريط تمرير بسيطًا جدًا بدون كل الأجراس والصفارات، فإن Cyclone Slider 2 هو بالتأكيد شريط تمرير رائع يسهل تخصيصه ولا يثقله عدد لا يحصى من الإعدادات والخيارات.
ولكن إذا كنت بحاجة لاحقًا إلى شريط تمرير يحتوي على المزيد من الوظائف والقدرة على وضع عدة أشرطة تمرير على موقعك، فلا يمكنك تجاوز Meta Slider.
2 أصواتعزيزي الزوار، أرحب بكم في صفحات مدونتي، بداية الحظ. سأخبرك اليوم بمدى سهولة إضافة شريط تمرير جميل إلى موقع الويب الخاص بك مجانًا، والأهم من ذلك. سيكون عنصر تصميم جذابًا لأي مقال أو بديلاً ممتازًا لوحدة إعلانية يمكنك تحقيق الربح منها.
منذ عام 2013، توقعت دراسات مختلفة أن أشرطة التمرير ستختفي قريبًا من الإنترنت، لكن شعبيتها لا تزال مستمرة. مهما قلت، فإنهم "يعيدون إحياء" البوابة ويلفتون الانتباه إلى المعلومات. أنت فقط تريد النقر عليها. وبطبيعة الحال، إذا كان شريط التمرير جميل ومصمم بشكل جيد، ولكن سنعود إلى هذا لاحقا.
سأتحدث عن شريط تمرير WordPress. كيفية إضافة شيء جذاب ومثير للاهتمام إلى موقع الويب الخاص بك بسرعة، مجانًا، ودون الحاجة إلى أي معرفة خاصة. دعونا نناقش ما إذا كان الأمر يستحق القيام بذلك بنفسك. سوف تتلقى أيضًا بعض نصائح التعبئة المفيدة.
حسنًا، هل نبدأ؟
ميتا سلايدر
في البداية، أود أن أخبركم عن أفضل مكون إضافي لموقع WordPress. إنها حالة نادرة عندما تتمكن من العثور على شيء ذي قيمة ومجاني في نفس الوقت.
إذا قرأت مقالتي عن ذلك، فسوف تتذكر مدى غضبي من بعض المقترحات. إن المنفعة من هذا المنشور تكلف المال أيضًا.
حسنًا، دعني أوضح لك كيفية العمل مع البرنامج.
تثبيت
لذا، يمكنك قراءة مقالة مفصلة حول استخدام WordPress على مدونتي. دعونا نكرر بإيجاز ما يجب القيام به في موقف معين. انتقل إلى قسم المكونات الإضافية وحدد خيار "إضافة جديد" من القائمة؛ في شريط البحث في الزاوية اليمنى العليا، أدخل: "Meta Slider" ثم أدخل. بمجرد فتح الصفحة التي تحتوي على التطبيق المطلوب، انقر فوق "تثبيت".
لا تنس تنشيط Meta Slider من خلال علامة التبويب "المثبتة" أو في النافذة التي تفتح بعد التثبيت.
ونتيجة لذلك، يجب أن تظهر فئة جديدة في لوحة التحكم على اليمين. يمكنك شراء الإصدار Pro مقابل 19 دولارًا أو استخدام الإصدار المجاني، في رأيي، وظائفه كافية تمامًا، لذا فإن الشراء ليس ضروريًا على الإطلاق.
الاحتمالات
الآن دعونا نتعرف على كيفية إنشاء وإدراج دائري؛ في بعض الأحيان يُطلق على شريط التمرير اسم ذلك أيضًا. انتقل إلى التطبيق باستخدام الرابط الموجود على اليمين (في لوحة إدارة WordPress) وانقر على علامة الزائد المجاورة لعبارة "إضافة جديد".
يمكنك تحميل أي عدد تريده من الصور، لكنني لا أنصح بالمبالغة في ذلك. لن ينظر أحد كثيرًا. العدد الأمثل يتراوح من ثلاثة إلى ثمانية.
يوجد على يمين الصور التي تم تحميلها حقل يمكنك من خلاله إدخال عنوان الصفحة التي سينتقل إليها الشخص عند النقر على الصورة. يمكنك أيضًا إضافة الوصف والاقتصاص والبديل للصور.
لديك أيضًا 4 خيارات للتصميم. وفي الفيديو أدناه سأوضح لك كيف يبدو كل واحد منهم.
يتضمن الإصدار الاحترافي جميع خيارات التأثيرات، أي كيفية استبدال شريحة واحدة بأخرى، لكل طريقة عرض. النسخة المجانية لها ميزات محدودة. ولكن لا يزال هناك الكثير منهم. سوف تجد خيارا جيدا.
بالإضافة إلى الأشكال الأربعة الرئيسية للتصميم، يمكنك الاختيار من بين واحد من أربعة أنظمة ألوان.
بالإضافة إلى كل هذا، هناك أيضًا إعداد إضافي. إذا كنت تريد منح القارئ القدرة على التحكم في إعادة اللف، فأنت بحاجة إلى تحديد المربع المجاور لكلمة "الأسهم". التنقل ممكن أيضًا باستخدام النقاط. تأكد من منح القارئ القدرة على التحكم، خاصة إذا كان وحدة إعلانية.
أما بالنسبة للأحجام، يمكنك توفيرها. ومع ذلك، فإن البرنامج المساعد ليس غبيا، فهو يرى الحد الأقصى للقيود ويتم دمجه تلقائيا في التصميم. إذا قمت بتثبيته في الأشرطة الجانبية للصفحة الرئيسية، سأوضح لك كيفية القيام بذلك بعد قليل، وستتغير النسب تلقائيًا.
التالي يأتي "الإعدادات المتقدمة". هنا يمكنك زيادة أو تقليل مدة الإطارات وسرعة الرسوم المتحركة. لا ينبغي لهم التحرك بسرعة كبيرة، وإلا فسوف يغادرون موقعك. إذا كان هناك الكثير من الصور، فمن الأفضل السماح بعرض الصور بشكل منفصل.
عند تغيير الصورة يمكن تقسيم الصورة إلى عدة أجزاء. لا أنصح بتحديد كمية صغيرة. وإلا فإنه سوف انبهار عينيك. حسنًا، بدلاً من أسهم الترجيع، أوصي بإضافة النص الخاص بك.
في لقطة الشاشة أدناه يمكنك رؤية شريط التمرير الذي قمت بإنشائه. لتسهيل الأمر، أوصي باستخدام خيار المعاينة. تحتوي قائمة الإنشاء على زرين مفيدين في الجزء العلوي الأيمن: إظهار لرؤية التغييرات، وحفظ.
يوجد في الجزء السفلي من اللوحة اليمنى رمز قصير للإدراج في المشاركات و. يحتاج المطورون المتقدمون إلى هذا، وبالنسبة للمبتدئين سأوضح كيفية تحقيق تأثير أنيق باستخدام طرق بسيطة. ولكن أكثر عن ذلك لاحقا.
أولاً، انظر إلى شكل شريط التمرير أثناء العمل. بالطبع، كل شيء يحتاج إلى اختباره على موقع الويب الخاص بك، لقد فاتني الكثير ولم أعرضه في هذا الفيديو، ولكن يمكنك بالفعل الحصول على فكرة تقريبية عن البرنامج.
تكامل المدونة
إن إدخال الرف الدائري الذي تم إنشاؤه ليس بالأمر الصعب. لا تحتاج إلى نسخ أي شيء خاص لهذا الغرض. الشيء الوحيد الذي نسيت أن أذكره في الفقرة السابقة هو تسمية أشرطة التمرير الخاصة بك بشكل صحيح حتى لا تتشوش.
افتح المنشور الذي تريد إضافة شريط تمرير جديد إليه، أو قم بإنشاء شريط تمرير جديد. بعد ذلك، ضع المؤشر في المكان المقصود حيث سيتم وضع الرف الدائري. الآن انقر فوق "إضافة شريط تمرير"، الزر موجود في الجزء العلوي من حقل العمل.
حدد العنوان المطلوب من القائمة وانقر على "إدراج عرض الشرائح".
مستعد. في حالتي، سيبدو الأمر هكذا على الموقع.
لوضع كتلة على الصفحة الرئيسية، انتقل إلى فئة "المظهر" - "الحاجيات". في الأعلى سترى "Meta Slider".
انقل هذه اللوحة إلى المكان المطلوب حيث سيتم وضع شريط التمرير. إذا أردت وضعه مباشرة بعد البحث فيجب أن يكون هنا في هذه القائمة. حدد شريط التمرير من قائمة العناصر التي تم إنشاؤها واحفظ تغييراتك.
في موقع الاختبار الخاص بي، تبدو الكتلة الموجودة على اليمين بهذا الشكل.
يتضمن تصميم هذا الموقع وضعه في منطقة المحتوى والتذييل، وهو الجزء السفلي من الموقع. إذا أردت إضافة كتلة هنا، فسأنقل الكتلة إلى المكان الصحيح.
سيتم تغيير العرض على الموقع على الفور.
وفي الختام، أود أن أقدم لكم بعض التوصيات. إذا كنت تريد جني أموال جيدة من الإعلانات، فإنني أنصحك بشدة ألا تبخل بتصميم الصور نفسها. يستغرق الأمر وقتًا طويلاً حتى يفهم شخص واحد جميع تعقيدات التسويق، ويقرأ الكثير من الكتب حول الإعلانات المرئية ويصقل مهاراته في التصميم.
وحتى تتمكن من التطور في هذا المجال، أنصحك باللجوء إلى مساعدة المستقلين. يمكن القيام بذلك على المواقع الإلكترونية ويبلانسر.نت و FL.ru . الأول أبسط قليلاً، ولكن في الثاني يمكنك مقابلة محترفين حقيقيين.
السعر يعتمد على ميزانيتك، لكنني أعتقد أن الصورة ستكلفك بحد أقصى 500 روبل. مقابل هذا المبلغ، يمكنك شراء ثلاثة، ولكن في هذه الحالة سيكون هناك عدد أقل من الأشخاص الراغبين في تنفيذ الطلب، مما يعني أنك ستحصل على نتيجة أسوأ.
أتمنى لك النجاح وإذا أعجبك هذا المقال اشترك في النشرة الإخبارية. حتى المرة القادمة.
المتزلجون هم الغضب في الوقت الحالي، وذلك لسبب وجيه! يمكنك إضافة الصور والمحتوى ومقاطع الفيديو والمزيد إلى موقعك مما سيجذب انتباه الزوار. في هذا الدرس سننظر في كيفية ذلك قم بإنشاء شريط تمرير جميل بنفسكمع الصور على أساس.
وعلى الرغم من وجود العديد من المكونات الإضافية لشريط التمرير (المفضل لدي حاليًا)، إلا أنه لا يوجد مكون إضافي لـ FlexSlider، وهو شريط تمرير يحتوي على اختصارات لوحة المفاتيحوالذي يعمل مع الانزلاق شاشات اللمس.
تحميل المصادر
أولا قم بتحميل المصادر بالكود الذي سنحتاجه قريبا.
وهذا ما سيبدو عليه شريط التمرير نفسه:
الخطوة 1. التحضير
أول شيء يتعين علينا القيام به هو تثبيت البرنامج المساعد. قم بإنشاء مجلد /إنفاتو-فليكس-المنزلق/وفيه ملف اسمه envato-flex-slider.php". هذا هو المكان الذي سنضيف فيه جميع المعلومات والتعليمات البرمجية الضرورية للمكون الإضافي الخاص بنا، بدءًا من كتلة إعلان المكون الإضافي:
أريد أيضًا تثبيت العديد منها ثوابت للمعلومات، والذي سأستخدمه كثيرًا في البرنامج المساعد. أسفل إعلان الحظر، ولكن قبل علامة الإغلاق بي أتش بي، وأضيف المعلومات التالية:
Define("EFS_PATH", WP_PLUGIN_URL . "/" . plugin_basename(dirname(__FILE__)) . "/"); تعريف ("EFS_NAME"، "Envato FlexSlider")؛ تعريف ("EFS_VERSION"، "1.0")؛
لقد خلقت ثلاثة ثوابت: المسار إلى البرنامج المساعد, اسم البرنامج المساعدو نسخة البرنامج المساعد، وهو أمر ضروري للتحديثات ولإخطار دليل WordPress الإضافي بالتغييرات إذا لزم الأمر.
يرجى ملاحظة أنني أبدأ كل ثوابتي بـ " EFS". سأفعل الشيء نفسه مع أسماء الوظائف حتى لا أقوم بإنشاء تعارضات مع المكونات الإضافية الأخرى أو نواة WordPress.
الآن بعد أن انتهينا من التحضير، دعونا نضيف ملفات FlexSlider والتعليمات البرمجية.
الخطوة 2. أضف
والآن حان الوقت لإضافة الجزء المهم: جافا سكريبتو CSSل فليكس سلايدر. سنفعل هذا باستخدام wp_enqueue_scriptو wp_enqueue_style WordPress نفسه لتجنب الصراعات. يمكنك تنزيل FlexSlider هنا. سنحتاج إلى ملفين: jquery.flexslider-min.jsو، في المجلد /سمة/.
Wp_enqueue_script("flexslider", EFS_PATH."jquery.flexslider-min.js", array("jquery")); wp_enqueue_style("flexslider_css", EFS_PATH."flexslider.css");
في كلا السطرين، نعطي اسمًا لكل برنامج نصي، ثم نربط ملفات .js و.css. يرجى ملاحظة أننا نستخدم الثابت لدينا ESF_PATH. نحتاج إلى استخدام المسار الكامل، وإلا فلن يتم ربط الملفات بشكل صحيح.
قد تلاحظ أيضًا أن لدينا معلمة ثالثة wp_enqueue_script. هذه مجموعة من النصوص البرمجية الأخرى التي يعتمد عليها نصنا. في هذه الحالة، هناك برنامج نصي واحد فقط - هذا مسج. هنالك القائمة الكاملةالبرامج النصية المضمنة في WordPress. يمكنك استخدام أي منها باستخدام مصفوفة التبعية المحددة.
والشيء التالي الذي نريد القيام به هو تمكين جافا سكريبت الفعلي، الأمر الذي سيجعل البرنامج النصي يعمل. سنفعل ذلك باستخدام وظيفتنا الخاصة و فعل-المهامووردبريس.
الوظيفة efs_script() ( طباعة " "; ) add_action("wp_head", "efs_script");
الخط المهم هنا هو add_action("wp_head", "efs_script");والتي سيتم تشغيل وظيفتنا efs_script()عندما يتم استدعاء wp_head. تقوم وظيفتنا ببساطة بإخراج Javascript اللازم لجعل FlexSlide يقوم بعمله.
قد تلاحظ أنني أستخدم " مسج"بدلاً من التقليدية" $ "، والذي يُستخدم بشكل شائع في البرامج النصية لـ JQuery. أفعل ذلك حتى لا يتعارض البرنامج النصي الخاص بنا مع مكتبات JavaScript الأخرى، على سبيل المثال، مكتوب.
وأخيرا، فقط انسخ المجلد /سمة/إلى المجلد الخاص بك /إنفاتو-فليكس-المنزلق/.
الخطوة 3: الرمز القصير وعلامة القالب
بعد ذلك سوف نقوم بإنشاء لدينا رمز قصير(الرمز القصير، الرمز القصير) وعلامة القالب. سيسمح الرمز القصير للمستخدمين بإدراج شريط تمرير في أي صفحة أو منشور. للحصول على دليل تمهيدي للرموز القصيرة، يمكنك المشاهدة هنا.
ستسمح علامة القالب لمطوري السمات بتضمين شريط تمرير مباشرة في سماتهم. باعتباري مطورًا للقوالب، أجد أنه من المهم للغاية إنشاء كليهما وتسهيل الوصول إليهما في الوثائق. أنت لا تعرف أبدًا من سيستخدم البرنامج المساعد الخاص بك.
الوظيفة efs_get_slider())( // سنقوم بملء هذا لاحقًا. ) / ** أضف الرمز القصير لشريط التمرير - لاستخدامه في المحرر ** / function efs_insert_slider($atts, $content=null)( $slider= efs_get_slider ()؛
الآن يبدو هذا الرمز بسيطًا جدًا. بالنسبة للرمز القصير، نسمي وظيفتنا العامة efs_get_slider()وإرجاع النتيجة. بالنسبة لعلامة القالب، نقوم بإخراج النتيجة. لقد فاتني التنفيذ عمدا efs_get_slider()، نظرًا لأننا لم نحدد من أين سنحصل على الصور بعد.
لجعل إضافة أي عدد من الصور إلى شريط التمرير سهل الاستخدام، سنقوم بإنشاء نوع منشور منفصل.
الخطوة 4: نوع منشور صورة شريط التمرير المخصص
أول شيء سنفعله هو إنشاء ملف جديد يسمى " Slider-img-type.php'، حيث سيكون كل الكود الخاص بنا لنوع المنشور المخصص. أولاً سنقوم ببعض التحضيرات كما فعلنا للمكون الإضافي.
كما ترون، كل ما قمت به حتى الآن هو إنشاء عدد قليل الثوابت(والذي سيكون مفيدًا جدًا لأنواع المنشورات المخصصة الأكثر تعقيدًا) وإضافة دعم للصور المصغرة لنوعنا الجديد.
الشيء الآخر الوحيد الذي سنفعله هنا هو التسجيل نوع منشور مخصص جديد. يمكنك العثور على المزيد حول أنواع المنشورات المخصصة في الإبداع العمليمحفظة كبيرة. الحق قبل الإغلاق بي أتش بيالعلامة، وسوف نقوم بإضافة الكود التالي:
الدالة efs_register() ( $args = array("label" => __(CPT_NAME), "singular_label" => __(CPT_SINGLE), "public" => صحيح, "show_ui" => صحيح, "capability_type" => " post"، "hierarchical" => false، "rewrite" => true، "supports" => array("title"، "editor"، "thumbnail")); Register_post_type(CPT_TYPE , $args); ) add_action(" الحرف الأول"، "efs_register")؛
لقد أنشأنا وظيفة لتسجيل نوع منشور مخصص يستخدم كتل العنوان والتحرير والصور المصغرة. التالي أضفنا اكشن ووردبريسلاستدعاء هذه الوظيفة فورًا بعد تهيئة WordPress.
الجميع! آخر شيء يتعين علينا القيام به هو تضمين ملفنا الجديد عن طريق الإضافة require_once("slider-img-type.php");الخامس envato-flex-slider.php. لقد أضفته مباشرة فوق المكالمة إلى البرامج النصية لدينا.
الآن بعد أن عرفنا كيفية تضمين الصور في شريط التمرير، دعنا نعود ونملأ وظيفة شريط التمرير العامة.
الخطوة 5. إنشاء شريط التمرير
العودة إلى الإعلان efs_get_slider()واستبدال // سنقوم بملء هذا لاحقًاالى الآتى \ الى القادم \ الى الم:
- "; $efs_query= "post_type=slider-image"; query_posts($efs_query); if (have_posts()) : while (have_posts()) : the_post(); $img= get_the_post_thumbnail($post->ID, "كبير "); $slider.="
- ".$img." "; endwhile; endif; wp_reset_query(); $slider.= "
"؛ إرجاع شريط التمرير $؛
أول سطرين مطلوبان بسبب طريقة عمله. سوف يستغرق الأمر قائمة غير مرتبة تسمى " الشرائح"داخل الطبقة" وسيتم تطبيقه عليها الرسوم المتحركة جافا سكريبت. في لدينا CSSمحددة أيضا و ul.الشرائح.
بعد ذلك، نقوم بإنشاء حلقة WordPress، ونجمع كل المشاركات مثل صورة المنزلق(نوع المنشور المخصص لدينا) وعرض نسخة أكبر من الصورة.
بعض الملاحظات
- من خلال نوع المنشور المخصص الجديد، يمكننا إضافة عنوان وصورة، كما أضفنا أيضًا مجموعة تحرير المنشور. وعلى الرغم من أننا نستخدم حاليًا الصورة (والعنوان) فقط للسمة بديل)، وقمنا أيضًا بتضمين محرر في حالة أردنا، على سبيل المثال، في المستقبل دعم وضع تسمية توضيحية على شريط التمرير.
- إضافة مشاركة جديدة مثل صورة المنزلق، يجب علينا تحميل الصورة المصغرة حتى يعمل شريط التمرير. لا يمكنه أن يأخذ الملف المرفق بالمنشور فحسب.
الخطوة 6. الاختبار
الآن حان الوقت للاختبار! بمجرد إضافة بعض الصور إلى نوع المنشور المخصص الخاص بك، قم بإنشاء صفحة جديدة(لقد اتصلت للتو بـ Slider الخاص بي) وأضفت الرمز القصير الذي تم إنشاؤه حديثًا إليه. احفظ الصفحة وشاهدها. يجب أن نرى شيئا من هذا القبيل:
خاتمة
هذا كل شئ. وبطبيعة الحال، لا تزال هناك بعض الأشياء التي يمكن تحسينها في البرنامج المساعد. على سبيل المثال، إضافة دعم لخيارات التخصيص المتقدم التي يمكن أن تقدمها FlexSlider، أو إضافة دعم للعناوين.
كما قلنا، يمنحك هذا البرنامج الإضافي كل ما تحتاجه لإنشاء إصدار بسيط وسهل الإدارة والتضمين لـ WordPress!
إذا لم تكن متأكدًا من لصق الملفات أو إضافتها، يمكنك تنزيل المصادر من الرابط الموجود أعلى الدليل. حظ سعيد!
يعد شريط التمرير أحد العناصر التي تراها في كل موقع ويب تقريبًا. إنها سهلة التنفيذ وتبدو دائمًا رائعة إذا كنت تستخدم صورًا جذابة. بالإضافة إلى ذلك، يمكنك القيام بأشياء ممتعة باستخدام شريط تمرير WordPress، مثل إضافة تأثيرات الانتقال إليه.
ومع ذلك، فإن أشرطة التمرير ليست إحدى ميزات WordPress، لذا ستحتاج إلى مكونات إضافية لإضافتها. وفي هذه المقالة، سنعلمك كيفية القيام بذلك في ثلاث خطوات فقط:
- قم بتثبيت شريط تمرير WordPress وأضف الوسائط التي تريد استخدامها.
- قم بتخصيص شريط التمرير الخاص بك لـ WordPress.
- ضع شريط التمرير الجديد في المكان الذي تريد أن يظهر فيه.
بمجرد الانتهاء من ذلك، سنقدم لك أيضًا بعضًا من أفضل المكونات الإضافية لشريط تمرير WordPress حتى تعرف الخيارات المتاحة أمامك. دعنا نذهب اليها!
لماذا تحتاج إلى شريط تمرير لـ WordPress
تعد أشرطة التمرير من الميزات البسيطة، ولكن إذا اخترت الصور المناسبة، فيمكن أن تبدو مذهلة.
يعد شريط التمرير (أو الرف الدائري لـ WordPress) في الواقع ميزة بسيطة جدًا. شريط التمرير عبارة عن مجموعة من الصور التي تقوم بتدويرها باستخدام الأزرار أو في انتظار الانتقال التلقائي. بمعنى آخر، إنه عرض شرائح للصور.
ومع ذلك، يمكنك القيام بالمزيد باستخدام شريط التمرير. يمكنك أيضًا إضافة تأثيرات انتقال ممتعة إليها وتغيير نصها وإنشاء أزرار فريدة وغير ذلك الكثير. باختصار، هناك العديد من الطرق للانتقال من شريط التمرير العادي الممل إلى شيء يجعل صفحة الويب الخاصة بك بارزة حقًا.
أما بالنسبة لل متىمن المنطقي استخدام أشرطة التمرير، فهذا يعتمد على موقع الويب الخاص بك وأهدافك. تستخدم العديد من مواقع الويب ما يسمى بشرائح التمرير "البطل"، والتي يتم وضعها في أعلى صفحة الويب كرأس بديل. يمكنك رؤية مثال عملي في بداية هذا القسم.
بالإضافة إلى أشرطة التمرير هذه، يمكنك أيضًا نشر تعليقات العملاء، مثل هذا:
في النهاية، تعد أشرطة التمرير إضافة رائعة لأي موقع ويب تقريبًا. ومع ذلك، من الأفضل استخدامها للأغراض العملية، مثل عرض الكثير من الصور في مساحة صغيرة، بدلاً من مجرد الزينة. كما أنها تضيف القليل من التفاعل اللطيف إلى موقعك، وهي طريقة رائعة لزيادة تفاعل المستخدمين.
كيفية إنشاء شريط تمرير في WordPress (في 3 خطوات)
في الأقسام القليلة التالية، سنوضح لك كيفية إنشاء شريط تمرير لـ WordPress باستخدام Master Slider. لقد اخترنا هذا البرنامج المساعد لأنه سهل الاستخدام، ويقدم العديد من الميزات الرائعة، ويسمح لك بتثبيت العديد من أشرطة التمرير كما تريد.
بعد ذلك، سنقدم لك بعض المكونات الإضافية لمنصة WordPress التي يمكنك استخدامها ونتحدث أكثر عن Master Slider نفسه. في هذه الأثناء، قم بتثبيت Master Slider للبدء!
الخطوة 1: قم بإعداد شريط تمرير WordPress الخاص بك وأضف الوسائط التي تريد استخدامها
بمجرد تفعيل البرنامج المساعد ماستر سلايدر، ستجد علامة تبويب Master Slider جديدة في اللوحة الخاصة بك. هناك سترى قائمة بجميع أشرطة تمرير WordPress الخاصة بك (والتي يجب أن تكون فارغة الآن). المضي قدما واضغط على الزر قم بإنشاء شريط تمرير جديد:
سيسألك المكون الإضافي عن نوع شريط التمرير الذي تريد تثبيته. يمكنك الاختيار من بين ثمانية خيارات، بما في ذلك أشرطة التمرير الأفقية مع الصور المصغرة وبدونها:
في هذا البرنامج التعليمي، سنقوم بإعداد شريط تمرير مخصص بسيط حتى تتمكن من رؤية كيفية سير العملية برمتها. لذا حدد هذا الخيار وانقر فوق الزر يخلق.
سوف يرسلك البرنامج المساعد بعد ذلك إلى علامة التبويب شرائحالعنصر الجديد الخاص بك. هنا يمكنك إضافة جميع الصور التي تريد تضمينها في شريط التمرير الخاص بك باستخدام WordPress Media Uploader أو تحديد الصور الموجودة من مكتبتك:
بعد إضافة عدة صور، علامة التبويب شرائحيجب أن تبدو شيئا من هذا القبيل:
صورك جاهزة للانطلاق. اترك علامة التبويب هذه مفتوحة وانتقل إلى الخطوة التالية.
الخطوة 2: تخصيص شريط تمرير WordPress الخاص بك
يمكنك بعد ذلك تخصيص الطريقة التي يعمل بها شريط تمرير WordPress الخاص بك. للقيام بذلك، انتقل إلى القسم خلفيةفي علامة التبويب شرائح. لكل شريحة من شرائحك، يمكنك تخصيص خلفية فريدة باستخدام الصورة التي اخترتها وأي ألوان ونص تريده:
سنقوم الآن بإعداد شريط تمرير WordPress بسيط باستخدام جميع الصور التي قمنا بتحميلها. إذا قمت بالتمرير لأسفل، سترى كيف ستظهر كل صورة في شريط التمرير. يوجد أيضًا زر معاينة، والتي يمكنك تحديدها لترى كيف يتم تشكيل شريط تمرير WordPress الخاص بك:
عند الانتهاء هنا، عليك الذهاب إلى علامة التبويب ضوابط شريط التمرير. هناك يمكنك اختيار نوع عناصر التحكم التي سيستخدمها شريط التمرير الخاص بك. الإعداد الافتراضي يسمى السهام، وربما يمكنك تخمين شكلها:
وبطبيعة الحال، يمكنك اختيار أي نظام التحكم الذي تريده. ثم عليك أن تذهب إلى علامة التبويب إعدادات شريط التمرير، حيث يمكنك تخصيص شريط تمرير WordPress الخاص بك بشكل أكبر.
على سبيل المثال، ستجد خيارات تسمح لك بضبط عرض وارتفاع شريط التمرير. يمكنك تعيين اسم سيظهر في علامة التبويب ماستر سلايدر:
إذا قمت بالتمرير قليلاً، يمكنك أيضًا إضافة تأثيرات انتقال بسيطة إلى شريط التمرير. ضع في اعتبارك أن الإصدار المجاني من Master Slider يتضمن تأثيرين فقط: طبيعيو يختفي. نوصي بالخيار الأول لأنه يوفر انتقالًا أنيقًا لشريط تمرير WordPress الخاص بك:
وأخيرًا، يمكنك أيضًا اللعب بالمظاهر عن طريق التمرير لأسفل إلى القسم مظهر. هذه هي قوالب شريط التمرير التي تسمح لك بتغيير مظهرها.
لقد أظهرنا المظهر الافتراضي في الأمثلة لدينا حتى الآن، ولكن هناك خيارات رائعة أخرى يمكنك اللعب بها. يمكنك أيضًا الدخول إلى أشرطة تمرير WordPress إذا كنت تحب أشياء مثل هذه:
بمجرد الانتهاء من تخصيص نمط شريط تمرير WordPress الخاص بك، انقر فوق الزر حفظ التغييراتوانتقل إلى الخطوة الأخيرة.
الخطوة 3: ضع شريط التمرير الجديد في المكان الذي تريد أن يظهر فيه
الآن أصبح شريط تمرير WordPress الخاص بك جاهزًا، كل ما تبقى عليك فعله هو وضعه على موقع الويب الخاص بك. العملية بسيطة حيث يقوم المكون الإضافي Master Slider بإنشاء رمز قصير لكل شريط تمرير تقوم بإنشائه.
للعثور على هذه الرموز القصيرة، انتقل إلى علامة التبويب ماستر سلايدرفي شريط الأدوات وانظر أسفل العمود رمز قصير:
انسخ الرمز القصير لشريط التمرير الذي تريد وضعه على موقعك، ثم افتح محرر الصفحة أو انشره في المكان الذي تريد وضعه فيه. ما عليك سوى لصق الرمز القصير في المكان الذي تريد أن يظهر فيه شريط تمرير WordPress الخاص بك، كما في المثال أدناه:
إذا قمت بفحص صفحتك، فيجب أن تبدو كما يلي في الواجهة:
تذكر أنه يمكنك إنشاء العدد الذي تريده من أشرطة التمرير باستخدام المكون الإضافي Master Slider. يمكنك أيضًا حذف تلك التي لم تعد ترغب في استخدامها في علامة التبويب ماستر سلايدربالضغط على الزر يمسحبجانب أي منهم:
الآن يمكنك البدء في إنشاء أفضل شريط تمرير WordPress لموقعك على الويب! قبل أن نختتم، دعونا نلقي نظرة على بعض خيارات المكونات الإضافية البديلة.
أفضل 5 ملحقات WordPress Slider
لقد رأينا بالفعل أحد أفضل المكونات الإضافية لشريط تمرير WordPress أثناء العمل. ومع ذلك، لم تتح لنا الفرصة بعد لتعريفك بجميع وظائفه. دعنا نفعل ذلك الآن ثم نعرض لك بعض أفضل الحلول الأخرى التي يمكنك استخدامها إذا لم يكن Master Slider هو الشيء الذي تفضله.
1. ماستر سلايدر
أنت بالفعل على دراية بـ Master Slider، لذا دعنا ننتقل مباشرة إلى ما قد لا تعرفه عن المكون الإضافي. إلى جانب القدرة على إنشاء أشرطة تمرير WordPress، يوفر هذا المكون الإضافي أيضًا استجابة كاملة. إنه يعمل مع التنقل باللمس، لذا فهو مثالي لمواقع الويب المحمولة ومصمم للعمل مع محركات البحث.
دلائل الميزات:
- قم بإنشاء العديد من أشرطة التمرير كما تريد.
- أضف أشرطة التمرير إلى صفحات WordPress الخاصة بك باستخدام الرموز القصيرة.
- تخصيص نمط شريط التمرير وتأثيرات الانتقال.
- تأكد من أن أشرطة التمرير الخاصة بك تستجيب بشكل كامل دون أي تخصيص إضافي.
- تحسين محتوى أشرطة التمرير الخاصة بك لمحركات البحث.
سعر: يمكنك تجربة الإصدار المجاني من Master Slider أو اختيار الإصدار المميز الكامل.
2. المنزلق الذكي 3
يقدم Smart Slider 3 العديد من الميزات نفسها التي يقدمها Master Slider. ومع ذلك، فهو يحتوي أيضًا على محرر سحب وإفلات مباشر يمكنك استخدامه لإنشاء أشرطة التمرير. إذا كنت من النوع الذي يحب تخصيص عناصر موقعك باستخدام أداة إنشاء الصفحات بدلاً من قوائم التخصيص، فقد يكون هذا المكون الإضافي خيارًا رائعًا.
وبصرف النظر عن هذه الميزة، يضمن Smart Slider 3 أيضًا أن أشرطة التمرير الخاصة بك جاهزة للاستخدام بشكل افتراضي حتى بدون أي إعدادات إضافية. بالإضافة إلى ذلك، فهو يتضمن العديد من القوالب التي يمكنك استخدامها لتخصيص محركاتك بسرعة.
دلائل الميزات:
- قم بإنشاء منزلقات WordPress باستخدام محرر السحب والإفلات.
- استخدم منشئي الصفحات التابعين لجهات خارجية مثل Divi وBeaver Builder بالإضافة إلى المكون الإضافي.
- اضبط أشرطة التمرير على الوضع الافتراضي.
- اختر من بين عدة قوالب لإعداد أشرطة التمرير الخاصة بك وتشغيلها بسرعة.
- أضف بعض الخطوط إلى محتوى الشرائح الخاصة بك.
سعر:يقدم Smart Slider 3 إصدارًا أساسيًا مجانيًا بالإضافة إلى العديد من المستويات المدفوعة.
3. ميتا سلايدر
عندما يتعلق الأمر بالمكونات الإضافية لشريط التمرير في WordPress، فإن القليل منها يتمتع بشعبية مثل MetaSlider. مع ما يقرب من 1,000,000 عملية تثبيت نشطة في وقت نشر هذه المقالة، فهي في قمة سلسلة المكونات الإضافية.
على الرغم من أن MetaSlider لا يتمتع بالواجهة الرائعة التي تتمتع بها المكونات الإضافية الأخرى التي قمنا بمراجعتها حتى الآن، إلا أنه يحقق نتائج جيدة عندما يتعلق الأمر بسهولة الاستخدام. تعد إضافة الشرائح أمرًا سهلاً، وكذلك إعادة ترتيبها وإضافة نص وحتى تحسين البيانات الوصفية الخاصة بها. مع المكونات الإضافية الأخرى، يمكن أن يستغرق كل هذا العمل بعض الوقت، ولكن MetaSlider يجعل الأمر سهلاً من خلال واجهة بسيطة وبديهية.
دلائل الميزات:
- قم بتثبيت العديد من أشرطة تمرير WordPress.
- أضف الشرائح بسرعة وقم بتغيير ترتيبها.
- أضف نصًا إلى الشرائح الخاصة بك وقم ببعض تحسينات محرك البحث (SEO).
- تخصيص تأثيرات الانتقال من أشرطة التمرير الخاصة بك.
- أضف أشرطة تمرير إلى أي من صفحاتك باستخدام الرموز القصيرة.
سعر: MetaSlider مجاني في دليل WordPress الإضافي، أو يمكنك الحصول على ترخيص متميز مع العديد من الميزات الإضافية.
4. شريط التمرير بواسطة WD
إذا كنت من النوع الذي يحب تخصيص كل التفاصيل الصغيرة لموقعك على الويب، فقد يكون Slider by WD هو الخيار المناسب لك. يحتوي على العديد من الميزات التي تجعله مختلفًا عن المكونات الإضافية الأخرى، مثل دعم الشرائح المتعددة والتصميم سريع الاستجابة والمزيد.
يتألق المكون الإضافي حقًا في عدد التخصيصات التي يمكنك إجراؤها لكل شريحة من شرائحك. على سبيل المثال، يمكنك اللعب بأحجامها وألوانها وتأثيراتها الانتقالية. يمكنك أيضًا استيراد وتصدير أشرطة التمرير لنسخها من موقع إلى آخر. أخيرًا، يتضمن البرنامج الإضافي القدرة على وضع علامة مائية على صورك، وهو ما يمكن أن يكون مفيدًا إذا كنت بحاجة إلى حماية عملك الأصلي.
دلائل الميزات:
- قم بتثبيت أشرطة تمرير WordPress للجوال.
- الوصول إلى مجموعة واسعة من الإعدادات لشرائح التمرير الخاصة بك.
- ضع علامة مائية على شرائحك لحمايتها من السرقة.
- قم باستيراد وتصدير أشرطة التمرير حتى تتمكن من نسخها من موقع إلى آخر.
سعر:يعد الإصدار المجاني من Slider WD أداة موثوقة، على الرغم من أنه يمكنك أيضًا الترقية إلى ترخيص متميز.
5. حرك أي شيء
حتى الآن، تركز جميع المكونات الإضافية التي تحدثنا عنها بشكل أساسي على الصور. ومع ذلك، كما ذكرنا سابقًا، يمكنك أيضًا استخدام أشرطة تمرير WordPress لأغراض أخرى. يمكنك عرض تقييمات العملاء والمزيد.
يسمح لك المكون الإضافي Slide Anything بإعداد أشرطة التمرير باستخدام أي نوع من المحتوى تريده تقريبًا. إلى جانب الصور والنصوص، يسمح لك أيضًا باستخدام HTML وحتى الرموز القصيرة، والتي يمكنها إنشاء مجموعات ممتعة. بالإضافة إلى ذلك، يتضمن هذا البرنامج المساعد بعض الميزات الممتعة مثل التمرير اللانهائي (بحيث يتم تكرار شريط التمرير الخاص بك). يحتوي هذا البرنامج الإضافي أيضًا على مجموعة كاملة من تأثيرات الانتقال الرائعة وغير ذلك الكثير.
دلائل الميزات:
- قم بتعيين أشرطة التمرير باستخدام أي نوع من المحتوى الذي تريده.
- اختر من بين العديد من تأثيرات الانتقال لشرائحك.
- استخدم الرموز القصيرة في أشرطة التمرير الخاصة بك.
سعر:يمكنك تجربة Slide Anything Pro مجانًا، أو الوصول إلى بعض الميزات الإضافية (مثل النوافذ المنبثقة) مع الإصدار المميز.
خاتمة
هناك سبب وراء شعبية أشرطة التمرير. كل ما عليك فعله هو تحديد عدد قليل من الصور، وإضافة تأثير انتقالي أو اثنين، وربما تضمين بعض النص، ويصبح لديك عنصر يبدو رائعًا في أي مكان على موقعك (خاصة كرأس). باستخدام WordPress، يمكنك بسهولة تخصيص شريط التمرير الخاص بك باستخدام المكون الإضافي المفضل لديك. نحن مهتمون بـ Master Slider بسبب وفرة ميزاته، ولكن هناك العديد من الخيارات الرائعة الأخرى.
هل لديك بالفعل خبرة في تخصيص شريط تمرير WordPress؟ أخبرنا عن ذلك في قسم التعليقات أدناه!