كيفية إنشاء علامات تبويب في ووردبريس لتنظيم المحتوى

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

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

إنشاء علامات تبويب لأي محتوى في ووردبريس

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

حرف التاءمحتوى مبتور" من Ultimate Blocks يتيح لك إضافة أي محتوى في علامات التبويب. لنرى كيف نفعل ذلك.

الخطوة 01: تثبيت وتفعيل البرنامج الإضافي Ultimate Blocks

اذهب الى المكونات الإضافية > إضافة مكون إضافي جديد. يكتب الكتل النهائية في شريط البحث الموجود في الزاوية اليمنى العليا. ثَبَّتَ و فعل المكون الإضافي بعد ظهوره أدناه.

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

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

الخطوة 03: إضافة علامات تبويب جديدة وإعادة تسميتها

من خلال النقر على أيقونة زائد (+)يمكنك إضافة عدد علامات التبويب التي تريدها إلى الكتلة.

استخدم مؤشر الماوس وانقر على علامات التبويب واحدة تلو الأخرى. سيُسمح لك بإعادة تسميتها. لذا، قم بإعادة تسمية علامات التبويب بناءً على المحتوى الذي ستعرضه.

الخطوة 04: إضافة المحتوى إلى علامات التبويب

حدد علامة تبويب تريد إضافة المحتوى إليها. ثم ضع المؤشر في محررها. سترى زر الجمع (+) ظهرت صفحة محرر جوتنبرج. انقر واختر كتلة المحتوى التي تريدها.

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

الخطوة 05: تخصيص علامات التبويب

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

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

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

---

فيديو تعليمي

---

إنشاء علامات تبويب للجداول في ووردبريس

علامات التبويب ليست فقط للنصوص أو الصور - إنها أيضًا طريقة ممتازة لتنظيم جداول متعددة جنبًا إلى جنب على موقعك الإلكتروني. سواء كنت تريد السماح للمستخدمين بالتبديل بين التسعير الشهري والسنوي, مقارنة ميزات المنتجأو تقديم البيانات بلغات متعددة, Tableberg يجعل الأمر سهلاً بفضل ميزة تبديل علامات التبويب.

مع Tableberg's Tableberg "التبديل إلى Tableberg"، يمكنك ذلك:

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

إليك كيفية إنشاء علامات تبويب للجداول باستخدام Tableberg:

الخطوة 1: إدراج مكوِّن "تبديل ل Tableberg

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

الخطوة 2: إعداد علامات التبويب وتخصيصها

• بشكل افتراضي، سترى بشكل افتراضي علامات تبويب تحمل علامات التبويب "علامة التبويب 1" و "علامة التبويب 2" و "علامة التبويب 3".
• انقر على أيقونة + أو - لإضافة علامات التبويب أو إزالتها حسب الحاجة.
• قم بإعادة تسمية كل علامة تبويب (على سبيل المثال، "شهري"، "سنوي"، "قياسي"، "مميز").
• استخدم لوحة الإعدادات الموجودة على اليمين لضبط العناوين، والمحاذاة، والألوان، والحدود حسب النمط المفضل لديك.

الخطوة 3: إضافة جدول إلى كل علامة تبويب

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

الخطوة 4: المعاينة والنشر

• استخدم المعاينة للتأكد من أن الجداول المبوبة تبدو وتعمل بشكل صحيح.
• بمجرد أن تصبح سعيداً، انشر أو حدّث منشورك/صفحتك.

إليك مثال لما يبدو عليه جدول التسعير المبوب مع Tableberg:

خاتمة

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

لكن ما عليك فعله هو وضع الكتلة في مكان مناسب يجعل منشورك/صفحتك بأكملها مثالية. استكشف منشورنا الآخر – كيفية إنشاء زر الحث على اتخاذ إجراء في ووردبريس.