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

إنه مكون إضافي متوفر على CodeCanyon.com. تذكر ، قدمنا ​​لك كيف قم بتنزيل مكون إضافي على هذا النظام الأساسي.

لذا فإن أول شيء هو إستماع، قم بتثبيته وتنشيطه.

إذا لم تقم بتثبيت الأخير مطلقًا ، فاكتشف ذلك كيفية تثبيت الثورة المتزلج على وورد.VOUS pouvez aussi اكتشاف هذا البرنامج التعليمي مفصل وكامل أخرى.

الموصى بها.

كيفية تكوين المنزلق ثورة

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

دخول الثورة slider.jpg

سيؤدي ذلك إلى إعادة توجيهك إلى لوحة معلومات البرنامج المساعد Slider Revolution. ثم سنقوم بتكوين البرنامج المساعد. يجب عليك بعد ذلك النقر على الرابط " الإعدادات العامة تقع في القائمة الفرعية Slider Revolution.

قرار المعلمات العامة slider.jpg

النقر عليها سوف ينقلك إلى صفحة جديدة. تحتوي هذه الصفحة على بعض الخيارات ، بما في ذلك:

  • الأدوار التي لها حق الوصول عرض إذن المساعد »
  • تحميل موارد البرنامج المساعد في كل مكان " on أو فقط على الصفحات التي تستخدمه. يمكن أن يؤدي تحميل الموارد في جميع صفحاتك إلى إبطاء موقعك الإلكتروني.
  • يمكنك أيضًا دمج موارد المكون الإضافي في صفحات معينة عن طريق إضافة معرف كل صفحة في " الصفحات لRevSlider تشمل المكتبات ".
  • للحصول على عرض أفضل ، يمكنك اختيار تحميل موارد المكون الإضافي بعد عرض الصفحة مع الخيار " أقحم جافا سكريبت إلى تذييل ".
  • يمكنك تنشيط خيارات تصدير بيانات شريط التمرير لاستخدامها في العديد من مواقع الويب الأخرى.
  • يتعلق الخيار الأخير بتقارير نشاط شريط التمرير.

وضع ثورة المنزلق عام sources.jpg

الإعدادات الافتراضية مقبولة. ولكن يمكنك تخصيصها كما تريد. لا تنس النقر على " حفظ الإعدادات »لحفظ الإعدادات الخاصة بك.

العودة إلى « تعديل سلايدر لأننا الآن بصدد إنشاء شريط تمرير جديد.

تكوين البرنامج المساعد WordPress Slider Revolution

كيفية إنشاء شريط التمرير مع الثورة المنزلق البرنامج المساعد

يعد Revolution Slider مرنًا للغاية ويتكيف مع أي نوع من أشرطة التمرير تقريبًا ، من الأبسط إلى الأكثر تعقيدًا مع الطبقات (هذه ميزة مثيرة للاهتمام للغاية).

في الصفحة الجديدة ، يمكنك ملاحظة وجود عمودين رئيسيين. يجب اعتبار هذه الصفحة كصفحة إعدادات لشريط التمرير الجديد. لا يمكن من هذا الموقع إضافة صور ونصوص. ومع ذلك ، سنقوم بتعديل بعض إعدادات شريط التمرير.

اكتشاف لدينا 10 أفضل إضافات ووردبريس متميزة لإنشاء منزلقات على مدونتك

في قسم "Param Slider"

لدينا العديد من الحقول المطلوبة التي يجب إكمالها ، بما في ذلك:

  • لقب
  • الاسم المستعار الذي سيتم استخدامه في الرمز القصير. يجب عليك بالضرورة تقديم اسم مستعار.

العنوان shortcode الثورة slider.jpg

هناك عدة أنواع من شريط التمرير يمكن تحقيقه مع المنزلق الثورة:

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

منزلق نوع الثورة اختيار slider.jpg

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

حجم تكوين الثورة slider.jpg

هذه هي الخيارات الموجودة في العمود الأول. يقدم العمود الثاني عدة خيارات أخرى. من بين أمور أخرى لدينا: مدة كل شريحة ، وهي افتراضيًا 9 ثوانٍ.

عرض عشوائي (وضع خلط ورق اللعب)

المعلمات العامة slider revolution slider.jpg

قسم التخطيط والمرئية

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

التخطيط والثورة المرئية slider.jpg

قسم الملاحة

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

علامة التبويب التنقل الثورة slider.jpg

تكوين شروط الحركة "المعلمات العامة"

يقدم خيارات على الشرائح ، على سبيل المثال ، يمكنك تحديد أن شريط التمرير سيتوقف تلقائيًا بعد شريحة معينة " توقف بعد الحلقات »أو اختر موضع الشريط المنزلق (يسمح لك شريط التقدم بمعرفة المدة التي تستغرقها الشريحة قبل عرض شريحة أخرى).

تكوين الرسوم المتحركة

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

اكتشف كيفية إنشاء صفحة ويب للمحترفين مع WPBakery وأضف إليها منزلق جميل.

بمجرد الانتهاء ، احفظ شريط التمرير أدناه باستخدام " حفظ الإعدادات ".

تسجيل المنزلق الثورة sliders.jpg

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

إنشاء شريط التمرير interface.jpg

كيفية إضافة شريحة جديدة إلى شريط التمرير

إذا كنت لا تتذكر ما هو هذا ، فقد حددت في منشور سابق مجموعة من المصطلحات الفنية في WordPress ، بما في ذلك « شريط التمرير "و" الشرائح ».

