كيفية إضافة عنصر واجهة مستخدم محوّل المحتوى وتحريره؟

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

على المستوى الفردي ، سنقوم بإرشادك حول كيفية إدراج عنصر واجهة مستخدم Elementor Content Switcher وتخصيصه باستخدام ملحق Stratum المجاني تمامًا .

أين يمكنني استخدام محوّل مواد محتوى WordPress بالضبط؟

وفقًا لمعهد تسويق المعلومات وشركة Ion Interactive ، "يتم استخدام المواد التفاعلية بشكل عام في صفحات الويب المقصودة ومنصات الوسائط الاجتماعية والمواقع الصغيرة والمدونات ".

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

إذن في هذه المقالة هي الرسوم التوضيحية السائدة حيث من المحتمل جدًا أن تستخدم محوّل المحتوى:

• جداول التسعير مع خطط فريدة (على سبيل المثال VS العادية مرة واحدة في السنة ، VS Pro مجاني تمامًا)
• قائمة الوظائف (كل تبديل هو جانب مختلف)
• ميزات قابلة للتبديل
• مواد المحتوى المصنفة (مثل قائمة التحقق من مقدمي الخدمة أو عملاء الفريق)

Elementor Content Switcher بواسطة Stratum

الآن ، يجب أن تعرف الآن القدرة الجادة لـ Elementor. يتركز قدر رائع من الأساليب المجانية حول مُنشئ موقع WordPress هذا. واحد منهم هو Stratum for Elementor - مجموعة متنوعة مجانية تضم أكثر من 23 عنصر واجهة مستخدم متطور من Elementor للاستخدام الخاص والمشاريع التجارية.

خصائص الطبقة الرئيسية هي:

• 23+ عنصر واجهة مستخدم متعدد الأغراض في مكون إضافي واحد
• تعديل تلقائي للتصميم على تصميم مفهومك الحالي
• سلسلة أدوات هيكلية مبتكرة لكل عنصر واجهة مستخدم
• تكامل مكتبة قالب Elementor.

على عكس الوظائف الإضافية المشابهة جدًا ، يتيح Stratum تطبيق جميع عناصر واجهة المستخدم التي يبلغ عددها 23+ في نسختها المجانية تمامًا. وفي الوقت نفسه ، يحصل مشترو Stratum Professional على تكوينات تخصيص موسعة لكل مكون على حدة.

لذلك عندما يتعلق الأمر بمحول المعلومات في Stratum Absolutely free vs Pro ، فإن التغيير الوحيد هو عدد علامات تبويب التبديل. يسمح الإصدار المجاني تمامًا بإنشاء علامتي تبويب للتبديل فقط ، عندما لا يكون للإصدار الاحترافي حدود على نطاق علامات التبويب.

عنصر واجهة مستخدم مبدّل المواد التجريبي

كيفية زيادة الجلاد طبقة مقالات؟

نحن ننتقل إلى الجزء الأساسي من برنامجنا التعليمي. على الأرجح ، لديك بالفعل موقع WordPress على الإنترنت وقمت للتو بتثبيت Elementor.

حان الوقت الآن لتثبيت Stratum. اعتمادًا على برنامجك ، يمكنك القيام بذلك بطريقتين مختلفتين:

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

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

الآن ، ما عليك سوى النقر فوق رمز "+" لتحديد هيكل (اختيار الأعمدة) ثم قم بإدراج الأداة المرغوبة. ستحتوي مكتبة العوامل الآن على مجلد Stratum. يمكنك العثور على عنصر واجهة مستخدم Content Material Switcher في القائمة أو يمكنك ببساطة فرز الاسم في شريط البحث.

اسحب العامل إلى صفحة التعديل:

كانت هذه تعليمات صغيرة حول كيفية تضمين محوّل مادة Elementor في موقع الويب الخاص بك. لكن البرنامج التعليمي لم ينته بعد. نحتاج الآن إلى تحديد كيفية تخصيص عنصر واجهة المستخدم للعمل مع تكوينات Elementor & Stratum.

محوّل مادة محتوى الطبقة: الإعدادات الأساسية

لذلك قمت بسحب Stratum plugin Material Switcher إلى صفحة الويب المعدلة. في خيارات الشريط الجانبي المتبقية ، سترى 3 علامات تبويب محسنة: المحتوى والأسلوب والمتطور .

تكوينات المحتوى

علامة تبويب مادة المحتوى هي المكان الذي يمكنك العثور فيه على النموذج وإدراج العناصر (تبديل) في جانبك.

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

ومع ذلك ، فإن النموذج المجاني تمامًا يدعم تصميم وأسلوب Toggle Tabs فقط. هذه أمثلة على أنواع مختلفة مقابل علامات تبويب التبديل :

تتضمن تكوينات البضائع أشياء مثل:

• عنوان المنتج
• قالب (المحتوى المكتوب داخل كل عنصر)

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

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

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

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

إعدادات التصميم والأسلوب

تعد خيارات النموذج فريدة قليلاً لأنماط Toggle Tab & Numerous Tabs. كلاهما يحتوي على المعيار الدقيق وعلامات التبويب ومعلمات المحتوى.

تتضمن القائمة الأساسية خيارات لـ:

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

تتضمن قائمة علامات التبويب إعدادات لـ:

• لوحة طباعة كاملة
• الحشوات ونصف قطر الحدود
• لون المحتوى النصي لأوضاع متنوعة (عادي ، تحوم ، وأنواع نشطة).

تتميز قائمة المعلومات بتكوينات لتحويل الهوامش وتقديم نتائج الرسوم المتحركة.

علاوة على ذلك ، يتضمن تصميم Toggle Tabs تخصيص التبديل:

• الحشوات
• قياس محوّل المحتوى
• الألوان ونصف القطر

خيارات مبتكرة

لا تنس أن كل عنصر واجهة مستخدم من Elementor مدعوم بأحدث الخيارات. وهي تتكون دائمًا من حلول التخصيص القادمة: التخطيط ، وتأثيرات الحركة ، وإعادة التشكيل ، والمؤهلات ، والحدود ، والقناع ، والتكوينات سريعة الاستجابة ، والخصائص ، و CSS المخصص.

النص المتبقي

لاحظ أنه لا يوجد أي من تنويعات Elementor (مجاني تمامًا أو Pro) يحتوي على عنصر واجهة مستخدم Content Switcher. ولكن باستخدام ملحق Stratum ، يمكنك إنشاء هذا العامل غير المعقد ببضع نقرات.

كل ما عليك فعله هو تنزيل شخص من تنوعات ستراتوم.

تنزيل Stratum مجانًا تمامًا

الحصول على ستراتوم برو