WordPress المستوى المتقدم: إنشاء إضافات جديدة

Name: WordPress المستوى المتقدم: إنشاء إضافات جديدة
Author: Chrissy Rey

تعلم كيفية استخدام PHP لإنشاء مكون إضافي مخصص في WordPress

شاهد الدرس الأول مجانًا — احصل على وصول كامل إلى جميع الدروس الـ7.

دورة تدريبية: عند الطلب

مرحبًا، اسمي Chrissy وفي هذه الدروس، سأوضح لك كيفية إنشاء مكون إضافي أساسي لـ WordPress. سنبدأ من خلال النظر في تشريح البرنامج المساعد. لذلك أنا على تثبيت محلي ل WordPress، وهو موجود على جهاز الكمبيوتر الخاص بي. وعادةً ما أفعل ذلك من أجل التطوير، لأنه يجعل الأمر أسهل، ولا أضطر إلى تحميل ملفاتي في كل مرة أقوم بإجراء تغيير، يمكنني فقط تحديث الصفحة أو أي شيء آخر أنظر إليه. ويجب أن يعطيني أحدث كود بعد أن قمت بحفظ ملفي. لذلك سأذهب إلى ملفاتي الموجودة على جهاز الكمبيوتر الخاص بي. وسنرى هنا، اسمح لي أن أعود إلى هنا قليلًا. هذا هو تثبيت WordPress على جهاز الكمبيوتر الخاص بي. لذلك تم تثبيته للتو على جهاز الكمبيوتر الخاص بي على المضيف المحلي. وداخل مجلد محتوى WP، هذا هو المكان الذي تنتقل إليه المكونات الإضافية والسمات الخاصة بي. يمكنك أن ترى أن هناك مجلد الإضافات. وداخل مجلد المكونات الإضافية هذا، يوجد عدد قليل من الملفات، يوجد ملف فهرس .php، وهذا مجرد نوع من الطريقة لذا، إذا حاول شخص ما الاطلاع على ملفات المكونات الإضافية الخاصة بي، فلن يتمكن من رؤيتها نظرًا لوجود فهرس فارغ index.php. ثم لدي ثلاثة مجلدات، لدي كتل Cadence، قوالب مبدئية Cadence, ولا يمكنك حقًا رؤية العنوان بالكامل هناك، دعني أقوم بتوسيع ذلك، قوالب Cadence starter و WooCommerce. وإذا نظرت إلى المكونات الإضافية الخاصة بي، سترى أن لدي تلك الملفات الثلاثة هناك، أو تلك المكونات الإضافية الثلاثة هي مثبتة هناك. إذن ما أريد أن أعرضه لك في هذه الدلائل هو إذا كنت تنظر، على سبيل المثال، إلى كتل cadence، أو كتل Cadence-blocks، إذا كنت تبحث في الملفات الموجودة داخل ذلك، الملف الوحيد المطلوب، الملف المطلوب تمامًا لكل مكون إضافي سيكون ملف PHP يحمل نفس اسم الدليل. لذا يمكنك رؤية أنه لأجل Cadence-blocks، لقد حصلت على cadence-blocks.php. بالنسبة لقوالب cadence-starter، يمكنك أن ترى أنني حصلت على cadence-starter -templates .php. وبعد ذلك بالنسبة لـ WooCommerce، لدي ملف WooCommerce .php. هذه هي الطريقة التي يعرف بها WordPress أن هذا هو الملف الذي يحتوي على الكود الأساسي للمكون الإضافي الخاص بك. لذلك سأقوم بإنشاء مجلد جديد. سأقوم بإنشاء مكون إضافي أساسي حقًا. سيُطلق عليه اسم Chocolato، وسيعرض فقط اقتباسًا عن الشوكولاتة على كل مشاركة Post. لذلك سأقوم بإنشاء مجلد جديد يسمى Chocolato. وداخل هذا المجلد، سأقوم بإنشاء ملف يسمى Chocolato .php لأنني سأتبع نفس القواعد التي لدينا بالنسبة للمكونات الإضافية الأخرى Plugins, لذلك اسمح لي أن أذهب إلى محرر النصوص الخاص بي. اسمح لي أن أسحب هذا هنا. ها نحن ذا. وسأقوم بإنشاء ملف PHP جديد. لذلك سأضيف علامة PHP وسأحفظها في دليل Chocolato الخاص بي. لذلك اسمح لي أن أذهب إلى ملفاتي. لقد حصلت على تصفح لذلك. لذلك اسمح لي أن أذهب إلى مواقعي المحلية، عالم الشوكولاتة، التطبيق، العام. ربما يكون دليلك مختلفًا عن دليلي. أحتاج للذهاب إلى الدليل الصحيح، ولكن هناك البرنامج المساعد Chocolato, وسوف أقوم بحفظ هذا الملف باسم Chocolato.php. تذكر أن اسم الملف يجب أن يتطابق مع اسم المجلد. لذلك سوف يكون Chocolato.php الآن، إذا أردت حفظ هذا وتحديث هذا الدليل، فقد تعتقد أن شيئًا ما سيحدث. لا يحدث ذلك لأنه يتعين علي تقديم بعض المعلومات الأساسية لملف PHP الخاص بـ WordPress لفهم ما يفعله وماذا في داخله. لذلك اسمح لي أن أعود إلى محرر النصوص الخاص بي، ودعنا نضيف تلك المعلومات الأساسية. لذا أول شيء يجب علي فعله هو إضافة تعليق أو تعليق كبير، وسيكون هذا التعليق بمثابة تعليق PHP. لذا، ستكون هناك شرطة مائلة بعلامة النجمة، ثم تليها شرطة مائلة بعلامة النجمة، وبعد ذلك سأضع عدة أسطر من نص، والعديد من القيم التي يحتاج كود WordPress إلى رؤيتها لفهم أن هذا مكون إضافي وما يمثله وما هو عليه وكل تلك المعلومات. لذا أول شيء يجب أن أفعله هو أن أقول ما هو اسم البرنامج المساعد واسم البرنامج المساعد في هذه الحالة هو Chocolato. لذا، إذا قمت بحفظ ذلك وتحديثه مرة أخرى، ليس لديه معلومات كافية هناك. ها نحن ذا. لذا، يمكنك أن ترى هنا أنها ليست معلومات كافية لأنني لا أملك نسخة الوصف وكل تلك الأشياء الجيدة. سنضيف ذلك خلال دقيقة واحدة، ولكن الآن يمكنك رؤية المكون الإضافي بالفعل. لذا فإن الشيء الوحيد المطلوب تمامًا في ذلك ملف Chocolato.php هو اسم البرنامج الإضافي، لكننا سنضيف أكثر من ذلك. لذلك دعنا نعود إلى هذا الملف النصي، وسأضيف وصفًا سيظهر. لذا، سنقول، اعرض اقتباسًا عن الشوكولاتة. وسأقوم أيضًا بإضافة نسخة (إصدار). لذلك يجب أن يكون لكل مكون إضافي إصدار. سيكون هذا 1.0، وسنقول إصدار WordPress المطلوب. ولذا سنقول يتطلب على الأقل، سنقول 6.0 لهذا البرنامج المساعد. وسنقول أيضًا إصدار PHP المطلوب. لذلك سنقول يتطلب PHP. سنقول 7.4 لهذا. وسنقول أيضًا من هو مؤلف هذا البرنامج المساعد هذا أنا. إذن المؤلف هو كريسي راي. وسنضع عنوان URI الخاص بالمؤلف، وهو ما يعني أنني سأضع عنصرًا نائبًا هنا mysite.com وهو غير موجود في الواقع. وسنضيف ترخيص لهذا. الكثير من مكونات WordPress الإضافية هي الإصدار 2 من GPL أو الأحدث. لذلك سأقوم بوضع ذلك في الإصدار الثاني من GPL أو الإصدارات الأحدث. وأخيرًا، سأضيف URI للترخيص، والذي سيكون https://www .gnu.org/license/ gpl-2.0.html. لذلك اسمح لي أن أحفظ ذلك. ارجع إلى WordPress، وسأقوم بالتحديث. دعنا نقوم بتحديثه. هل قمت بحفظه؟ اسمح لي أن أتأكد. نعم، لقد حفظته. وهكذا يمكننا أن نرى هنا، لقد حصلت على اسم البرنامج المساعد Chocolato. وها هو الوصف لدي. ها هو الإصدار. ويمكنك أن ترى أن ها هو المؤلف. وإذا كان رابطًا، إذا قمت بتحريك الماوس فوقه، وإذا نظرت إلى أسفل في شريط الحالة، فسترى أنه يتجه إلى mysite.com لذا في الوقت الحالي، لا يوجد شيء آخر يحدث في هذا البرنامج المساعد. إنه مجرد عنصر نائب بسيط للغاية، لكن يمكنني تفعيله. لن يفعل أي شيء في الواقع حتى الآن. لم نصل إلى هذا الحد، ولكن يمكننا أن نرى أن هذه هي أساسيات البرنامج المساعد. والآن هناك ملف آخر مطلوب. إذا كنت ستضيف المكون الإضافي إلى مستودع المكونات الإضافية في WordPress. لذلك دعنا نلقي نظرة على أحد هذه المكونات الإضافية الأخرى. دعنا نلقي نظرة على WooCommerce على سبيل المثال. وسيكون هذا الملف هو الملف التمهيدي readme.txt. لذلك يمكنك رؤية هذا الملف هنا، WooCommerce الملف التمهيدي readme.txt. بالنسبة إلى WooCommerce، إذا ذهبت إلى قوالب cadence starter فهناك الملف التمهيدي readme.txt. إذا ذهبت إلى cadence blocks، هناك الملف التمهيدي readme.txt. لن نقوم بإنشاء واحدة للمكون الإضافي Chapelato في الوقت الحالي، لكنني سأوضح لك ما هو موجود في cadence blocks الأولى. لذلك سأقوم بفتح هذا في محرر النصوص الخاص بي. لذلك دعنا نفتح ذلك. ولذا يتم استخدام هذه المعلومات بواسطة مستودع المكونات الإضافية لـ WordPress. إنها المعلومات التي يتم عرضها في دليل البرنامج المساعد. لذا، يمكنك أن ترى هنا، أنه سيحتوي على المعلومات، واسم المكون الإضافي، ومن هم المساهمين. ستكون هذه أسماء مستخدمي WordPress .org وأي علامات. يمكنك إضافة رابط التبرع. ما هو إصدار PHP المطلوب؟ ما هو الإصدار الذي تم اختباره عليه؟ ما هي العلامة المستقرة؟ ما هو إصدار PHP المطلوب؟ ومن ثم يمكنك رؤية بعض هذه الأشياء الأخرى التي رأيتها في ملف WordPress الإضافي، ملف PHP بما في ذلك الترخيص والترخيص URI. وبعد ذلك حصلنا هنا على وصف. سيكون هذا هو ما سيتم عرضه على صفحة البرنامج المساعد. لذلك، إذا نظرنا بالفعل إلى صفحة البرنامج المساعد، فأنا في cadence blocks. إذا عرضت التفاصيل، يمكنك أن ترى هنا، هناك الوصف. وإذا نظرنا إلى الملف التمهيدي. ملف نصي readme.txtfile هناك الوصف هناك. لذلك لدينا المزيد، لقد حصلت على كتل مخصصة متضمنة، وهذا عنوان Heading. لذلك إذا نظرت في الدليل، فإن الكتل المخصصة تتضمن، هناك العنوان. وبعد ذلك حصلت على قائمة ذات تعداد نقطي. القائمة ذات التعداد النقطي في الملف التمهيدي readme.txt، كل رمز نقطي يبدأ بعلامة النجمة. لذلك يكون الأمر أكثر تعقيدًا إذا كنت تريد إنشاء هذا الملف للانتقال إلى مستودع المكونات الإضافية لـ WordPress. هذا هو الحال بالنسبة لأساسيات البرنامج المساعد. شكرا على المشاهدة وترقب الدرس القادم حيث سأوضح لك كيفية التعامل مع أمان المكونات الإضافية.

