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

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

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

كما أن لديها خيار إعداد متقدم على الجانب الأيمن من الصفحة. لاستخدام الرمز المختصر Meta Slider في وظيفة مخصصة ، قم بإضافة خطاف رأس Genesis الذي يتضمن العلامة الشرطية للصفحة الرئيسية. نظرًا لأن محتوى عرض الشرائح أكبر من حجم شريط التمرير الخاص بك ، يمكن للزائرين الوصول إليه بسهولة. يتضمن الإصدار المتميز من Meta Slider ، وهو عبارة عن حزمة إضافية للإصدار المجاني ، ميزات متميزة متوفرة في الإصدار المجاني. يمكنك تحميل مقاطع الفيديو على YouTube أو Vimeo (عبر شريط التمرير) وإضافة محتوى HTML مخصص. يمكن أيضًا استخدام متجر عبر الإنترنت يعمل بنظام WooCommerce لعرض عناصر من محفظتك ، بالإضافة إلى عناصر من محفظتك الخاصة. ليست هناك حاجة إلى إنفاق الوقت أو المال على تسعير Meta Slider Pro لأنه يمكنك بسهولة تحديد الميزات التي تريد استخدامها بناءً على عدد المواقع التي تنوي استخدام المكون الإضافي عليها. هناك عروض احترافية تبدأ من 39 سنتًا (موقعان) وتصل إلى 319 سنتًا (مواقع غير محدودة). علاوة على ذلك ، يأتي MetaSlider Pro مع فترة تجريبية مدتها 30 يومًا يمكنك تجربتها مجانًا.

كيف أقوم بإضافة شريط تمرير مخصص في WordPress؟

هناك عدة طرق لإضافة شريط تمرير مخصص في WordPress. إحدى الطرق هي استخدام مكون إضافي مثل Slider Revolution أو Master Slider . هناك طريقة أخرى وهي استخدام نوع منشور مخصص مع تصنيف مخصص.

شريط التمرير في البرنامج المساعد WordPress

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

ما هو المنزلق المساعد؟

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

WordPress Carousel Slider مع نص بدون البرنامج المساعد

هناك العديد من الطرق لإنشاء شريط تمرير دائري لـ WordPress مع نص بدون استخدام مكون إضافي. إحدى الطرق هي استخدام أداة HTML المخصصة. تتيح لك هذه الأداة إضافة رمز HTML مخصص إلى الشريط الجانبي. لاستخدام هذه الأداة ، ما عليك سوى سحبها إلى الشريط الجانبي الخاص بك ثم لصق الكود التالي في عنصر واجهة المستخدم: الشريحة الأولى هذه هي الشريحة الأولى من الرف الدائري. الشريحة الثانية هذه هي الشريحة الثانية من الدائرة. الشريحة الثالثة هذه هي الشريحة الثالثة من الدائرة. لتصميم الرف الدائري ، يمكنك إضافة كود CSS التالي إلى ملف style.css الخاص بالسمة: # my-carousel {margin: 20px 0؛ } # my-carousel .item {text-align: center؛ إخفاء الفائض؛ } # my-carousel .item img {margin: 0 auto؛ } الكود أعلاه سينشئ منزلق دائري أساسي بثلاث شرائح. يمكنك إضافة شرائح إضافية عن طريق نسخ رمز الشريحة الأولى ثم تغيير مصدر الصورة والنص.

كود شريط التمرير المخصص في WordPress

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

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

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

Woocommerce Product Slider بدون البرنامج المساعد

هناك عدة طرق لإنشاء شريط تمرير منتج WooCommerce بدون استخدام مكون إضافي. إحدى الطرق هي استخدام الرموز المختصرة المضمنة في WooCommerce. هناك طريقة أخرى وهي استخدام المكون الإضافي WooCommerce Product Table. وأخيرًا ، يمكنك استخدام مكون إضافي تابع لجهة خارجية مثل WPBakery Page Builder.

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

تم إتاحة هذا المكون الإضافي للجمهور من قبل مجموعة متنوعة من المساهمين. يمكنني القول بثقة أن شريط التمرير هذا هو أفضل ما استخدمته على الإطلاق. تم تقديم 196 مراجعة. ستعقد الهيئة الحاكمة لمنظمة التجارة العالمية ، غرفة التجارة الدولية ، مؤتمر الذكرى الخامسة والعشرين لها في 2 سبتمبر 2022. بين تاريخ 7 يوليو و 21 يوليو 2021. الفترة من 25 ديسمبر 2021 إلى 25 ديسمبر 2023. التواريخ هي 2.3.3 إلى 19 أغسطس 2021 و 2. 2.8 - 27 يناير 2021.

إضافة شريط تمرير المنتج إلى Woocommerce

الأمر بسيط مثل إضافة شريط التمرير إلى موقع WooCommerce الخاص بك. العملية بسيطة مثل تسجيل الدخول إلى لوحة معلومات WordPress الخاصة بك ، واختيار قائمة المكونات الإضافية ، والنقر فوق إضافة جديد. عن طريق كتابة "Product Slider for WooCommerce" في حقل البحث ، يمكنك العثور على ShapedPlugin. إذا عثرت عليه ، فانقر فوق "التثبيت الآن" ثم "تنشيط". بمجرد التثبيت ، يمكنك بسهولة تغيير شريط التمرير في WooCommerce. يمكنك تحرير شريط التمرير بالانتقال إلى WooCommerce> Product Slider وتحديد شريط التمرير الذي تريد تحريره. غيّر الخيارات التي تريدها واحفظها على هيئة شريط تمرير.