The WordPress Plugin Boilerplate - هيكل موحد منظم ويمكن الحفاظ عليه لبناء إضافات WordPress

إذا كنت مطورًا لبرنامج WordPress الإضافي ، فمن المحتمل أنك على دراية بـ WordPress Plugin Boilerplate. إذا لم يكن كذلك ، دعني أقدم لك ذلك. يعد WordPress Plugin Boilerplate هيكلًا موحدًا ومنظمًا ويمكن صيانته لبناء مكونات WordPress الإضافية. يعتمد على نموذج تطوير البرنامج المساعد الذي طوره مارك جاكويث المطور الأساسي لـ WordPress. إن Boilerplate المكون الإضافي WordPress ليس مكونًا إضافيًا بحد ذاته. بدلاً من ذلك ، إنها نقطة انطلاق لبناء الإضافات الخاصة بك. يتضمن جميع الملفات والمجلدات الضرورية ، بالإضافة إلى مجموعة من الممارسات الموصى بها لترميز وتنظيم المكون الإضافي الخاص بك. إليك كيفية استخدام WordPress Plugin Boilerplate لبناء الإضافات الخاصة بك: 1. قم بإنشاء مجلد جديد للمكون الإضافي الخاص بك. 2. قم بتنزيل أحدث إصدار من برنامج WordPress Plugin Boilerplate. 3. استخرج محتويات الملف المضغوط إلى مجلد البرنامج المساعد. 4. أعد تسمية ملف البرنامج المساعد الرئيسي من plugin-name.php إلى your-plugin-name.php. 5. قم بتحرير ملف plugin-name.php الخاص بك وقم بتحديث اسم المكون الإضافي و Plugin URI والوصف والإصدار والمؤلف وعنوان URI للمؤلف. 6. قم بإنشاء مجلد جديد يسمى الأصول. هذا هو المكان الذي ستخزن فيه ملفات CSS و JavaScript الخاصة بالمكوِّن الإضافي. 7. قم بإنشاء مجلد جديد يسمى include. هذا هو المكان الذي ستخزن فيه ملفات PHP الخاصة بالملحق. 8. قم بإنشاء ملف جديد يسمى your-plugin-name.php في مجلد include. سيكون هذا هو ملف البرنامج المساعد الرئيسي. 9. في ملف البرنامج المساعد الرئيسي ، قم بتضمين الكود التالي: / * اسم البرنامج المساعد: Your Plugin Name Plugin URI: http: // your-plugin-uri الوصف: وصف موجز لإصدار المكون الإضافي: 1.0 المؤلف: Your Name Author URI : http: // your-author-uri * / 10. هذا كل شيء! لقد أنشأت الآن مكونًا إضافيًا أساسيًا في WordPress باستخدام WordPress Plugin Boilerplate.

من خلال دورة تطوير البرنامج المساعد WordPress المستندة إلى المشروع ، ستتعلم المهارات اللازمة لإنشاء مكونات إضافية احترافية آمنة وسريعة. خلال الدورة ، ستتعلم المفاهيم الأساسية التالية: المفاهيم الأساسية لتطوير البرنامج المساعد في أكثر من 100 محاضرة فيديو وأكثر من 12 ساعة من محتوى الفيديو. قم بتسجيل الرموز القصيرة وتعرف على أنواع مختلفة من الرموز القصيرة فيما يتعلق بسمات الرمز القصير ، وكلاهما مطلوب لمطوري المكونات الإضافية لإنشاء رموز قصيرة قابلة لإعادة الاستخدام. يمكن استخدام واجهة برمجة التطبيقات المصغرة لإنشاء عنصر واجهة المستخدم. يعد فهم كيفية عمل الشركة () widget () و update () أمرًا ضروريًا لفهمها بشكل كامل. يتم شرح عملية تسمية تضارب المتغيرات والوظائف والفئات والثوابت أدناه. في طريقة application_filter المخصصة ، يمكن استخدام do_action للسماح بامتدادات البرنامج المساعد.

ما هو Boilerplate البرنامج المساعد WordPress؟

برنامج WordPress Plugin Boilerplate هو مكون إضافي لبرنامج WordPress يوفر بنية قياسية لإنشاء مكونات إضافية جديدة. يتضمن مجموعة من الملفات والمجلدات التي تحتوي على كل ما تحتاجه للبدء في إنشاء مكون إضافي جديد. يتضمن boilerplate أيضًا ملف readme.md يشرح كيفية استخدام النموذج المعياري وكيفية إنشاء مكون إضافي جديد.