متقدم مقدِّم الخدمة : Chrissy Rey 7 الدروس · 1h باللغات: العربية, الإنجليزية

وصف الدورة

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

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

ما ستتعلمه

تحديد الوظائف الأساسية لملحق WordPress والملفات المطلوبة لإنشائه
استخدام كود PHP لإنشاء ملحق مخصص يوسع وظائف WordPress
تطبيق أساسيات أمان الملحقات لتأمين الملحق
إضافة قائمة إدارة وإنشاء صفحة إعدادات الملحق
تهيئة الأدوار والقدرات والعمل مع الإجراءات والمرشحات (الخطافات)
إضافة كود قصير (shortcode) إلى ملحق مخصص

النقاط الرئيسية

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

الأسئلة الشائعة

لمن تم إعداد هذا المسار؟

هو مخصص لمطوري WordPress الذين يرغبون في إنشاء ملحقات مخصصة لتوسيع وظائف WordPress باستخدام PHP.

ما الذي سأكون قادراً على فعله بنهاية هذا المسار؟

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

ما هي المواضيع التي يغطيها المسار؟

يغطي تشريح الملحق والملفات المطلوبة لإنشائه، والخطافات (الإجراءات والمرشحات)، وأمان الملحق، وقوائم الإدارة، وإعدادات الملحق، والأدوار والقدرات، والأكواد القصيرة (shortcodes).

ما هي المهارات المرتبطة بهذا المسار؟

يرتبط المسار بتطوير PHP، ومحرر PHP، وPHPEdit، ومسؤول WordPress، وWordPress، وواجهة برمجة تطبيقات REST لـ WordPress.

هل يتناول المسار أمان الملحقات؟

نعم. يناقش أساسيات أمان الملحقات ويؤكد على أهمية تأمين الملحق.