قبل واجهة تعديل خيارات شريط التمرير ، سترى قسمًا به 3 مناطق بشكل افتراضي حيث ستجد القسم الأخير مع التسمية " أضف شريحة". من خلال وضع الماوس فوقه ، سيعرض خيارات إضافية. اختر إضافة شريحة فارغة.

إضافة شريط التمرير إلى slider.jpg

ملاحظة : ستتم إضافة أي شرائح جديدة تقوم بإنشائها إلى هذا الشريط. ستوفر لك كل شريحة يتم إنشاؤها خيارات إدارة إضافية: حذف ، تكرار ، إضافة إلى القالب.

تتكون واجهة شريط التمرير من:

  • خيارات الشرائح المتقدمة
  • من واجهة تصميم شريط التمرير (واجهة الإنشاء)

واجهة خيارات متقدمة

يتم تنظيم هذه الخيارات في عدة علامات تبويب مختلفة. يسمح لك قسم الخلفية الرئيسي بتكوين الجوانب المختلفة التي تؤثر على خلفية الشريحة. على سبيل المثال ، يمكنك اختيار استخدام فيديو YouTube كخلفية.

خلفية الفيديو الثورة slider.jpg

تتيح لك علامة التبويب "معلمات عامة" تكوين عناصر مثل مدة الشريحة ، والأحداث المختلفة التي ستؤدي إلى توقف الشريحة مؤقتًا (إيقاف الحركة).

المعلمات العامة الثورة slider.jpg

تتيح لك علامة التبويب المصغرة اختيار معاينة للشريحة التي تم إنشاؤها. سيتم استخدام هذا إذا كان شريط التمرير يوفر معاينات للشرائح. 

خلق vignette الثورة slider.jpg

تتيح لك علامة تبويب الرسوم المتحركة للشرائح تحديد الرسوم المتحركة للدخول والخروج من الشريحة. لديك خيار واسع من بين الخيارات المتاحة.

اختر الرسوم المتحركة slide slide slider.jpg

تتيح لك علامة التبويب link & seo تعديل بعض سمات HTML للشريحة. من حيث المبدأ ، لن تحتاج إلى استخدام علامة التبويب هذه كثيرًا.

الثورة واجهة تصميم المتزلج

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

تصميم واجهة ثورة slider.jpg

ما تحتاج لمعرفته حول الطبقات

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

تصفح طبقة ثورة slider.jpg

إذا قمت بالنقر فوق "نص / html" ، فسيؤدي ذلك إلى إضافة منطقة نص على واجهة التصميم يمكنك تخصيصها (إضافة نص أو تغيير الخط أو نقله).

إضافة نص الثورة slider.gif

يمكن أن تقدم كل طبقة مضافة خيارات مختلفة. عادةً للوصول إلى خيارات الطبقة ، ما عليك سوى النقر نقرًا مزدوجًا عليها. سنقوم الآن بإضافة صورة.

أضف صورة ثورة slider.gif

كل طبقة لها خياراتها الخاصة. هذه الخيارات هي الشريط الموجود أعلى واجهة التصميم مباشرةً.

الخيار لطبقة الثورة slider.jpg

هذه علامات تبويب تقدم خيارات متقدمة. على سبيل المثال ، إذا أردنا تغيير الرسوم المتحركة للطبقة ، فعلينا الانتقال إلى علامة تبويب الرسوم المتحركة واختيار رسم متحرك للإدخال والإخراج على النحو التالي.

اختر صورة متحركة ل layer.gif

كل علامة تبويب لديها خياراتها الخاصة. من خلال أخذ بضع دقائق ، ستتمكن من فهم كيفية عمل معظم علامات التبويب.

هذا كل ما يمكن معرفته حول تكوين ملف وورد البرنامج المساعد ثورة المنزلق لتبدأ. سنعود لاحقًا لنعرض لك المزيد من التقنيات المتقدمة.

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

1. RoyalSlider

شريط التمرير الأكثر تنزيلًا على CodeCanyon ، يأتي Royal Slider محملاً بميزات لا تقاوم. يستخدم هذا المكون الإضافي من قبل شركات متنوعة مثل Coca-Cola و Ralph Lauren و Land Rover ، كل ما قد تتوقعه من شريط التمرير. الميزة الأكثر جاذبية هي دعم ملء الشاشة الأصلي.

لمس شريط تمرير Royalslider للمحتوى لـ WordPress

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

تحميل | عرض | استضافة المواقع

2. . WP Slick Slider و Image Carousel Pro

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

هذا خيار يأخذ على محمل الجد ، خاصة بالنسبة لمستخدمي الملحن المرئي - WPBakery -.

معالمه هي من بين أمور أخرى: مise صفحة تستجيب بشكل كامل مع دعم السحب والإفلات ، جاختصارات باني،upport من RTL ومتعددة اللغات ، منتصميم لاذع ، و أكثر من ذلك بكثير.

تحميل | عرض | استضافة المواقع

الموارد الموصى بها

تعرف على الموارد الأخرى الموصى بها لمساعدتك في بناء وإدارة موقع الويب الخاص بك.

وفي الختام

نأمل أن تساعدك هذه المقالة في إعداد ملف وورد البرنامج المساعد بريميوم سلايدر ريفوليوشن. إذا كان لديك أي أسئلة ، فلا تتردد في تركها في القسم تعليقات. وإذا كنت قد أحببت هذا المقال ، شاركه بطريقة مختلفة الشبكات الاجتماعية