كيفية إضافة علامات تبويب متجاوبة في موقع WordPress الخاص بك

نشرت: 2020-02-12

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

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

4 خطوات لإضافة علامات تبويب متجاوبة

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

الخطوة 1: اختيار أفضل مكون إضافي لعلامة تبويب WordPress

الخطوة 2: تثبيت وتنشيط المكون الإضافي WP Tabs

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

الخطوة 4: عرض علامات التبويب على موقع WordPress

الخطوة 1: اختيار أفضل مكون إضافي لعلامة تبويب WordPress

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

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

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

تعد WP Tabs واحدة من أفضل المكونات الإضافية لعلامات تبويب WordPress التي تسمح لك بإنشاء مجموعة علامات تبويب متجاوبة على موقع WordPress الخاص بك. WP Tabs هو البرنامج المساعد لعلامات تبويب WordPress الأكثر سهولة في الاستخدام وقابلية للتخصيص والاستجابة لعرض المحتوى الخاص بك في تنقل منظم نظيف.

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

الخطوة 2: تثبيت وتنشيط البرنامج المساعد WP Tabs

نظرًا لأننا وجدنا أفضل مكون إضافي لإنشاء علامات تبويب سريعة الاستجابة على موقع WordPress على الويب ، فقد حان الوقت لتثبيت المكون الإضافي وتنشيطه. لذلك ، يتعين علينا الآن تثبيت وتفعيل المكون الإضافي WP Tabs.

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

بعد كل شيء ، إذا كانت لديك أية مشكلات ، فيمكنك الاطلاع على مقالة التثبيت والتنشيط هذه حتى تحصل على إرشادات حول تثبيت وتفعيل المكون الإضافي WP Tabs.

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

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

انقر الآن على قائمة "إضافة جديدة" ، بمجرد النقر فوق الزر "إضافة جديد" ، ستجد الشاشة التالية. يحتوي على عدد من حقول الإدخال.

الواجهة الخلفية لعلامات تبويب الفسفور الابيض

الآن عليك ملء حقول الإدخال. لملء الحقول ، يرجى اتباع التعليمات خطوة بخطوة.

  1. أضف عنوانًا لمجموعة علامات التبويب الجديدة.
  2. حدد المحتوى كنوع علامات التبويب. بشكل افتراضي ، سيتم تحديده.
  3. الآن انقر فوق الزر Add New Tab لإضافة علامة تبويب.
  4. بمجرد النقر فوق إضافة علامة تبويب جديدة ، ستجد حقلي إدخال. أحدهما هو عنوان علامة التبويب الفردية والآخر هو الوصف يعني محتوى علامة التبويب.
  5. لذلك ، ما عليك سوى ملء علامة التبويب العنوان والوصف
  6. وبالمثل ، أضف المزيد من مجموعات علامات التبويب التي تحتاجها.
  7. الآن ، يمكنك تخصيص خيارات الإعداد حسب احتياجاتك.
  8. أخيرًا ، انقر فوق الزر نشر لنشر مجموعة علامات التبويب.

آمل أن تكون قد نجحت في إضافة عدد مجموعات علامات التبويب وفقًا لاحتياجاتك ونشرها.

الخطوة 4: عرض علامات التبويب على موقع WordPress

أخيرًا ، لقد نجحنا في إنشاء مجموعة علامات التبويب الأولى الخاصة بنا. حان الوقت الآن لعرض علامات التبويب المحددة على موقع WordPress الخاص بنا. بمجرد نشر مجموعة علامات التبويب ، ستجد رمزًا قصيرًا في أسفل صفحة تعيين علامات التبويب.

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

عرض علامات التبويب الفسفور الابيض

شاهد كيف يعمل

هل تريد توسيع المزيد من الميزات؟

هل أنت منزعج من قيود ميزات المكوّن الإضافي WP Tabs؟ هل أنت مهتم أيضًا بتفكيك جميع القيود والوصول إلى الميزات الكاملة؟ إذا كنت تفكر في ذلك ، فهناك فرصة لاختيار الميزات الكاملة. لهذا السبب ، يجب عليك التحقق من WP Tabs Pro .

خيارات العرض

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

خفيف الوزن ومحسن

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

2 علامات تبويب التخطيطات

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

علامات التبويب الأفقية مع الرمز والعنوان الفرعي

علامات تبويب عمودية

10+ مناصب مرنة

WP Tabs Pro مرن للغاية. يحتوي على أكثر من 10 خيارات مرنة توفر مرونة كبيرة لتخصيص مجموعة علامات التبويب وعرضها بمظهر احترافي.

100+ خيارات التخصيص

