أداة Elementor Accordion المجانية للأسئلة الشائعة والتبديلات
Advanced Accordion عبارة عن أداة Master Addons لأقسام الأسئلة الشائعة والمحتوى القابل للطي، ولا تحتاج إلى Master Addons Pro. يختار الأكورديون لإبقاء عنصر واحد مفتوحا في وقت واحد أو تبديل للسماح للزائرين بفتح عدة. يحتوي كل عنصر على عنوان وإجابة، ويمكن أن يبدأ في الفتح، ويمكنه استخدام أيقونات التوسيع والطي الخاصة به. قم بتصميم عناوين للحالات العادية والتحويمية والنشطة، ثم قم بتصميم الإجابات والأيقونات. ماستر أدونز برو يضيف الأقسام المحفوظة والأدوات المحفوظة وقوالب الصفحات كمحتوى للعنصر، وهي أيضًا الطريقة التي تقوم بها بدمج أكورديون داخل آخر.
كيفية إنشاء الأسئلة الشائعة الأكورديون في العنصر
أنت بحاجة إلى Elementor والمكون الإضافي Master Addons من WordPress.org.
- تأكد من تشغيل الأكورديون المتقدم تحت الإضافات الرئيسية والأدوات.
- في محرر Elementor، ابحث عن الأكورديون المتقدم واسحبه إلى الصفحة.
- اضبط نوع الأكورديون على الأكورديون للحصول على الأسئلة الشائعة الكلاسيكية.
- أضف عنصرًا واحدًا لكل سؤال، واكتب الإجابة، وقم بتعيين السؤال الأكثر طرحًا على Active كافتراضي.
- قم بتعيين عنوان HTML Tag إلى H3 حتى تصبح الأسئلة عناوين.
- قم بتصميم العناوين والإجابات والأيقونات في علامة التبويب "النمط".
حول مخطط الأسئلة الشائعة: لا تقوم هذه الأداة بإخراج بيانات منظمة FAQPage. إذا كنت تريد نتائج غنية بالأسئلة الشائعة، فقم بتشغيل خيار مخطط الأسئلة الشائعة في عنصر واجهة مستخدم Accordion الخاص بـ Elementor، أو قم بإضافة الأسئلة باستخدام كتلة الأسئلة الشائعة الخاصة بمكون تحسين محركات البحث الإضافي. يتم تغطية كل إعداد في إعدادات عناصر واجهة المستخدم الأكورديون المتقدمة.
الأكورديون المتقدم في لمحة
ما تفعله الأداة، اقرأ من كود Master Addons.
| عنصر | القطعة الأكورديون المتقدمة |
|---|---|
| أوضاع | الأكورديون (عنصر واحد مفتوح في كل مرة) أو تبديل (عدة عناصر مفتوحة) |
| عناصر | بقدر ما تضيف إلى القائمة |
| فتح عند التحميل | نشط كإعداد افتراضي لكل عنصر؛ مع عدم وجود أي مجموعة، تبدأ جميع العناصر مغلقة |
| أيقونات | قم بتوسيع الرموز الخاصة بالعنصر واجهة المستخدم وطيها، بالإضافة إلى الرموز المخصصة لكل عنصر |
| عنوان علامة HTML | H1 إلى H6، div أو تمتد |
| تصميم العنوان | عادي، يحوم ونشط: الخلفية، لون النص، الطباعة، الحدود، نصف القطر، الظل، الحشو |
| محتوى | النص والوسائط؛ القسم المحفوظ أو عنصر واجهة المستخدم أو قالب الصفحة باستخدام Pro |
| لون الخلفية لكل عنصر | مع برو |
| التعشيش | من خلال قسم أو قالب محفوظ مع Pro |
| سرعة الرسوم المتحركة | تبديل السرعة بالمللي ثانية |
| مخطط الأسئلة الشائعة | لا |
| إعداد Max Effitens الموسع | لا؛ استخدم وضع الأكورديون واحدًا تلو الآخر |
| الاحتياجات | العنصر والإضافات الرئيسية |
الأكورديون أو تبديل السلوك
نوع الأكورديون يضبط السلوك: يقوم Accordion بإغلاق العنصر المفتوح عند فتح عنصر آخر، ويتيح Toggle للعديد من العناصر البقاء مفتوحة. لكل عنصر، أضف العنوان والمحتوى، وقم بتشغيله نشط كإعداد افتراضي لفتحه عند التحميل، وتشغيله تمكين الرمز المخصص لأيقوناتها الخاصة. نوع المحتوى محتوى عادي بدون Pro. القسم المحفوظ، والأداة المحفوظة، وقالب الصفحة المحفوظة، بالإضافة إلى لون خلفية لكل عنصر، تحتاج إلى Pro.
- تبديل السرعة بالمللي ثانية للرسوم المتحركة المفتوحة والمغلقة.
- العنوان علامة HTML من H1 إلى H6، div أو span، لذلك يمكن أن تكون الأسئلة عناوين حقيقية.
- الأكورديون المتداخل: احفظ الأكورديون كقالب وقم بتحميله في عنصر باستخدام Pro.
احتفظ بعنصر الأكورديون مغلقًا افتراضيًا
يبدأ إغلاق كل عنصر في Advanced Accordion ما لم تقم بتشغيله نشط كإعداد افتراضي لذلك. بالنسبة للأكورديون الذي يتم إغلاقه بالكامل عند تحميل الصفحة، اترك هذا المفتاح مغلقًا على كل عنصر. لفتح العنصر الأول فقط، قم بتشغيله للعنصر الأول واترك الباقي مغلقًا.
في وضع الأكورديون، يظل عنصر واحد مفتوحًا في كل مرة، لذا فإن النقر الثاني على عنوان آخر يغلق العنصر الأول. في وضع التبديل، يمكن للزائرين فتح أي عدد يريدونه من العناصر، وكل عنصر تقوم بتعيينه باستخدام Active as Default يفتح معًا عند التحميل. يتعامل الأكورديون الخاص بـ Elementor مع هذا من خلال إعدادين لعنصر واجهة المستخدم بدلاً من ذلك: الحالة الافتراضية (تم توسيع العنصر الأول أو طيه بالكامل) والحد الأقصى لعدد العناصر الموسعة.
لم يتم تشغيل أي عنصر نشط كافتراضي، لذلك تبدأ جميع الإجابات الأربعة مغلقة.
قم بتبديل النوع مع تعيين عنصرين على Active كافتراضي: كلاهما يفتحان معًا عند التحميل.
الأكورديون، تبديل أو تبديل المحتوى؟
ثلاثة من أدواتنا تفتح وتغلق المحتوى. اختر ما يحتاج الزائر إلى رؤيته في وقت واحد.
| تريد | يستخدم |
|---|---|
| قائمة الأسئلة الشائعة حيث تكون الإجابة الواحدة مفتوحة في كل مرة | الأكورديون المتقدم، نوع الأكورديون |
| قائمة المواصفات أو قائمة المراجعة حيث يفتح الزوار عدة عناصر | الأكورديون المتقدم، نوع التبديل |
| مفتاح واحد يقوم بتبديل قسم كامل، مثل الأسعار الشهرية والسنوية | تبديل المحتوى |
| تظهر الملصقات جنبًا إلى جنب مع لوحة واحدة | علامات التبويب |
للمقارنات الأطول، اقرأ تبديل مقابل الأكورديون في العنصر و علامات التبويب مقابل الأكورديون.
تصميم وهيكل العنوان على أساس الدولة
شريط العنوان هو ما ينقر عليه المستخدمون، مما يجعل كل حالة مرئية مقصودة. قم بتصميم العنوان بشكل منفصل لحالاته العادية والتحويمية والنشطة (المفتوحة). لكل حالة، حدد نوع الخلفية الفريد (اللون والتدرج) ولون النص والطباعة. تحكم في محاذاة العنوان والحشو والحدود ونصف قطر الحدود وإضافة ظل مربع. يتيح لك هذا المستوى من التفاصيل إنشاء رحلة مرئية واضحة: افتراض محايد، وتحويم جذاب، وحالة “open” مميزة تؤكد إجراء المستخدم.
- تصميم الحالة الثلاثية: قم بتطبيق أنماط مميزة على أشرطة العناوين العادية والتحويمية والنشطة.
- الخلفيات المتقدمة: استخدم الألوان الصلبة أو التدرجات لحالات مختلفة لإنشاء العمق.
- التحكم الكامل في الصندوق: اضبط الحشو والحدود وظل الصندوق لجعل كل شريط عنوان مكونًا مصممًا.
أيقونات تبديل قابلة للتخصيص مع الحالات المزدوجة
تجاوز أيقونة المثلث العامة. قم بتمكين الرمز المخصص لاختيار أي رمز من المكتبة لكل من إجراءات التوسيع (الحالة المغلقة) والطي (الحالة المفتوحة). ضع الأيقونة على اليسار أو اليمين. ثم قم بتصميم هذه الرموز بشكل مستقل للحالات العادية والتحويمية والنشطة، مع تغيير اللون والحجم والخلفية. اضبط تباعد الأيقونات والحشو حول الأيقونة للحصول على محاذاة مثالية. يؤدي هذا إلى تحويل المؤشر الوظيفي إلى جزء متماسك من لغة التصميم الخاصة بك.
- الرموز المزدوجة: قم بتعيين أيقونات مختلفة لحالتي “plus” (توسيع) و“minus” (طي).
- تصميم الأيقونة الخاص بالحالة: قم بتغيير لون الأيقونة وخلفيتها عند تحريك العنصر أو تنشيطه.
- المحاذاة بشكل صحيح: محاذاة رمز التحكم والموضع والتباعد بالنسبة لنص العنوان.
منطقة المحتوى وتصميم الحاويات
المحتوى الذي ينزلق للأسفل يستحق دراسة التصميم الخاصة به. قم بتصميم منطقة المحتوى بلون الخلفية الخاص بها ولون النص والطباعة والحشوة الداخلية. أضف ظل نص لسهولة القراءة إذا لزم الأمر. بعد ذلك، قم بتصميم حاوية العناصر الشاملة التي تحتوي على جميع أقسام الأكورديون: اضبط التباعد بين العناصر، والحدود العامة، ونصف قطر الحدود، وظل الصندوق. وهذا يضمن أن تبدو الأداة بأكملها وكأنها مكون موحد ومصقول، كما أن المحتوى المفتوح سهل وممتع للقراءة.
- تصميم منطقة المحتوى: قم بتصميم الخلفية والنص للمحتوى المنسدل للحصول على سهولة القراءة المثالية.
- طلاء على مستوى الحاوية: قم بتطبيق Border Radius وBox Shadow على مجموعة الأكورديون بأكملها.
- تباعد العناصر: التحكم في التباعد (الهامش) بين كل عنصر أكورديون للحصول على مظهر نظيف ومنفصل.
عنصر الأكورديون مقابل إضافات الماجستير الأكورديون المتقدم
لدى Free Elementor الآن أداة الأكورديون الخاصة به. وإليك كيفية المقارنة بين الاثنين، حتى تتمكن من اختيار العنصر الصحيح.
| ميزة | عنصر الأكورديون | إضافات الماجستير الأكورديون المتقدم |
|---|---|---|
| سعر | مجاني في العنصر | متضمن بدون Pro؛ محتوى القالب يحتاج إلى Pro |
| مخطط الأسئلة الشائعة | الأسئلة الشائعة خيار المخطط | لا يوجد إخراج المخطط |
| المحتوى المتداخل | قم بإسقاط أي عناصر واجهة مستخدم في كل عنصر، بما في ذلك الأكورديون الآخر | نص بدون Pro؛ الأقسام أو عناصر واجهة المستخدم أو القوالب المحفوظة باستخدام Pro |
| السلوك المفتوح | تم توسيع الحالة الافتراضية والحد الأقصى للعناصر | الأكورديون أو التبديل، بالإضافة إلى نشط كإعداد افتراضي لكل عنصر |
| أيقونات لكل عنصر | الرموز المشتركة | أيقونات التوسيع والطي المخصصة لكل عنصر |
| تصميم العنوان | عادي، يحوم ونشط | عادي، يحوم ونشط مع الخلفية والحدود والظل |
اختر Accordion الخاص بـ Elementor عندما تحتاج إلى مخطط الأسئلة الشائعة أو عناصر واجهة المستخدم داخل كل عنصر بدون إضافة. اختر Accordion المتقدم للأيقونات لكل عنصر وقم بتبديل السلوك باستخدام التصميم التفصيلي. الحاجيات ذات الصلة: تبديل المحتوى, علامات التبويب, جدول المحتويات, صندوق المعلومات و ساعات العمل.
الأسئلة الشائعة المخطط والأكورديون المتقدم
مخطط الأسئلة الشائعة عبارة عن بيانات منظمة تحدد مجموعة من الأسئلة والأجوبة كأسئلة شائعة. الأكورديون المتقدم لا يقوم بإخراجها. لا تزال الأسئلة تظهر على الصفحة وتظل قابلة للزحف؛ لا تضيف الأداة أي علامات على صفحة الأسئلة الشائعة.
توقفت Google عن عرض النتائج الغنية بالأسئلة الشائعة في البحث في 7 مايو 2026، لذلك لم تعد العلامة تضيف القائمة المنسدلة للأسئلة ضمن نتيجة البحث. قد تستمر بعض الأدوات الأخرى في قراءتها. إذا كنت تريد ذلك على أي حال، فاستخدم أداة Elementor's Accordion وقم بتشغيل خيار مخطط الأسئلة الشائعة، أو احتفظ بـ Advanced Accordion للتصميم وأضف مخطط الأسئلة الشائعة من خلال البرنامج الإضافي لتحسين محركات البحث. اختر مصدرًا واحدًا لترميز الأسئلة الشائعة لكل صفحة، لأن كتلتي الأسئلة الشائعة لنفس الأسئلة تربكان أكثر مما تساعدان.
أمثلة الأكورديون المتقدمة
أربعة عشر عرضًا تجريبيًا مباشرًا تم إنشاؤها باستخدام الأكورديون المتقدم: صفحات الأسئلة الشائعة ولوحات الدعم وأسئلة ما قبل البيع وقوائم الخطوات وجدول الخطة.
- الأسئلة الشائعة الكلاسيكية
- الأسئلة الشائعة حول ما قبل البيع النظيف
- الأسئلة الشائعة التحريرية المرقمة
- الأسئلة الشائعة التفاعلية
- الأسئلة الشائعة حول التوهج الداكن
- تخطيط الانقسام الداكن
- الأسئلة الشائعة حول دعم الانقسام
- لوحة الدعم
- لوحة الأسئلة الشائعة بينتو
- الأسئلة الشائعة بجانب صورة مقوسة
- تبديل الخطوات
- جدول الخطة
- كتلة العلامة التجارية
- العرض الأصلي
الأسئلة المتداولة للأكورديون المتقدم
ما الفرق العملي بين نوع “Accordion” ونوع “Toggle”؟
الأكورديون: يمكن فتح عنصر واحد فقط في كل مرة. يؤدي فتح عنصر جديد إلى إغلاق العنصر السابق تلقائيًا. الأفضل لصفحات الأسئلة الشائعة أو التعليمات التسلسلية حيث تريد تقليل التمرير وتركيز الانتباه.
التبديل: يمكن فتح عناصر متعددة في وقت واحد. يمكن للمستخدمين توسيع عدة عناصر لمقارنة المعلومات أو جمعها. الأفضل لقوائم مراجعة الميزات أو قوائم مواصفات المنتج أو المحتوى حيث يحتاج المستخدمون إلى رؤية أقسام متعددة في وقت واحد.
هل أحتاج إلى Master Addons Pro للأكورديون المتقدم؟
رقم أنواع الأكورديون والتبديل، النشط كافتراضي، والأيقونات المخصصة وجميع أعمال التصميم بدون Pro. يلزم وجود محتوى القسم والعنصر والقالب المحفوظ وألوان الخلفية لكل عنصر ماستر أدونز برو.
ما هي أنواع محتوى القسم المحفوظ وقالب الصفحة المحفوظة؟
إنها خيارات Master Addons Pro التي تقوم بتحميل شيء ما من مكتبة قوالب Elementor الخاصة بك إلى عنصر، مثل قسم نموذج الاتصال أو أكورديون آخر. هذه هي الطريقة التي تقوم بها ببناء الأكورديونات المتداخلة باستخدام هذه الأداة.
كيف أبقي جميع عناصر الأكورديون مغلقة عند تحميل الصفحة؟
اترك Active كإيقاف افتراضي على كل عنصر. يفتح Advanced Accordion فقط العناصر التي يعمل بها هذا المفتاح، لذلك مع عدم وجود أي مجموعة، يبدأ كل عنصر مغلقًا ويفتح الزائر العنصر الذي يحتاجه.
لماذا لا يفتح الأكورديون الخاص بي؟
تأكد من تشغيل Advanced Accordion ضمن Master Addons، Widgets، ثم قم بمسح ذاكرة التخزين المؤقت الخاصة بك. إذا قام مكون إضافي للسرعة بتأخير JavaScript حتى التمرير أو النقر الأول، فلن يتم فتح العناصر حتى ينتهي هذا التأخير، لذا استبعد البرامج النصية لـ Master Addons منه.
هل يضيف الأكورديون مخطط الأسئلة الشائعة؟
لا يقوم Advanced Accordion بإخراج البيانات المنظمة لـ FAQPage. لم تعد Google تعرض نتائج غنية بالأسئلة الشائعة (منذ مايو 2026)، لذا فإن الترميز أصبح أقل أهمية مما كان عليه من قبل. إذا كنت لا تزال تريد ذلك، فاستخدم أداة Elementor's Accordion مع خيار مخطط الأسئلة الشائعة، أو قم بإضافتها من خلال مكون إضافي لتحسين محركات البحث.
هل يمكنني التحكم في سرعة الرسوم المتحركة للفتح والإغلاق؟
نعم. في علامة التبويب "المحتوى"، ستجد Toggle Speed (ms). القيمة بالمللي ثانية (على سبيل المثال، 300). الرقم الأقل (مثل 200) يجعله أسرع وأكثر سرعة؛ الرقم الأعلى (مثل 500) يجعله أبطأ وأكثر تعمدًا.
كيف أجعل عنصرًا واحدًا مفتوحًا افتراضيًا؟
افتح العنصر في علامة التبويب "المحتوى" وقم بتشغيل "نشط" كإعداد افتراضي. باستخدام نوع الأكورديون، اضبطه على عنصر واحد فقط: إذا كان هناك عنصران قيد التشغيل، فسيتم فتحهما عند التحميل، وتغلق النقرة الأولى كل شيء باستثناء العنصر الذي تم النقر عليه.
هل يمكنني وضع الأكورديون داخل أكورديون آخر؟
نعم مع ماستر أدونز برو: احفظ الأكورديون الداخلي كقسم أو قالب، ثم اختره كنوع محتوى العنصر. تعمل أداة الأكورديون المتداخلة الخاصة بـ Free Elementor أيضًا على دمج الأكورديون بدون ملحق.
هل يمكنني صنع الأكورديون الأفقي؟
رقم يقوم الأكورديون المتقدم بتكديس العناصر عموديًا ويفتح كل إجابة أسفل عنوانه. بالنسبة للتسميات جنبًا إلى جنب، فإن علامات التبويب القطعة هي الأنسب.
عناصر واجهة المستخدم والملحقات الشائعة
إنشاء مواقع متطورة في وقت أقل.
التشكل الزجاجي
إضافات الحاويات
أنماط
![ملحق Master Addons Post/Page Duplicator لـ Elementor: رابط صف MA Duplicator في قائمة صفحات WordPress لإنشاء صفحة مقصودة - مسودة [مكررة #128]](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
ناسخ البريد/الصفحة