ليس الأمر كما لو كان تطوير مكون إضافي عملية صعبة. الغرض من Boilerplate هو أن يكون منضدة عمل موجهة للكائنات لتطوير الإضافات. نظرًا لأنه مكتوب بمبادئ OOP ، فهو مخصص بشكل أساسي للمبرمجين المتوسطين. على الرغم من ذلك ، حتى لو كنت قد بدأت للتو ، يمكنك استخدامه لأنك كنت هناك. من السهل إنشاء ارتباط رمزي في Windows باستخدام Terminal أو موجه الأوامر. إذا فتحت واحدًا ، فاستخدم دليل المكونات الإضافية في تثبيت WordPress الخاص بك للعثور عليه. يمكنك بسهولة إعادة تسمية الملفات في نظام التشغيل Mac OS X. مع تشغيل هذا المكون الإضافي في مستودع GitHub ، تكون عملية تطويره أبسط بكثير.

المحتوى في WordPress كثير. يجب أن تكون هناك إرشادات واضحة حول المكان الذي يجب أن توضع فيه الأشياء. هناك العديد من الاختلافات في المصطلحين "اسم المكون الإضافي" و "المكون الإضافي" في جميع أنحاء الملف. أفضل طريقة لإلغاء تثبيت مكون WordPress الإضافي هي استخدام uninstaller.php ، وهي نفس طريقة Boilerplate. يوحّد WordPress Boilerplate تمامًا الخطافات ، ويقسمها إلى فئتين مختلفتين. يجب عليك أيضًا كتابة كل التعليمات البرمجية الخاصة بك بنفس الطريقة في نفس المجلد في القسمين العام والمسؤول في تطبيقك. يمكن العثور على CSS و js و parts في مجلد CSS.

وبالمثل ، يجب عليك وضع الوظائف الموصولة في هذه الدلائل داخل فصولك الدراسية. قد يبدو أن تنفيذ مكون WordPress الإضافي لـ Boilerplate يتطلب الكثير من العمل ، ولكن في النهاية ، سيؤتي ثماره. في العام التالي ، ستتمكن من معرفة مكان كل شيء ، وسيتم توحيد تطوير المكون الإضافي الخاص بك ، وسيتمكن الآخرون من اكتشاف الخطأ الذي حدث. تمت تسمية ملف class-tgm-plugin-activ.php على اسم ملف plugin.php في class-my-awesome- plugin.

البرنامج المساعد Boilerplate و Plugin Uri: مورد ثمين لمطوري البرنامج المساعد

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

ما هو البرنامج المساعد Uri؟

في WordPress ، يعد عنوان URI للمكون الإضافي هو المعرف الفريد لمكوِّن إضافي معين. يمكن استخدام عناوين URL الخاصة بالمكونات الإضافية لتحديد المكونات الإضافية من داخل واجهة إدارة WordPress ، بالإضافة إلى خدمات وتطبيقات الجهات الخارجية.

كيف يمكنني العثور على عنوان URL للمكوِّن الإضافي؟

باستخدام plugin_basename لوظيفة WordPress (ملف $) ، يمكنك إنشاء دليل يحتوي على الملحقات. بمعنى آخر ، يتم حفظ المجلد والملف في دليل $ plugin_ ويتم حفظ اسم المكون الأساسي في plugins_id: plugin_id = plugin_id_basename (FILE__ ؛ يمكن دمج هذا مع عنوان URL الخاص بالملحق أو مسار الخادم).

إضافة سمة جديدة إلى موقع WordPress الخاص بك

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

WordPress البرنامج المساعد Boilerplate Generator

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

WordPress Plugin Boilerplate Namespace

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

صفحة إعدادات WordPress Plugin Boilerplate

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

