عندما يكون المحتوى الخاص بك منظمًا بشكل جيد، يميل المستخدمون إلى البقاء لفترة أطول. تتيح لك علامات التبويب المتداخلة الحفاظ على الأشياء مرتبة وتفاعلية وسهلة الاستخدام، وهو ما يناسب تمامًا الوثائق وجداول الأسعار والأسئلة الشائعة.
تعمل هذه الصفحات عن طريق السماح للمستخدمين بالتبديل بين الأقسام المختلفة دون مغادرة الصفحة لإبقاء كل شيء في متناول اليد في مساحة مضغوطة. فبدلاً من الصفحة المزدحمة المليئة بالتمرير اللانهائي، ستحصل على تصميم منظم بشكل أنيق حيث تظل طبقات متعددة من المعلومات في متناول اليد ويسهل التنقل فيها.
الآن، ستكون سعيدًا بمعرفة أنه يمكنك إضافة علامات تبويب متداخلة في WordPress دون أي تعقيد. كل ما يتطلبه الأمر هو الأداة المناسبة، الكتل النهائية هذا هو بالضبط ما تبحث عنه. تساعدك مقالتنا في العثور على إجابة حول كيفية إضافة علامات تبويب متداخلة في WordPress بأبسط طريقة ممكنة.
إضافة علامات تبويب متداخلة في WordPress
لمستخدمي جوتنبرج، الكتل النهائية يعد Ultimate Blocks الخيار الأمثل لإضافة علامات تبويب متداخلة بسهولة. ومع ذلك، مع 26 كتلة مختلفة تم إنشاؤها لأغراض مختلفة، فإن Ultimate Blocks ليس مخصصًا لعلامات التبويب فقط. إنه حل شامل يزودك بالأدوات المناسبة لهيكلة المحتوى وتحسين الوضوح وإضافة عناصر تفاعلية في Gutenberg.
الخطوة 1: قم بإعداد البرنامج الإضافي
أولاً، عليك التوجه إلى لوحة تحكم WordPress الخاصة بك. من هناك، انقر فوق 'المكونات الإضافية' في القائمة الموجودة على الجانب الأيسر، ثم اختر 'إضافة جديد'في شريط البحث، اكتب الكتل النهائية، ويجب أن تظهر النتيجة خلال ثوانٍ. بمجرد ظهور المكون الإضافي في النتيجة، انقر فوق قم بالتثبيت الآنامنحه ثانية واحدة ليعمل، وعندما ينتهي، قم بتنشيط البرنامج المساعد، وسيكون كل شيء جاهزًا.
الخطوة 2: إدراج كتلة المحتوى المبوبة
افتح منشورك أو صفحتك في محرر جوتنبرج حيث تريد إضافة علامات التبويب المتداخلة. من المحرر، انقر فوق + الزر، ابحث عن المحتوى المبوبوأدخله في المحتوى الخاص بك. سيكون هذا هو الأساس لتخطيط علامات التبويب الخاص بك.
الخطوة 3: إنشاء علامات التبويب وعلامات التبويب المتداخلة
بمجرد المحتوى المبوب عند إضافة كتلة، سيكون لديك علامة تبويب واحدة افتراضيًا. لإنشاء علامات تبويب متعددة في الطبقة الأولى، انقر فوق "+" يمكنك إضافة ما تريد من علامات التبويب عن طريق النقر مباشرة على العنوان وكتابة الاسم الجديد. تعمل كل علامة تبويب كحاوية حيث يمكنك إدراج نص أو صور أو أي كتل محتوى أخرى.
لإنشاء علامات التبويب المتداخلة، حدد علامة تبويب من الطبقة الأولى وأدخل علامة تبويب أخرى المحتوى المبوب قم بإنشاء كتلة بداخلها باستخدام أداة إدخال الكتل. ستعمل هذه الكتلة الجديدة كنظام علامات تبويب من المستوى الثاني داخل علامة التبويب المحددة. يمكنك تكرار نفس العملية لإضافة المزيد من الطبقات المتداخلة لتنظيم المحتوى الخاص بك في مستويات متعددة.
الخطوة 4: التخصيص حتى يصبح مثاليًا
بعد وضع المحتوى الخاص بك داخل كل علامة تبويب، قد ترغب في إجراء بعض التغييرات على مظهر علامات التبويب الخاصة بك. من الإعدادات العامة علامة التبويب، يمكنك تغيير نوع علامة التبويب، يضيف علامات التبويب، وفي الإصدار Pro، قم بتضمين الأيقونات, صور، و النصوص الثانوية مع العنوان.
في إعدادات الأنماط، يمكنك تعديل الألوان بالنسبة لعلامات التبويب والعناوين والمحتوى، قم بتغيير تخطيط علامة التبويب للتبديل بين أفقي و رَأسِيّ علامات التبويب وتخصيصها الحدود والأبعاد لتتناسب مع تصميمك.
الخطوة 5: معاينة علامات التبويب المتداخلة ونشرها
قبل جعل علامات التبويب المتداخلة نشطة، انقر فوق معاينة اضغط على الزر للتحقق مما إذا كان كل شيء يعمل كما هو متوقع. تأكد من أن كل علامة تبويب يتم تبديلها بسلاسة وأن علامات التبويب المتداخلة يتم عرضها بشكل صحيح. إذا كانت هناك حاجة إلى أي تعديلات، فارجع وقم بتعديل الإعدادات. بمجرد أن يبدو كل شيء جيدًا، انقر فوق نشر أو تحديث لتجعل تغييراتك حية.
فيما يلي عرض سريع لعلامات التبويب المتداخلة أثناء العمل.
خاتمة
تجعل علامات التبويب المتداخلة التنقل بين المحتويات الطبقية في WordPress أكثر سهولة، وتوفر Ultimate Blocks طريقة بسيطة لتطبيقها في محرر Gutenberg. ومع ذلك، نظرًا لأنه لا يدعم علامات التبويب المتداخلة الحقيقية، فستحتاج إلى إدراج كتل محتوى متداخلة يدويًا داخل بعضها البعض لتحقيق التأثير. إذا كنت تستخدم محررًا مختلفًا، البدائل موجودةولكن لا تدعم جميع مكونات علامات التبويب التعشيش متعدد المستويات افتراضيًا. اختبر الطريقة التي كشفنا عنها في هذه المقالة، ولاحظ ما إذا كانت تناسب احتياجاتك، وإذا لم تكن كذلك، فاستكشف مكونات إضافية أخرى قد تناسبك بشكل أفضل. لا تتردد وابدأ العمل الآن. فقط ابدأ في تنظيم المحتوى الخاص بك ولاحظ الفرق الذي يحدثه ذلك.
