كيفية إضافة الأكورديونات في محرِّر مكوِّن ووردبريس

كيفية إضافة الأكورديونات في محرِّر مكوِّن ووردبريس

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

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

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


إضافة الأكورديونات في ووردبريس

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

الطريقة 1: استخدام مكوِّن التفاصيل الأصلية

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

الخطوة 1: إضافة مكوِّن التفاصيل

افتح مقالتك أو صفحتك في محرِّر المكوِّن. انقر على أيقونة علامة الجمع (+)، وابحث عن التفاصيل، وأدرج المكوِّن.

إضافة مكوِّن التفاصيل

الخطوة 2: إضافة العنوان والمحتوى

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

الخطوة 3: أضف أزرار تبديل إضافية

لإضافة المزيد من عناصر الأكورديون، كرِّر العملية نفسها عن طريق إدراج مكوِّنات تفاصيل جديدة. للحصول على تخطيط متداخل، وسِّع منطقة المحتوى في مكوِّن تفاصيل موجود، وانقر على أيقونة علامة الجمع (+) داخله، وأضف مكوِّن تفاصيل آخر.

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


الطريقة 2: استخدام البرنامج الإضافي Ultimate Blocks

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

الخطوة 1: إضافة الإضافة إلى موقعك

من لوحة تحكم ووردبريس، توجه إلى قائمة الإضافات وانقر على إضافة جديد. في شريط البحث، اكتب Ultimate Blocks، ثم انقر على تثبيت الآن على بطاقة الإضافة. بمجرد انتهاء التثبيت، قم بتفعيله لإتاحة الكتل الجديدة في المحرر.

إضافة الكتل المطلقة إلى موقعك

الخطوة 2: إدراج كتلة تبديل المحتوى

افتح الصفحة أو المقالة حيث تريد الأكورديون. انقر على أيقونة علامة الجمع (+)، وابحث عن تبديل المحتوى، وأضفه. ينشئ هذا المكوِّن قسمًا قابلاً للتوسيع مع عنوان ومنطقة محتوى.

أدخل كتلة تبديل المحتوى

الخطوة 3: إضافة العنوان والمحتوى

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

إضافة العنوان والمحتوى

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

إضافة المزيد من اللوحات

الخطوة 4: تخصيص الأكورديون

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

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

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

تمكين المخطط

خاتمة

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



فريق Tableberg

أنشئ جداول ووردبريس جميلة - بصريًا!

قل وداعًا للجداول المملة. باستخدام Tableberg، يمكنك إنشاء جداول تفاعلية سريعة الاستجابة باستخدام محرر المكوِّنات - دون الحاجة إلى كود.

واجهة Tableberg
🚀 احصل على أفضل مكون إضافي لكتلة الطاولة بخصم 30%!
هذا هو النص الافتراضي لشريط الإعلام