كيفية إنشاء أداة مخصصة على وورد

هل تريد إنشاء أدوات مخصصة خاصة بك على WordPress؟

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

ولكن من قبل ، إذا لم تقم بتثبيت WordPress ، فاكتشف كيفية تثبيت وورد بلوق الخطوات 7 et كيفية العثور عليها، وتثبيت وتفعيل موضوع ورد على بلوق 

ثم عد إلى سبب وجودنا هنا.

ما هي أداة WordPress؟

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

بشكل افتراضي ، يأتي WordPress مع مجموعة قياسية من الأدوات التي يمكنك استخدامها مع أي سمة WordPress. 

اكتشف ايضا لدينا أفضل الموضوعات ووردبرس].

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

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

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

كيفية إنشاء أداة مخصصة على وورد

هذا البرنامج التعليمي مخصص للأشخاص الذين لديهم معرفة بتطوير الويب.

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

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

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

// تسجيل وتحميل وظيفة القطعة wpb_load_widget () {register_widget ('wpb_widget') ؛ } add_action ('widgets_init'، 'wpb_load_widget') ؛ // يؤدي إنشاء فئة عنصر واجهة المستخدم wpb_widget إلى توسيع WP_Widget {function __construct () {parent :: __ build (// معرّف أساسي لأداتك 'wpb_widget' ، // سيظهر اسم القطعة في UI __ ('BPC Widget'، 'wpb_widget_domain') ، // مصفوفة وصف القطعة ('description' => __ ('Simple WordPress Widget'، 'wpb_widget_domain')،))؛ } // إنشاء عنصر واجهة مستخدم عام لواجهة الواجهة الأمامية ($ args، $ example) {$ title = application_filters ('widget_title'، $ example ['title'])؛ // قبل وبعد تحديد وسيطات عنصر واجهة المستخدم بواسطة السمات echo $ args ['before_widget'] ؛ if (! blank ($ title)) echo $ args ['before_title']. العنوان. $ args ['after_title']؛ // هذا هو المكان الذي تقوم فيه بتشغيل الكود وعرض صدى الإخراج __ ('Simple Widget'، 'wpb_widget_domain') ؛ echo $ args ['after_widget']؛ } // Widget Backend public function form ($ enterprise) {if (isset ($ signature ['title'])) {$ title = $ signature ['title']؛ } else {$ title = __ ('New title'، 'wpb_widget_domain')؛ } // أداة نموذج المسؤول؟> get_field_id( 'title' ); ?>" name="get_field_name( 'title' ); ?>" type="text" value="" />

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

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

الآن دعونا نلقي نظرة على هذا الرمز.

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

أخيرًا ، حددنا كيفية التعامل مع التغييرات التي تم إجراؤها على الأداة.

الآن ، هناك بعض الأشياء التي قد ترغب في معرفتها. على سبيل المثال ، ما هو الهدف " wpb_text_domain "؟

يستخدم WordPress "gettext" لإدارة الترجمة والتعريب. لذا " wpb_text_domain "و __e يخبر gettext كيفية استرداد سلسلة الترجمة إذا كانت موجودة.

إذا قمت بإنشاء عنصر واجهة مستخدم مخصص لموضوع WordPress الخاص بك ، يمكنك استبدال "wpb_text_domain" بنص مجال السمة الخاصة بك.

اكتشف أيضًا بعض الإضافات المتميزة لبرنامج WordPress  

يمكنك استخدام ملفات أخرى الإضافات وورد لإضفاء مظهر عصري ولتحسين التعامل مع مدونتك أو موقعك على الويب.

نحن نقدم لك هنا بعض الإضافات WordPress المتميزة التي سوف تساعدك على القيام بذلك.

1. جالاكسي فوندر

Galaxy Funder هو نظام تمويل جماعي مليء بالميزات مصمم لأي موقع ويب WooCommerce. باستخدام وورد البرنامج المساعد Galaxy Funder المتميز ، ستتمكن من إدارة موقع التمويل الجماعي الخاص بك أو إضافة حملات جمع التبرعات على رأس متجر WooCommerce عبر الإنترنت.

يمكنك أيضًا استخدام أي ملفات بوابة الدفع التي تدعمها WooCommerce. يرجى ملاحظة أن "Galaxy Funder" يعمل مباشرة على صفحة المتجر على الإنترنت ، مما يجعل عملية مساهمة المستخدم أسهل.

تحميل | تجريبي | استضافة المواقع

2. انقر على دردشة WhatsApp

Le وورد البرنامج المساعد تسهل ميزة Click to WhatsApp Chat المتميزة على عملاء WordPress الاتصال بمالك موقع الويب أو دعم العملاء باستخدام حساب WhatsApp الخاص بهم. 

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

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

تحميل | عرض | استضافة المواقع

3. تحميل صورة العلامة المائية

CETTE إضافة WordPress يتيح لك الإصدار المميز إضافة علامات مائية بسهولة إلى صورك التنزيلات الرقمية سهلة.

CES العلامات المائية يمكن أن يكون صورة رمز حقوق التأليف والنشر ، أ شعار الشركة، أو جزء من العلامة التجارية كصورة PNG شفافة.

تحميل | عرض | استضافة المواقع

الموارد الأخرى الموصى بها

ندعوك أيضًا إلى الرجوع إلى الموارد الموضحة أدناه للمضي قدمًا في قبضة والتحكم في موقع الويب والمدونة.

• 7 WordPress plugins لتقييم تعليقات المدونة
• 5 مكونات ووردبريس لإدارة النشرة الإخبارية بشكل أفضل
• 8 WordPress plugins لإنشاء نموذج اتصال
• كيفية فتح فيديو يوتيوب في منبثقة على وورد

وفي الختام

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

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

ولكن في هذه الأثناء ، شارك هذا المقال على الشبكات الاجتماعية المختلفة. 

...