كيفية إنشاء ملحقات WordPress: برنامج تعليمي للمطورين

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

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

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

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

كل ما تحتاجه لإنشاء مكون إضافي هو البدء بمجلد ثم إنشاء ملف واحد بسطر واحد فقط من النص. لإنشاء مجلد awesomeplugin ، انتقل إلى مجلد WP-content / plugins. باستخدام ملف awesomeplugin الموجود في هذا المجلد الجديد ، يمكنك إنشاء تطبيق.

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

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

كلما اكتسبت خبرة في تطوير البرنامج المساعد WordPress ، ستتمكن من تجنب الانحرافات بسرعة أكبر. نحن نستخدم مجموعة متنوعة من الموارد في عملنا اليومي للبقاء على اطلاع دائم على تطوير البرنامج المساعد. لا تتردد في طرح أي أسئلة قد تكون لديك حول تطوير البرنامج المساعد في قسم التعليقات أدناه.

هل من الممكن تثبيت مكون إضافي مخصص بنفسي؟

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

نشر البرنامج المساعد الخاص بك على مستودع WordPress

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

ما هي اللغة التي تكتبها ملحقات WordPress؟

من السهل أن تقول "WordPress مكتوب بلغة PHP". نظرًا لأنها اللغة الأساسية في WordPress ، فإن قوالب WordPress والمكونات الإضافية مكتوبة بشكل أساسي بلغة PHP ، وهكذا من بين جميع اللغات التقنية ، فمن الأكثر دقة أن تقول "WordPress مكتوب بلغة PHP".

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

كيف أقوم بإنشاء ملحق WordPress مخصص؟

الشيء الوحيد الذي عليك القيام به هو إنشاء مجلد ثم إنشاء ملف واحد مع كل المحتوى في سطر واحد. لإنشاء مجلد awesomeplugin ، انتقل إلى مجلد WP-content / Plugins ثم أنشئ مجلدًا جديدًا باسم awesomeplugin. يجب عليك تضمين ملف يسمى awesomeplugin في المجلد الجديد.

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

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

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

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

يجعل WordPress من السهل تخزين جميع الملحقات في مجلد… / WP-content / plugins. من المحتمل أنك ستحتاج إلى بنية أكثر تعقيدًا لتنفيذ مكونات إضافية أكثر تعقيدًا. للبدء ، يجب عليك أولاً كتابة / إضافة رمز مكون WordPress الإضافي الخاص بك. كما سترى ، يتم قضاء معظم الوقت في هذا المجال في إضافة الوظيفة إلى المكون الإضافي الخاص بك. في مثالنا المستند إلى Hello Dolly ، يتم استخدام 100 سطر من التعليمات البرمجية - وهذا هو بالضبط ما يبدو عليه الأمر. الخطوة 4 - إعداد WordPress ونشره. إذا كنت تريد أن يتمكن الآخرون من استخدام المكونات الإضافية الخاصة بك ، فما عليك سوى تضمينها في ملف ZIP.

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

كيفية إنشاء البرنامج المساعد لموقع على شبكة الإنترنت

لا توجد إجابة واحدة تناسب الجميع على هذا السؤال ، لأن عملية إنشاء مكون إضافي ستختلف وفقًا لمتطلبات موقع الويب والمكوِّن الإضافي المحدد. ومع ذلك ، تتضمن بعض النصائح حول إنشاء مكون إضافي لموقع ويب ما يلي: - تحديد بنية البرنامج المساعد ومتطلباته - إنشاء كود البرنامج المساعد والملفات الضرورية - اختبار المكون الإضافي لضمان التوافق والوظائف - إرسال المكون الإضافي إلى موقع الويب للموافقة عليه