يمكن للمستخدمين إضافة إعدادات المكونات الإضافية الخاصة بهم إلى صفحة الإعدادات كجزء من قسم المسؤول. في هذه المقالة سوف نوضح لك كيفية القيام بما يلي. يتم سرد مستودع GitHub الذي يحتوي على جميع الوظائف الموضحة أدناه في نهاية المقالة ، كما يتم سرد مكون WordPress الإضافي مع صفحة إعدادات بسيطة. تتضمن الخطوتان الأوليان إضافة وظيفة displayPluginAdminSettings إلى ملف class-Plugin-name-html-settings-display.php. إذا كان لديك نماذج إعدادات متعددة ، فيمكنك استخدام هذه الوظيفة لتحديد علامة تبويب للمكون الإضافي الخاص بك ، والتي تعرض أي إشعارات قد تكون لدى WordPress ، ويمكنك أيضًا اختيار ملف PHP الذي سيعرض صفحة إعدادات المكونات الإضافية عند تشغيل تطبيق WordPress الخاص بك. الخطوة الرابعة هي إضافة وظيفة تسمى pluginNameSettingsMessages إلى وظيفة displayAdminTab. إذا كنت ترغب في تحرير ملفات البرنامج المساعد في بيئة تطوير محلية ، فإن لوحة تحكم مسؤول WordPress الخاصة بك هي مكان جيد للبدء.

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

البرنامج التعليمي لبرنامج WordPress

يعد تثبيت مكون WordPress الإضافي عملية بسيطة. يمكنك تثبيت مكون WordPress الإضافي باستخدام مثبت البرنامج المساعد المدمج أو يدويًا عبر FTP. لتثبيت ملحق WordPress باستخدام مثبت البرنامج المساعد المدمج: 1. قم بتسجيل الدخول إلى موقع WordPress الخاص بك. 2. انتقل إلى لوحات الإدارة> المكونات الإضافية> إضافة جديد. 3. اكتب اسم مكون WordPress الإضافي الذي تريد تثبيته في حقل البحث. 4. ابحث عن ملحق WordPress الذي ترغب في تثبيته. 5. انقر على رابط "التثبيت الآن". 6. انقر على رابط "تنشيط البرنامج المساعد". لتثبيت إضافة WordPress يدويًا عبر FTP: 1. قم بتنزيل ملحق WordPress على جهاز الكمبيوتر الخاص بك. قم باستخراج ملف البرنامج المساعد إلى دليل على جهاز الكمبيوتر الخاص بك. قم بتحميل مجلد البرنامج المساعد المستخرج إلى الدليل / wp-content / plugins / على خادم الويب الخاص بك. انتقل إلى صفحة "لوحات الإدارة"> المكونات الإضافية. حدد موقع مكون WordPress الإضافي في قائمة المكونات الإضافية وانقر على الرابط "تنشيط".

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

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

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

هل يمكننا إنشاء ملحقات في WordPress؟

ما عليك سوى إنشاء مجلد وملف واحد بسطر واحد من المحتوى ، متبوعًا بمكوِّن إضافي. يمكنك تغيير السمة الخاصة بك عن طريق تثبيت مجلد awesomeplugin من مجلد WP-content / plugins. أثناء إنشاء مجلد جديد ، قم بإنشاء ملف يسمى awesomeplugin.

ما الذي يجب أن أتعلمه لإنشاء البرنامج المساعد WordPress؟

تعد HTML / CSS و JavaScript للواجهة الأمامية و PHP و SQL وتقنيات الواجهة الخلفية الأخرى مهمة إذا كنت ترغب في إنشاء مكون إضافي لبرنامج WordPress.

ووردبريس موضوع Boilerplate

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

تم تصميم نماذج WordPress المعيارية من أجل المطورين لإنشاء مكونات إضافية مع الاستفادة أيضًا من إمكانات تطوير مواقع الويب الخاصة بهم. نمت فكرة بسيطة إلى مشروع مجتمعي مع وجود مجتمع مفتوح المصدر في قلبه. Boilerplates هي الكود الأساسي للمطورين الذين يرغبون في تصميم وبناء المشاريع دون كتابة الرموز أولاً. WP Widget Boilerplate عبارة عن نموذج معياري لعنصر واجهة مستخدم WP جاهز للاستخدام يمكنك استخدامه على الفور. تم استخدام "تصميم مدونة باستخدام HTML 5" من Bruce Lawson لتطوير تخطيط HTML5 Boiler Plate. فهو لا يستخدم عناصر DIV لإنشاء تخطيطات المحتوى فحسب ، بل يتضمن أيضًا علامات HTML5 جديدة تمامًا. يمكن تطوير مكونات WordPress الإضافية في مكان واحد باستخدام WPGulp ، وهي بيئة تطوير شاملة ومميزة بالكامل.

