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