الأكورديون هو عنصر تخطيط قائم على التبديل يخفي ويكشف المحتوى عند النقر عليه. ترى عنوانًا، تنقر عليه، وينزلق باقي المحتوى لأسفل. انقر عليه مرة أخرى، فيختفي. إنها مثل القائمة المنسدلة ولكن للمحتوى بدلًا من القوائم.
الآن، ماذا يحدث إذا قمت بتطبيق الأكورديونات بشكل صحيح؟ يصبح من الأسهل استكشاف المحتوى الخاص بك، ويحافظ المستخدمون على تركيزهم، ويتحسن التنقل عبر الأجهزة المحمولة، وقد تكافئك محركات البحث برؤية أفضل. إذا قمت بكل شيء بشكل صحيح، ستعمل مثل جدول المحتويات الذي يجيب على الأسئلة قبل أن يطرحها المستخدمون.
سيوضح لك هذا الدليل كيفية تنفيذ الأكورديونات في ووردبريس باستخدام أدوات سهلة التحرير تحافظ على بساطة العملية ونظافتها، دون الحاجة إلى الترميز.
إضافة الأكورديونات في ووردبريس
هناك أكثر من طريقة لإضافة الأكورديونات في ووردبريس، ولكن ليس من السهل استخدامها جميعًا داخل محرِّر المكوِّن. في الأقسام التالية، سنبدأ بالطريقة الأساسية باستخدام مكوِّن مدمج، ثم ننتقل إلى خيار أكثر مرونة باستخدام إضافة.
الطريقة 1: استخدام مكوِّن التفاصيل الأصلية
إن أسهل طريقة لإنشاء أكورديون في ووردبريس هي استخدام الأداة المدمجة كتلة التفاصيل. لنرى كيف يعمل.
الخطوة 1: إضافة مكوِّن التفاصيل
افتح مقالتك أو صفحتك في محرِّر المكوِّن. انقر على أيقونة علامة الجمع (+)، وابحث عن التفاصيل، وأدرج المكوِّن.
الخطوة 2: إضافة العنوان والمحتوى
أدخل عنوان الأكورديون الخاص بك في العنصر النائب "كتابة الملخص". ثم، انقر على أيقونة السهم بجواره لتوسيع القسم. بمجرد التوسيع، ستظهر منطقة محتوى أدناه حيث يمكنك إضافة نص أو صور أو قوائم أو أي كتل أخرى.
الخطوة 3: أضف أزرار تبديل إضافية
لإضافة المزيد من عناصر الأكورديون، كرِّر العملية نفسها عن طريق إدراج مكوِّنات تفاصيل جديدة. للحصول على تخطيط متداخل، وسِّع منطقة المحتوى في مكوِّن تفاصيل موجود، وانقر على أيقونة علامة الجمع (+) داخله، وأضف مكوِّن تفاصيل آخر.
هذه الطريقة مثالية للأسئلة الشائعة السريعة أو الإعدادات البسيطة. فقط ضع في اعتبارك أنها تقدم تصميمًا أساسيًا فقط ولا تتضمن خيارات تصميم متقدمة.
الطريقة 2: استخدام البرنامج الإضافي Ultimate Blocks
إذا كنت تريد المزيد من خيارات التصميم وتحكم أفضل في الأكورديون الخاص بك، فإن الكتل النهائية تعد الإضافة خيارًا رائعًا. فهو يوفِّر مكوِّن تبديل المحتوى الذي يعمل بشكل مثالي في محرِّر المكوِّن.
الخطوة 1: إضافة الإضافة إلى موقعك
من لوحة تحكم ووردبريس، توجه إلى قائمة الإضافات وانقر على إضافة جديد. في شريط البحث، اكتب Ultimate Blocks، ثم انقر على تثبيت الآن على بطاقة الإضافة. بمجرد انتهاء التثبيت، قم بتفعيله لإتاحة الكتل الجديدة في المحرر.
الخطوة 2: إدراج كتلة تبديل المحتوى
افتح الصفحة أو المقالة حيث تريد الأكورديون. انقر على أيقونة علامة الجمع (+)، وابحث عن تبديل المحتوى، وأضفه. ينشئ هذا المكوِّن قسمًا قابلاً للتوسيع مع عنوان ومنطقة محتوى.
الخطوة 3: إضافة العنوان والمحتوى
اكتب عنوان الأكورديون الخاص بك في حقل التسمية، ثم أضف المحتوى الخاص بك أدناه. يمكنك تضمين أي نوع من المكوِّنات داخل مكوِّن التبديل، مثل النصوص أو الصور أو الأزرار أو القوائم أو حتى مكوِّن تبديل محتوى آخر داخل منطقة المحتوى لإنشاء أكورديون متداخل.
لإضافة المزيد من أقسام التبديل، ما عليك سوى النقر على أيقونة (+) عند التمرير فوق اللوحات الموجودة. لإزالة لوحة، افعل الشيء نفسه باستثناء أنه بدلاً من النقر على أيقونة (+)، اختر أيقونة (x) من الزاوية العلوية اليمنى.
الخطوة 4: تخصيص الأكورديون
من لوحة إعدادات المكوِّن على اليمين، يمكنك التحكُّم في عنوان اللوحة، وضبط حالة التبديل، وتمكين مخطط الأسئلة الشائعة، وإضافة خيار بحث مدمج لأكورديونك، واختيار أيقونة الحالة، وتغيير النص أو ألوان الخلفية، وغير ذلك الكثير.
إذا كنت تستخدمه للأسئلة الشائعة، فيمكنك أيضًا تمكين ترميز مخطط الأسئلة الشائعة من الإعدادات لمساعدة المحتوى الخاص بك على التأهل للمقتطفات المنسقة في بحث جوجل.
خاتمة
إذا كان هدفك هو تسهيل مسح المحتوى الطويل، فإن الأكورديونات تقدم حلاً نظيفًا. لقد تعلمتَ طريقتين: يوفر مكوِّن التفاصيل الأصلي إعدادًا خفيفًا بدون إضافات إضافية وتحميل سريع. يضيف مكوِّن تبديل المحتوى من المكوِّنات النهائية عناصر تحكم متقدمة في التصميم واللوحات المتداخلة ومخطط الأسئلة الشائعة المدمج. تعمل كلتا الطريقتين على تحسين مشاركة قابلية الاستخدام على الهاتف المحمول وإمكانات تحسين محركات البحث. اختر الأسلوب الذي يناسب سير عملك واحتياجات المحتوى لديك.