للبدء ، يجب عليك تحديد مقتطف ومكتبة ، وبعد ذلك سيتم منحك حق الوصول إلى العينات الجاهزة للاستخدام. علاوة على ذلك ، قد يحتاجون إلى NPMinstalled و Node.js إذا كانوا يريدون استخدام Laravel Mix لجافا سكريبت و CSS. فيما يلي متطلبات الخادم الخاص بك. قم بإعداد WordPress باستخدام أمر "Composer" ، والذي يسمح لك بإنشاء مشاريع في المحطة.

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

البرنامج المساعد البسيط

المكوّن الإضافي البسيط هو نوع من البرامج تم تصميمه ليتم تثبيته واستخدامه بسهولة. تُستخدم المكونات الإضافية البسيطة عادةً لإضافة وظائف إلى برنامج موجود أو لتوفير طريقة سهلة للمستخدمين للوصول إلى ميزة معينة.

WordPress قوي بالفعل ، لكن الإضافات يمكن أن تجعله أكثر قوة. هناك الآلاف من المكونات الإضافية المجانية والمدفوعة المتاحة لـ WordPress. أكثر من 59000 من مكونات WordPress المجانية متوفرة حاليًا على مستودع المكونات الإضافية WordPress الرسمي في وقت كتابة هذا التقرير. سنرشدك خلال خطوات إنشاء مكون إضافي بسيط لبرنامج WordPress في هذا المنشور. سوف تتعلم كيفية إنشاء مكون إضافي بسيط ، بالإضافة إلى مصدرين وأدوات تساعدك على البدء بسرعة. الملف الرئيسي لكل مكون إضافي من WordPress هو ملف منفصل يمكن إنشاؤه يدويًا باستخدام pluginsplate أو pluginboilerplate. في هذا البرنامج التعليمي ، سوف أقوم بإنشاء مكون إضافي يسمح لك بإضافة أنواع منشورات مخصصة إلى موقع ويب مطعم.

تأكد من أن لديك محرر نصوص مفضل مفتوح (أنا أستخدم Notepad ++) وأنه تم تحميل hot-recipes.php. عندما نريد تنشيط المكون الإضافي ، يجب علينا أولاً كتابة الكود الذي سيتم تنفيذه. نقوم ببساطة بتسجيل نوع المنشور المخصص لدينا مع مجموعة متنوعة من الخيارات في هذا الرمز. علاوة على ذلك ، فهو يتضمن ميزات مثل دعم المراجعات والحقول المخصصة والمقتطفات والتعليقات والصور المميزة وما إلى ذلك. عند إدخال وصفة جديدة في محرر المنشورات ، سترى هذه الميزات. يعد استخدام جهاز Mac أو الكمبيوتر الشخصي لضغط ملف hot-recipes.php في ملف مضغوط عملية بسيطة. انقر فوق الزر "إضافة جديد" لإضافة مكونات إضافية جديدة لموقع الاختبار الخاص بك. إذا قمت بفحص قائمة مسؤول WordPress ، فسترى نوع منشور وصفات جديد ، والذي يتضمن القدرة على إضافة وصفات جديدة.

كيف يمكنني عمل مكون إضافي بسيط؟

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

تطوير البرنامج المساعد

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

ستكتشف كيفية استخدام أكثر من 20 رابطًا قويًا في WordPress باستخدام السمة أو المكون الإضافي الخاص بك. يمكن للمسؤول إدخال Facebook و Twitter و LinkedIn و YouTube وعناوين الوسائط الاجتماعية الأخرى باستخدام مكون إضافي للوسائط الاجتماعية. يسمح لك Transients بتخزين البيانات الدائمة في قواعد بيانات WordPress باستخدام Transients API. تعرف على كيفية تثبيت أكثر من عشرة مقابس مجانية عن طريق إيقافها مؤقتًا أو تخصيصها حسب الحاجة. تحتوي بعض مقاطع الفيديو على مكونات إضافية مجانية يمكن تثبيتها. تتضمن العديد من مقاطع الفيديو مكونات إضافية تعمل بكامل طاقتها ويمكن تنزيلها واستخدامها بسهولة بعد تعديلات طفيفة.

ما هو تطوير البرنامج المساعد WordPress؟

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