كيفية إضافة صورة الأكورديون إلى صفحة عنصر

هل ترغب في إضافة أكورديون من الصور إلى الصفحة Elementor ?

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

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

JetTabs هي وظيفة إضافية Elementor عضو الأسرة JetPlugins، مجموعة من إضافات Elementor التي طورتها Crocoblock. تأتي JetTabs مع أربع أدوات: Swicther و Tabs و Image Accordion و Classic Accordion.

كيفية إضافة صورة الأكورديون في Elementor مع JetTabs

قبل أن تبدأ ، تأكد من تثبيت وتفعيل الوظيفة الإضافية JetTabs. يمكنك الحصول على هذه الوظيفة الإضافية مقابل 23 دولارًا فقط سنويًا. بدلاً من ذلك ، يمكنك أيضًا الحصول على JetTabs بخيار شراء لمرة واحدة من خلال حزمة سمات Jupiter X أو Monstroid2.

اقرأ أيضا: كيفية إنشاء قائمة تصفح صفحة واحدة في Elementor

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

في محرر Elementor ، اسحب عنصر واجهة مستخدم Image Accordion من لوحة عناصر واجهة المستخدم إلى منطقة التحرير.

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

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

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

أسلوب الأكورديون

لتصميم الأكورديون الخاص بك ، يمكنك الوصول إلى علامة التبويب الطراز في اللوحة اليسرى. هناك 7 كتل يمكنك فتحها لتصميم الأكورديون. في الكتلة الأولى (كتلة الحاوية) ، يمكنك ضبط ارتفاع الأكورديون ولون الخلفية ونصف قطر الحدود والظل المسقط.

في كتلة العنصر ، يمكنك تعيين المسافة بين العناصر ولون خلفية العنصر ونصف قطر حدود العنصر وظل مربع العنصر.

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

فويلا.

احصل على Elementor Pro الآن !!!

وفي الختام

هنا ! هذا كل شيء في هذا المقال الذي يوضح لك كيف إضافة صورة الأكورديون إلى صفحة العنصر. إذا كانت لديك أية مخاوف بشأن كيفية الوصول ، فأخبرنا بذلك تعليقات.

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

ولكن في هذه الأثناء ، شارك هذا المقال على الشبكات الاجتماعية المختلفة.

...