أداة علامات التبويب المتقدمة Elementor: علامات تبويب أفقية وعمودية وصور مجانية
تقوم أداة علامات التبويب المتقدمة في Master Addons بتقسيم المحتوى الطويل إلى علامات تبويب نظيفة وقابلة للنقر، وهي مجانية. اختر حدًا نشطًا أفقيًا أو رأسيًا أو يسارًا محددًا مسبقًا، وأضف رمزًا أو صورة إلى كل عنوان علامة تبويب، واختر ما إذا كانت علامات التبويب تقوم بتشغيل النقر أو التمرير. املأ كل علامة تبويب بنص من المحرر، أو، باستخدام Master Addons Pro، قم بتحميل قسم أو عنصر واجهة مستخدم أو قالب صفحة محفوظ. إنه يعمل بشكل جيد مع ميزات المنتج والأسئلة الشائعة والخطط والأدلة خطوة بخطوة.
إعدادات وتخطيطات مسبقة متعددة الأنماط
ابدأ من إعداد مسبق مدمج. تضع علامات التبويب الأفقية العناوين في صف واحد في الأعلى، وتبطنها علامات التبويب العمودية على الجانب، ويحدد Left Active Border علامة التبويب المفتوحة بحد ملون. يضيف Master Addons Pro إعدادًا مسبقًا للمحتوى الجدولي للحصول على مظهر محاصر. كل إعداد مسبق هو مجرد نقطة بداية، لذا يمكنك إعادة تصميمه ليتناسب مع علامتك التجارية.
- التخطيطات الأفقية والرأسية: اختر اتجاه علامة التبويب الذي يناسب المحتوى الخاص بك.
- الإعدادات المسبقة المرئية: ابدأ من تخطيط مصمم بدلاً من عنصر واجهة مستخدم فارغ.
- سهولة التبديل: قم بالتغيير من علامات التبويب الأفقية إلى علامات التبويب الرأسية دون إعادة بناء المحتوى.
علامات تبويب الصور والأيقونات في Elementor
يمكن أن يحمل كل عنوان علامة تبويب رمزًا من مكتبة Elementor أو صورة خاصة بك. قم بتعيين نوع الرمز إلى صورة، واختر صورة من مكتبة الوسائط، ويصبح العنوان علامة تبويب صورة. هذا خيار مجاني ويعمل مع كل إعداد مسبق مجاني.
- نوع الرمز لكل علامة تبويب: لا يوجد، رمز أو صورة.
- استخدم الصور لعلامات تبويب المنتج أو الفئة، وأيقونات لقوائم الميزات.
- احتفظ بنمط واحد عبر شريط علامات التبويب، نظرًا لأن مزج الصور والأيقونات يبدو مشغولاً.
بالنسبة للمحتوى الذي يفتح في مكانه بدلاً من تبديل اللوحات، جرب الأكورديون المتقدم أو تبديل المحتوى (برو).
القوالب المحفوظة داخل علامات التبويب (Pro)
الإصدار المجاني يملأ كل علامة تبويب من محرر النصوص. باستخدام Master Addons Pro، يمكن لكل علامة تبويب استخدام نوع محتوى مختلف: محرر نصوص بسيط، أو قسم محفوظ، أو عنصر واجهة مستخدم محفوظ، أو حتى قالب صفحة محفوظ بالكامل. وهذا يعني أنه يمكنك وضع جدول تسعير معقد، أو نموذج اتصال، أو معرض صور، أو أي كتلة محتوى أخرى مصممة مسبقًا في علامة تبويب. يبدو الأمر كما لو أن لديك صفحات متعددة في صفحة واحدة، دون فوضى.
- تكامل القالب: أدخل أي قالب Elementor محفوظ في علامة تبويب للحصول على إمكانيات تصميم غير محدودة.
- التصميم المتسق: أعد استخدام الأقسام والأدوات الموجودة لديك للحفاظ على مظهر متماسك.
- مثالي لإجراء المقارنات: استخدم علامات التبويب للتبديل بين مواصفات المنتج المختلفة أو خطط التسعير أو قوائم الميزات.
قم بتصميم علامات التبويب والمحتوى بشكل مستقل
احصل على مظهر مثالي ومصقول من خلال تصميم كل جزء من علامات التبويب. صمم حاوية علامات التبويب ومنطقة المحتوى بشكل منفصل. بالنسبة لعلامات التبويب، تحكم في الحالات العادية والنشطة بألوان وخلفيات وحدود وطباعة مختلفة. اضبط الحشو والهامش وحجم الأيقونة. بالنسبة لمنطقة المحتوى، قم بتصميم الخلفية والحشو والهوامش والطباعة. يضمن هذا المستوى من التحكم أن تبدو علامات التبويب الخاصة بك متكاملة واحترافية.
- التصميم القائم على الحالة: قم بتعيين ألوان وخلفيات وحدود فريدة لعلامات التبويب النشطة وغير النشطة.
- دعم الأيقونات: أضف أيقونات إلى علامات التبويب الخاصة بك وتحكم في حجمها وموضعها.
- تصميم منطقة المحتوى: صمم حاوية المحتوى لتتناسب مع جمالية موقعك.
اختر كيفية استجابة علامات التبويب للمستخدمين
قرر كيفية تفاعل المستخدمين مع علامات التبويب الخاصة بك. اضبط تأثير علامة التبويب للنقر (التقليدي) أو التمرير (للتنقل بشكل أسرع). يمكنك أيضًا تعيين علامة التبويب المفتوحة افتراضيًا. تتيح لك هذه المرونة إنشاء تجربة المستخدم الدقيقة التي تريدها، سواء كان ذلك لعرض منتج سريع الخطى أو لدليل دقيق خطوة بخطوة.
- انقر أو قم بالتمرير: اختر المشغل الذي يناسب المحتوى الخاص بك. التمرير هو الافتراضي.
- علامة التبويب النشطة الافتراضية: قم بتعيين علامة التبويب المفتوحة عند تحميل الصفحة.
الأسئلة المتداولة لعلامات التبويب
هل يمكنني استخدام كل من الرموز والنص في عناوين علامات التبويب؟
نعم. لكل علامة تبويب، قم بتعيين نوع الأيقونة على أيقونة أو صورة، ثم اختر رمزًا من المكتبة أو صورة من مكتبة الوسائط الخاصة بك. يقوم عنصر التحكم في حجم الأيقونة في علامة التبويب "النمط" بتعيين حجم ظهور الأيقونة.
كيف أجعل علامات التبويب تبدو جيدة على الهاتف المحمول؟
استخدم وضع الاستجابة الخاص بـ Elementor لضبط الطباعة والحشو والهوامش للكمبيوتر اللوحي والهاتف. قم بمعاينة علامات التبويب الرأسية على شاشة صغيرة قبل النشر، نظرًا لأن عمود العناوين يشغل العرض.
ما الفرق بين الإعداد المسبق لـ "المحتوى الجدولي" والمحتوى الآخر؟
المحتوى الجدولي هو إعداد مسبق احترافي. فهو يمنح منطقة محتوى علامة التبويب خلفية وحدودًا وحشوة مميزة، مما يجعلها تبدو وكأنها مربع متصل بعلامات التبويب. إنه مظهر أكثر تنظيمًا واحتواءً مقارنة بأنماط التسطير الكلاسيكية أو أنماط الحدود اليسرى.
هل يمكنني ربط علامة تبويب بعنوان URL خارجي أو قسم آخر في الصفحة؟
تم تصميم عنصر علامات التبويب المتقدمة لتبديل المحتوى داخل عنصر واجهة المستخدم. للربط بعناوين URL الخارجية أو أقسام الصفحة، قد تحتاج إلى حل مختلف، مثل قائمة التنقل أو روابط الربط. ومع ذلك، يمكنك وضع زر به رابط داخل محتوى علامة التبويب.
كيف يختلف هذا عن أداة علامات التبويب الخاصة بـ Elementor؟
تتيح لك أداة علامات التبويب المجانية الخاصة بـ Elementor وضع أي عناصر واجهة مستخدم داخل كل علامة تبويب ووضع العناوين أعلى المحتوى أو أسفله أو بجانبه. تمنحك علامات التبويب المتقدمة للإضافات الرئيسية مشغل تحويم وتسميات أيقونات أو صور وإعدادات مسبقة جاهزة مثل Left Active Border، ويمكنك إضافة أي عدد تريده من عناصر واجهة مستخدم علامات التبويب المتقدمة إلى الصفحة. يضيف Pro محتوى الجدول المضبوط مسبقًا والأقسام المحفوظة أو عناصر واجهة المستخدم أو قوالب الصفحات كمحتوى علامة تبويب.
كيف يعمل الإعداد المسبق لـ "Left Active Border"؟
عادةً ما يسلط الإعداد المسبق للحدود النشطة اليسرى الضوء على علامة التبويب النشطة ذات الحدود الملونة أو الخلفية على الجانب الأيسر. إنه مظهر حديث ونظيف يعمل بشكل جيد مع علامات التبويب الرأسية أو حتى الأفقية إذا كنت تريد مؤشرًا مميزًا.
عناصر واجهة المستخدم والملحقات الشائعة
إنشاء مواقع متطورة في وقت أقل.
التشكل الزجاجي
إضافات الحاويات
أنماط
ناسخ البريد/الصفحة