في هذا البرنامج التعليمي ، سنشرح كيفية إنشاء مكون إضافي بسيط لبرنامج WordPress لأي تطبيق ويب يتطلب قاعدة رمز. يمكنك استخدام أي من تطبيقات الويب هذه ، مثل CrazyEgg أو Freshbook أو Google Analytics أو Facebook Pixel أو Feedier. بالإضافة إلى ذلك ، لتكوين عنصر واجهة المستخدم في الموقع وإنشاء رمز HTML / JS تلقائيًا ، سنضيف بعض الإعدادات. سيؤدي ذلك إلى إنشاء صفحة مسؤول Feedier جديدة على موقع WordPress الخاص بنا والجلب الديناميكي لاستطلاعاتنا من Feedier API. الخطوة الأولى هي تسجيل ملف JavaScript جديد وتبادل البيانات مع WP_localize_script () باستخدام وظيفة WordPress_localize_script (). في الخطوة التالية ، سنستخدم AJAX لحفظ بياناتنا. في الخطوة الثالثة ، سننشئ طريقة جديدة للمكوِّن الإضافي الخاص بنا والتي ستطبع الكود سريعًا اعتمادًا على المتغيرات التي يحددها المستخدم. بعد تلقي طلب POST وحفظ القيم المطلوبة في خيار WordPress ، سيرسل أسلوب storeAdminData طلب POST إلى خيار WordPress. لا يتعين علينا استدعاء هذه الوظيفة في كل مرة نقوم فيها بتحميل صفحة لأنه يمكننا استخدامها في الجزء السفلي منها.

إنشاء البرنامج المساعد WordPress عبر الإنترنت

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

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

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

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

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

الهدف من هذا الدليل هو توضيح كيفية عمل ترميز المكون الإضافي وإظهار كيفية إنشاء مكون إضافي بسيط. بمجرد أن تتعلم كيفية تطوير المكونات الإضافية ، يمكنك إنشاء مكونات إضافية أكثر تعقيدًا وكاملة الميزات للتعامل مع المهام الأكثر تعقيدًا لموقع الويب الخاص بك. حددنا أفضل المكونات الإضافية لعناصر واجهة المستخدم لعام 2021 ، وأفضل عناصر واجهة مستخدم Facebook ، وأفضل عنصر واجهة مستخدم Twitter لعام 2021 ، بالإضافة إلى أفضل الأدوات المصغّرة لعام 2021. بدلاً من تصميم أو إخراج المحتوى الخاص بك. نتيجة لذلك ، ستظل تتمتع بهذه الوظيفة حتى إذا قمت بتغيير السمات في المستقبل. علاوة على ذلك ، يمكن استخدام المكون الإضافي على موقع آخر له سمة مختلفة. الخطوة الأولى هي تمكين WP_DEBUG بحيث لا يحتوي ملف البرنامج المساعد الخاص بك على أي أسطر فارغة في البداية. تأكد من شراء المكونات الإضافية من مصدر حسن السمعة يلتزم بمعايير ترميز WordPress ولا يحتوي على تعليمات برمجية ضارة. يحتوي CodeCanyon على أكثر من 20000 سمة WordPress للاختيار من بينها ، ويمكنك الحصول عليها جميعًا مجانًا من خلال زيارة ThemeForest.

كود البرنامج المساعد المخصص في WordPress

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

أكثر من مليون موقع WordPress يستخدم WPCode كمكوِّن إضافي لمقتطف الشفرة. عند استخدام أجزاء التعليمات البرمجية بدلاً من ملفات function.php ، يمكنك بسهولة إضافتها إلى WordPress دون الحاجة إلى تعديل ملف function.php. بالإضافة إلى Google Analytics و Facebook Pixel و Google AdSense ورموز التتبع الأخرى ، فإن WPCode يجعل من السهل إضافة هذه الأدوات. بعد تنشيط المكون الإضافي ، سيضيف عنصر قائمة جديدًا بعنوان "Code Snippets" إلى شريط إدارة WordPress الخاص بك. عند النقر فوقه ، سترى قائمة بجميع مقتطفات التعليمات البرمجية المخصصة التي قمت بحفظها على موقعك. يمكنك إضافة رمز مخصص عن طريق تحديد "استخدام مقتطف" ضمن الخيار "إضافة رمز مخصص (مقتطف جديد)". يمكن إجراء الإدخالات بالنقر فوق مربع الرمز.

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