كيفية إنشاء علامات التبويب في العنصر (الأساسي والمتداخل والإضافات)

الوجبات السريعة الرئيسية

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

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

يمنحك Elementor عنصرين واجهة مستخدم لهذا ويعطيك الإضافات المزيد، ولهذا السبب فإن بحث اللوحة عن “tabs” أمر مربك. يغطي هذا الدليل جميع المسارات الثلاثة، وما يمكن أن يحمله كل منها، وكيف يتصرفون على الهاتف.

ما هي أداة علامات التبويب التي لديك بالفعل

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

لذا، من الناحية العملية، هناك ثلاثة أشياء قد تستخدمها، وهي ليست متماثلة.

الطريق 1: أداة علامات التبويب المتداخلة

هذه هي نقطة البداية الافتراضية والصحيحة. اسحب علامات التبويب إلى الصفحة وستحصل على ثلاث علامات تبويب، تحتوي كل منها على حاوية فارغة.

1. اسحب أداة علامات التبويب إلى الصفحة.
2. أعد تسمية كل عنصر في مكرر علامات التبويب. العنوان هو كل ما يحمله المكرر، لأن المحتوى موجود في الحاوية.
3. انقر فوق علامة تبويب على اللوحة القماشية، ثم قم بالبناء داخل الحاوية الخاصة بها كما تفعل في أي مكان آخر.
4. في التخطيط، استخدم الاتجاه لتحريك الشريط: أعلى أو أسفل أو ابدأ أو انتهى، حيث يضع البدء والنهاية العناوين في عمود جانبي.
5. في الإعدادات الإضافية، قم بتعيين التمرير الأفقي إذا كانت العناوين غير مناسبة، ثم قم بتعيين نقطة التوقف حيث يجب أن يصبح الشريط أكورديونًا.

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

الطريق 2: أداة علامات التبويب الإضافية

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

البناء هو:

1. اسحب عنصر واجهة المستخدم واختر Style Preset.
2. أضف عنصرًا مكررًا واحدًا لكل علامة تبويب، مع عنوان علامة التبويب.
3. اضبط نوع الرمز على لا شيء، أيقونة أو صورة، ثم اختر الأيقونة أو قم بتحميل الصورة.
4. اكتب محتوى اللوحة في المحرر، أو على Pro point Content Type في قسم أو عنصر واجهة مستخدم أو قالب صفحة محفوظ.
5. اضبط تأثير علامة التبويب للنقر أو التمرير، وقم بتبديل التعيين كافتراضي في علامة التبويب التي يجب فتحها أولاً.

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

الطريق 3: أداة علامات التبويب القديمة

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

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

أي طريق يناسب الوظيفة

خمسة أشياء تستحق أن تصبح على حق

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

الأسئلة المتداولة

الأفكار النهائية

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

القراءة ذات الصلة

• القطعة علامات التبويب
• القطعة الأكورديون المتقدمة
• تبديل عنصر واجهة المستخدم للمحتوى