كيفية إنشاء عناصر مخصصة لـ WPBakery

نشرت: 2022-11-15

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

إذا كنت على نفس الصفحة مع هؤلاء المستخدمين ، فلا داعي للقلق ، فنحن هنا لمساعدتك. ستوجهك هذه المقالة إلى كيفية إنشاء عناصر مخصصة لـ WPBakery. تتيح لك هذه العناصر استخدام التعليمات البرمجية المخصصة وإنشاء موقع الويب على طريقتك. لنذهب!

  • ما هو العنصر في ووردبريس؟
  • فوائد العناصر المخصصة
  • كيفية إنشاء عنصر WPBakery المخصص

ما هو العنصر في ووردبريس؟

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

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

فوائد العناصر المخصصة

هناك العديد من الفوائد التي يمكن أن تجلبها العناصر المخصصة إلى موقع الويب الخاص بك:

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

كيفية إنشاء عنصر WPBakery المخصص

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

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

ما هو الرمز القصير في WordPress؟

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

في WordPress ، تساعدك الرموز القصيرة في تطوير صفحتك دون معرفة التعليمات البرمجية الأساسية.

ppwp- وورد- Shortcode

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

أين يجب أن تضع المدونة؟

يأتي WPBakery Page Builder مع ميزة مضمنة تسمى Shortcode Mapper. تسمح لك هذه الوظيفة بإدراج رمز قصير تابع لجهة خارجية في قائمة العناصر لسهولة إعادة استخدامه. يمكنك الرجوع إلى مثالنا الخاص بإضافة رمز قصير خارجي لحماية أقسام المحتوى بكلمة مرور باستخدام WPBakery.

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

لهذا السبب ، نوصي بإنشاء مجلد جديد ، وتسميته مكونات vc . ثم يمكنك إنشاء ملف يشير إلى العناصر التي ستضيفها.

ppwp-add-wpbakery-custom-element

إرشادات خطوة بخطوة

# 1 قم بإنشاء عنصر مخصص WPBakery

أولاً ، تحتاج إلى إنشاء فئة VcSodaBlockquote ، وتوسيع WPBakeryShortCode ، وهيكل العنصر.

ppwp- إنشاء-wpbakery-shortcode

# 2 إنشاء رمز قصير

بمساعدة vc_map ، تتيح لك الوظيفة التي يوفرها WPBakery إضافة حقول إضافية إلى العنصر الخاص بك. يمكنك إنشاء رمز قصير هنا.

ppwp-create-wpbakery-vc-map

# 3 تقديم الرمز القصير

باستخدام وظيفة render_shortcode ، يمكنك استخراج القيم ووضعها في متغيرات منفصلة لمزيد من الاستخدام.

ppwp-wpbakery-render-shortcode

ارجع إلى لوحة تحكم WordPress واستمتع بنتائجك.

معامل

يتم تخزين تعليمات "التعيين" في WPBakery في هذه المصفوفة الترابطية.

اسم يكتب وصف
admin_enqueue_js سلسلة / صفيف سيتم تنفيذه في وضع التحرير الخاص بـ js_composer.
admin_enqueue_css سلسلة / صفيف أضف CSS مخصصة.
قاعدة سلسلة علامة للرموز القصيرة.
الفئة سلسلة الافتراضي: هيكل ، اجتماعي ، محتوى. يمكنك الإضافة والتعديل إذا كنت تريد ذلك فقط عن طريق إدخال عنوان فئة جديد.
صف دراسي سلسلة قم بتعيين فئات CSS لعناصر محتوى الرمز القصير في وضع تحرير الواجهة الخلفية في WPBakery.
custom_markup سلسلة اجعل الرمز المختصر يظهر في المحرر.
وصف سلسلة صِف عنصرك.
front_enqueue_css سلسلة / صفيف سيحمل وضع تحرير الواجهة الأمامية لـ js_composer هذا js.
front_enqueue_js سلسلة / صفيف سيعمل وضع تحرير الواجهة الأمامية لـ js_composer على تحميل ملف css هذا.
مجموعة سلسلة تنظيم المعلمات في العديد من علامات التبويب داخل مربع تحرير العنصر عن طريق تجميعها.
أيقونة سلسلة إضافة أو تغيير أو تعديل الرموز.
بارامز مجموعة مصفوفة مجموعة مجمعة من الرموز القصيرة التي تحدد الخصائص. مصفوفة تحتوي على معلمات الرمز القصير الخاص بك. يمكن تعديلها من خلال إعدادات الرمز القصير.
show_settings_on _create قيمة منطقية إظهار أو إخفاء عناصر المحتوى في صفحة الإعدادات.
وزن عدد صحيح تعطى الأولوية للعناصر ذات الأوزان الأعلى عندما يتعلق الأمر بتصيير عناصر المحتوى.

اكتب القيم

يكتب وصف
إرفاق صورة اختر صورة.
إرفاق الصور حدد العديد من الصور.
خانة الاختيار قم بإنشاء مربع اختيار.
أداة انتقاء اللون اختر اللون.
اسقاط قم بإنشاء حقل قائمة منسدلة.
exploded_textarea مساحة للنص ستؤدي الفواصل إلى طي الأسطر (،).
عقدة بناء حلقة. يمكن للمستخدمين بناء حلقة تستخدم لإخراج الرمز القصير.
posttypes قم بإنشاء مربعات اختيار مع أنواع المنشورات الجاهزة للاستخدام.
منطقة النص مجال منطقة النص.
textarea_html قم بإنشاء محرر WordPress tinyMCE. يتم استخدامه لإنشاء مناطق محتوى مضافة.
مجال التحرير مكان كتابة النص إضافة حقل.
vc_link حدد الارتباط.

قم بإنشاء عنصر WPBakery المخصص الخاص بك اليوم!

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

بشكل عام ، عليك قضاء بعض الوقت في التعرف على الرمز القصير قبل القفز إلى إنشاء العنصر المخصص الخاص بك.

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