علامات التبويب المتداخلة للعنصر: ما الذي تغير وما يمكن أن يفعله

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

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

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

علامات التبويب المتداخلة غيرت النموذج. أصبحت كل لوحة عبارة عن حاوية الآن، مما يعني أن مكتبة عناصر واجهة المستخدم بأكملها متاحة داخل علامة تبويب. يغطي هذا المنشور كيفية عمله، ومكان وجود عناصر التحكم، والأماكن الثلاثة التي لا يزال يحبط فيها الأشخاص.

ما تغير

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

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

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

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

بناء واحد

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

الضوابط التي تهم

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

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

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

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

ما يمكنك وضعه في لوحة

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

• نموذج اتصال في علامة التبويب “Enquire”
• معرض صور على “Photos”
• شبكة حلقية تسحب المنتجات ذات الصلة على “قد يعجبك أيضًا”
• جدول التسعير على “Plans”
• مجموعة متداخلة من علامات التبويب داخل علامة التبويب، ومن هنا تأتي علامات التبويب “ الموجودة داخل علامات التبويب التي يتم البحث عنها

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

ثلاثة حدود

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

تتغير اللوحات عند النقر، وهو الإعداد الافتراضي الصحيح لشاشات اللمس، ولا يوجد إعداد لسلوك التمرير الذي تستخدمه بعض التصميمات.

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

عندما تكون أداة الإضافة هي الأنسب

هذه الحدود الثلاثة هي تقريبًا قائمة ميزات عنصر واجهة مستخدم علامات التبويب الإضافية. ال أداة علامات تبويب الإضافات الرئيسية يبدأ من إعداد مسبق للنمط، ويلتقط رمزًا أو صورة على كل عنوان، ويقوم بتبديل اللوحات عند التمرير إذا قمت بتعيين Tab Effect بهذه الطريقة. لا حاجة إلى Elementor Pro لأي منها.

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

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

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

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

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

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

• القطعة علامات التبويب
• كيفية إنشاء علامات التبويب في Elementor
• القطعة الأكورديون المتقدمة