مما لا شك فيه أن WP Tabs Pro هو مكون إضافي لعلامات التبويب قابل للتخصيص بدرجة كبيرة. يحتوي على 100+ خيارات تخصيص التصميم والتخطيط. نتيجة لذلك ، يمكنك تخصيص علامات التبويب التي تم تعيينها وفقًا لاحتياجاتك وإنشاء علامات تبويب محددة كما يحلو لك.

سحب وإسقاط الفرز

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

علامة التبويب المحتوى من مصادر مختلفة

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

طباعة متقدمة

تقدم WP Tabs Pro طباعة متقدمة. تم تضمين أكثر من 940 خطًا من خطوط Google مع أشكالها المختلفة. يمكنك تحديد أي حجم خط ومجموعة خطوط ووزن خط وما إلى ذلك لكل عنصر علامة تبويب.

670+ أيقونات

يتضمن WP Tabs Pro مكتبة FontAwesome. تحتوي هذه المكتبة على أكثر من 670 أيقونة. يمكنك اختيار أي خطوط بسهولة من هذه المكتبة.

علامة التبويب نوع المحتوى

يدعم WP Tabs Pro أي نوع من المحتوى. وهو يدعم محتوى HTML والصور والأكواد القصيرة والفيديو والصوت والنماذج والخرائط وشريط تمرير الصور والمعارض.

عالية للتخصيص

WP Tabs Pro هو ملحق علامة تبويب قابل للتخصيص بدرجة كبيرة. يحتوي على عدد كبير من خيارات التخصيص بحيث يمكنك بسهولة التخصيص حسب احتياجاتك.

ربط عميق

يعد الارتباط العميق أحد أهم الميزات لأي مكون إضافي لعلامة التبويب. يدعم WP Tabs Pro ميزة الارتباط العميق. يمكنك الارتباط بعلامة تبويب معينة باستخدام الهاشتاج. أضافت ميزة الارتباط العميق هذه بُعدًا جديدًا إلى المكوِّن الإضافي لعلامة التبويب.

علامات تبويب متعددة المستويات
يمكنك عرض علامات تبويب متعددة المستويات تعني علامات تبويب متداخلة. يدعم WP Tabs Pro علامات تبويب متداخلة غير محدودة.

شاهد كيف يعمل

فيديو متجاوب

يمكنك إضافة فيديو كمحتوى علامة تبويب في أي مجموعة علامات تبويب. سيكون الفيديو متجاوبًا. لذلك ، لا داعي للقلق من استخدام الفيديو كمحتوى في علامة التبويب. يقوم بتحميل أي نوع من المحتوى وإطار iframe عبر AJAX.

حدث أو إجراء

يدعم WP Tabs Pro الحدث والعمل. تدعم WP Tabs أحداث Click و Mouseover والتشغيل التلقائي وما إلى ذلك. يتحرك دعم التشغيل التلقائي تلقائيًا من خلال علامات التبويب عند وصول الزوار. يمكنك أيضًا ضبط وقت التشغيل التلقائي لعلامات التبويب.

موقف الرمز

يمكنك تعيين مواضع أيقونات مختلفة. تتوفر مواضع أيقونات مختلفة في WP Tabs Pro. يمكنك تعيين مواضع الرموز مثل اليسار واليمين والأعلى والأسفل.

محتوى الرسوم المتحركة

الرسوم المتحركة دائما جذابة ومثيرة للإعجاب. تتوفر حوالي 16+ علامة تبويب للرسوم المتحركة للمحتوى في WP Tabs Pro.

دعم متعدد اللغات

يدعم WP Tabs Pro تعدد اللغات. إنه جاهز تمامًا مع WPML و Polylang و Loco Translate و qTranslate-x و GTranslate و Google Language Translator و WPGlobus وما إلى ذلك. جاهزة للترجمة بنسبة 100٪.

متعدد المواقع جاهز

WP Tabs Pro مدعوم أيضًا متعدد المواقع.

توافق لا حصر له

WP Tabs Pro متوافق مع أي سمة ومكوِّن إضافي. الى جانب ذلك ، فهو يدعم المتصفحات الحديثة. بالإضافة إلى ذلك ، فهو متوافق مع أي منشئ صفحات مثل WPBakery (الملحن المرئي سابقًا) ، Elementor ، Divi Builders ، BeaverBuilder ، SiteOrgin ، Themify Builder ، Fusion Builder ، Genesis Framework ، إلخ.

دعم مدى الحياة والتحديثات

يتوفر الدعم والتحديثات المجانية مدى الحياة في البرنامج المساعد WP Tabs. فريق دعم مخصص جاهز دائمًا لمساعدتك في غضون 24 ساعة.

خاتمة

في نهاية هذه المقالة ، أوصي باستخدام WP Tabs Pro لأنه سيوفر لك جميع الميزات الرائعة وخيارات التخصيص غير المحدودة. لذا ، دعنا نلقي نظرة على WP Tabs Pro .