الأدلة/نص/مكوّن الأكورديون

مكوّن الأكورديون

تُظهر الأكورديونات أقسامًا قابلة للطي من المحتوى، لكل منها رأس قابل للنقر يقوم بتوسيع أو طي المحتوى بداخله. في هذا الدليل، ستتعلم كيفية إضافة مكوّن الأكورديون وتخصيصه واستخدامه على موقعك في WordPress.com.

حول مكوّنات الأكورديونات

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

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

إضافة مكوّن الأكورديون

اتبع هذه الخطوات لإضافة مكوّن الأكورديون: إلى صفحة أو مقالة:

  1. تفضل بزيارة لوحة التحكمفي موقعك.
  2. اذهب إلى الصفحات أو المقالات واضغط على الصفحة/التدوينة التي تريد إضافة الأكورديون إليها.
  3. انقر على أيقونة + أداة إدراج المكوِّنات.
  4. ابحث عن “مكوّن الأكورديون” وانقر لإضافة المكوِّن إلى التدوينة أو الصفحة:
يظهر مكوّن الأكورديون عند البحث عن مكوّن لإضافته.

يمكن العثور على الإرشادات التفصيلية حول إضافة المكوِّنات هنا.

إضافة محتوى إلى الأكورديون

عند إضافتك لأول مرةلمكوّن الأكورديونداخل التدوينة أو الصفحة، ستجد الأقسام التالية:

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

لإكمال الأكورديون الخاص بك:

  1. أضف عنوانك أو نص العنوان الذي تريده مرئيًا في جميع الأوقات.
  2. انقر داخل منطقة لوحة الأكورديون ، أو استخدم عرض القائمة لتحديدها.
  3. انقر على + أداة إدراج المكوّنات لإضافة المكوّنات داخل منطقة لوحة الأكورديون. يمكنك إضافة أي نوع من المحتوى، بما في ذلك النصوص والصور والفيديوهات والمكوّنات الأخرى.
يظهر عنوان الأكورديون. في الأسفل، هناك زر + أيقونة لإضافة المكوّنات إلى لوحة الأكورديون.
انقر على الزر + أداة إدراج المكوِّنات أو اكتب أمر يبدأ بشرطة مائلة للأمام لإضافة مكوّن داخل الأكورديون.

تخصيص إعدادات الأكورديون.

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

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

تم تمييز أيقونة الإعدادات في الجزء العلوي من محرِّر ووردبريس.
توجد أيقونة الإعدادات في الزاوية العلوية اليسرى

المكوّنات الداخلية تستخدم عرض المحتوى

عند تشغيل “المكوّنات الداخلية تستخدم عرض المحتوى“، ستلتزم المكوّنات الموجودة داخل مكوّن الأكورديون بإعدادات العرض هذه:

  • المحتوى: لم يتم تعيين عرض منطقة المحتوى للمكوّنات التي لم تُضبط كعريضة أو كاملة العرض.
  • العرض: لم يتم تعيين عرض المحتوى للمكوّنات المضبوطة بعرض عريض.

إغلاق تلقائي

عند التمكين، فتح عنصر الأكورديون واحد يُغلق تلقائيًا أي عناصر مفتوحة أخرى. هذا يُحافظ على ترتيب المحتوى ويضمن تركيز الزوّار على قسم واحد في كل مرة.

عرض الأيقونة

قم بتبديل أيقونة التوسيع/الطي (عادة ما تكون “+” أو سهم) التي تظهر بجوار كل ترويسة أكورديون. قم بتعطيل هذا الخيار للحصول على مظهر مرتب وبسيط.

موضع الأيقونة

اختر ما إذا كانت الأيقونة تظهر على الجانب الأيسر أو الأيمن من ترويسة الأكورديون.

تعيين عنصر أكورديون لفتحه افتراضيًا

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

  1. أستخدم طريقة عرض القائمة لتحديد مكوِّن عنصر الأكورديون الذي تريد فتحه بشكل افتراضي.
  2. في الشريط الجانبي لإعدادات المكوّن ، قم بتمكين الخيار “الفتح افتراضيًا“.

نسق الأكورديون الخاص بك

في الشريط الجانبي لإعدادات المكوِّن، انقر على أيقونة الأنماط للوصول إلى إعدادات تصميم المكوِّن. تكون أيقونة الأنماط على شكل دائرة مع ملء نصف الدائرة:

يشير السهم إلى أيقونة الأنماط التي يمكنك النقر عليها لفتح قسم أنماط المكوِّن.

الخيارات المتوفرة تشمل:

Copied to clipboard!