ووردبريس

يعد إنشاء مكون إضافي لـ WordPress أسهل مما تعتقد

جاستن بوسا - 9 يونيو 2014

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

بعد فوات الأوان، لم يكن من الممكن أن أكون مخطئًا أكثر.

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

هذه هي الطريقة التي بدأت بها المكون الإضافي Beaver Builder ( إنه مجاني لذا يمكنك تجربته ) وكيف يمكنك بدء تشغيل البرنامج الإضافي الخاص بك أيضًا.

لقد أطلقنا للتو 6 دورات مجانية لـ Beaver Builder. تعرف على كيفية إنشاء مواقع WordPress بسهولة باستخدام دروس فيديو خطوة بخطوة. ابدأ اليوم.

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

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

النظر في هذا السيناريو.

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

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

لا تحبس نفسك في موضوع ما. استخدم #WordPress Plugins للحصول على الوظائف بدلاً من ذلك. شارك على X

قم بإنشاء أول مكون إضافي لك في خمس خطوات بسيطة

أنا لا أمزح. يمكنك إنشاء مكون إضافي لـ WordPress في خمس خطوات بسيطة. دعني أوضح لك كيف…

1. بروتوكول نقل الملفات إلى موقعك

أول شيء عليك القيام به هو الوصول إلى موقعك عبر FTP باستخدام برنامج FTP الذي تختاره (برنامجي هو Coda). إذا لم تكن على دراية ببروتوكول نقل الملفات (FTP)، فإنني أنصحك بقراءة ذلك قبل المضي قدمًا.

2. انتقل إلى مجلد ملحقات WordPress

بمجرد الوصول إلى موقعك عبر FTP، ستحتاج إلى الانتقال إلى مجلد ملحقات WordPress. يوجد هذا المجلد دائمًا تقريبًا في /wp-content/plugins.

3. قم بإنشاء مجلد جديد للمكون الإضافي الخاص بك

الآن بعد أن أصبحت في مجلد المكونات الإضافية، فقد حان الوقت لإنشاء مجلد خاص بك! تابع وأنشئ مجلدًا جديدًا، وأعطه اسمًا فريدًا باستخدام أحرف صغيرة وشرطات مثل my-first-plugin. بمجرد الانتهاء من ذلك، أدخل المجلد الجديد وانتقل إلى الخطوة التالية.

4. قم بإنشاء ملف PHP الرئيسي للمكون الإضافي الخاص بك

بعد ذلك، ستحتاج إلى إنشاء الملف الرئيسي للمكون الإضافي الخاص بك. للقيام بذلك، قم بإنشاء ملف PHP داخل مجلد البرنامج المساعد الجديد الخاص بك وأعطه نفس الاسم، مثل my-first-plugin.php. بعد الانتهاء من ذلك، افتح الملف الرئيسي للمكون الإضافي الخاص بك واستعد لإجراء بعض التعديلات.

5. قم بإعداد معلومات البرنامج المساعد الخاص بك

أخيرًا، انسخ والصق معلومات البرنامج المساعد أدناه في ملف البرنامج المساعد الرئيسي الخاص بك. تأكد من تعديل التفاصيل مثل اسم المكون الإضافي وURI للمكون الإضافي لأنها تتعلق بالمكون الإضافي الخاص بك.

 <?php /** * Plugin Name: My First Plugin * Plugin URI: http://www.mywebsite.com/my-first-plugin * Description: The very first plugin that I have ever created. * Version: 1.0 * Author: Your Name * Author URI: http://www.mywebsite.com */

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

ماذا الآن؟

في هذه المرحلة، ربما تتساءل عما يفترض أن يفعله هذا البرنامج الإضافي. حسنًا، لا يفعل شيئًا! قلت إنني سأوضح لك كيفية إنشاء مكون إضافي، ولم أقل أنني سأوضح لك كيفية إنشاء مكون إضافي يفعل أي شيء.

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

جعل البرنامج المساعد الخاص بك يفعل شيئا بسيطا

الآن بعد أن أصبح لديك مكون إضافي، فلنجعله يفعل شيئًا ما.

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

 add_action( 'the_content', 'my_thank_you_text' ); function my_thank_you_text ( $content ) { return $content .= '<p>Thank you for reading!</p>'; }

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

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

مقصورة الطيار

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

الإجراءات والمرشحات

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

واجهة برمجة تطبيقات البرنامج المساعد: الإجراءات والمرشحات
واجهة برمجة تطبيقات البرنامج المساعد: مرجع الإجراء
واجهة برمجة تطبيقات البرنامج المساعد: مرجع التصفية

وظائف ووردبريس

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

إنشاء صفحة الخيارات

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

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

كتابة البرنامج المساعد
إنشاء صفحات الخيارات

إذا لم تكن قد قمت بذلك بالفعل، قم بإنشاء البرنامج المساعد الأول الخاص بك!

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

هل قمت بالفعل بإنشاء أول مكون إضافي لك أو تخطط لإنشاء مكون إضافي قريبًا؟ إذا كان الأمر كذلك، فأنا أحب أن أسمع عنها في التعليقات أدناه!

38 تعليق

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

لذلك يتم منعي من المضي قدمًا في مشاريعي. لأنني لا أستطيع إجراء التعديلات اللازمة على الرموز.
وبالتالي فإنني أتطلع حقًا إلى أن أكون قادرًا على التعامل مع مخطوطة WordPress وشق طريقي من خلال المشاريع.
شكرا مرة أخرى على المحتوى الملهم والمحفز.
إيبوكا في 1 سبتمبر 2018 الساعة 4:28 مساءً
لطيف - جيد. جيدة بما يكفي للانطلاقة
تشارلز في 7 نوفمبر 2018 الساعة 9:56 مساءً
يا لها من مقالة جميلة! ماذا عن آخر حول تحويل قالب HTML إلى موضوع وورد؟
- روبي ماكولو في 8 نوفمبر 2018 الساعة 10:13 صباحًا
  فكرة جيدة! قد يكون هذا أمرًا جيدًا بعد أن يصبح جوتنبرج مباشرًا ...
كندرا جوينر في 13 نوفمبر 2018 الساعة 12:51 مساءً
كان هذا مفيدًا بشكل لا يصدق! شكرًا
تشوكس في 10 يناير 2019 الساعة 7:17 مساءً
أداة كسر جمود مفيدة جدًا للأشخاص مثلي الذين لديهم نفس الخوف من البحث "تحت غطاء" المكونات الإضافية! شكرًا.
المؤمنين في 9 مارس 2019 الساعة 3:25 مساءً
واو! شكرا جزيلا على هذا، أستطيع أن أكتب الإضافات الآن. كنت أتساءل دائمًا كيف يكتب هؤلاء الأشخاص هذه الرسائل، ولم أعلم أبدًا أن الأمر بهذه السهولة! لقد تم مسح شكوكي.
كيسي في 17 مارس 2019 الساعة 2:35 مساءً
لقد اعتقدت دائمًا أن السمات الفرعية هي أفضل طريقة لحل هذه المشكلة، ولكن للأسف، إذا قمت بتغيير السمات الأصلية، فسوف أفقد الوظيفة. هذا منطقي جدًا شكرًا لك!
- روبي ماكولو في 17 مارس 2019 الساعة 8:35 مساءً
  سعيد لأنك وجدت المقال مفيدا!
ثيو في 19 مارس 2019 الساعة 2:19 مساءً
نعم! لقد فهمتني في "لم أقل أنني سأوضح لك كيفية إنشاء مكون إضافي يفعل أي شيء. "
طريقة رائعة لتعليم المستخدم وإبقائه منخرطًا!
أقوم الآن بإضافة واجهة الإدارة إلى البرنامج الإضافي الخاص بي... شكرًا جزيلاً!
ماكسيميليان لوميستر في 25 مارس 2019 الساعة 12:22 مساءً
أعتقد أنك قد تفتقد علامة إغلاق PHP: ?> شكرًا على البرنامج التعليمي!
- ريكاردو أندرادي في 2 أبريل 2019 الساعة 9:51 صباحًا
  إذا كان الملف يحتوي على كود PHP فقط، فمن الأفضل حذف علامة إغلاق PHP في نهاية الملف. يمنع هذا إضافة مسافة بيضاء غير مقصودة أو أسطر جديدة بعد علامة إغلاق PHP، والتي قد تسبب تأثيرات غير مرغوب فيها لأن PHP ستبدأ في التخزين المؤقت للمخرجات عندما لا تكون هناك نية من المبرمج لإرسال أي مخرجات عند تلك النقطة في البرنامج النصي.
  - ماكسيميليان لوميستر في 2 أبريل 2019 الساعة 7:52 مساءً
    مثير للاهتمام. تتضمن البرامج التعليمية الأخرى التي قرأتها علامة الإغلاق، لذا افترضت أنه كان خطأً، لكنك على حق تمامًا.
علي في 15 أبريل 2019 الساعة 12:47 صباحًا
شكرًا لك
جادينيوبورت في 16 أبريل 2019 الساعة 11:23 مساءً
شكرًا لك على هذا المنشور لنا جميعًا مبتدئين في WP. هل لي أن أطرح سؤالًا سخيفًا - إذا أضفت كود PHP من function.php للقالب الفرعي الخاص بي إلى ملف php الرئيسي للمكون الإضافي الجديد، فسوف يفعل نفس الشيء ولكنه سيكون مستقلاً من الموضوع، أليس كذلك؟ شكرًا لك
- روبي ماكولو في 24 أبريل 2019 الساعة 1:17 مساءً
  ينبغي أن تفعل الشيء نفسه، نعم!
  - Bongquotes في 14 يناير 2020 الساعة 10:27 صباحًا
    شكرا جزيلا لتقاسم هذا. اليوم أدير 3 مكونات إضافية خاصة بي. بدأ كل شيء مع هذا المنصب. شكرا روب.
- Gkاليوم يوم 30 مايو 2021 الساعة 12:06 مساءً
  بعد قراءة مقالتك بالكامل بعناية فائقة، قمت بإنشاء أول مكون إضافي خاص بي في WordPress. شكرا يا رجل على مشاركتنا معلوماتك القيمة.
ديباك بهارتي في 14 مايو 2019 الساعة 5:42 صباحًا
وظيفة لطيفة من النصائح المفيدة بالنسبة لي. شكرا للمشاركة.
نجوفي ويلسون في 20 يونيو 2019 الساعة 2:01 صباحًا
شكرًا على هذه المشاركة الرائعة التي عززت ثقتي في التعامل مع كود WordPress وإنشاء المكونات الإضافية الخاصة بي.
مانوليس في 27 يوليو 2019 الساعة 1:20 صباحًا
مرحبا وشكرا على المعلومات
هل هو add_action أم add_filter في الكود أعلاه؟
مشمس في 13 أغسطس 2019 الساعة 10:01 مساءً
كما أعلم فإن "the_content" هو مرشح وليس إجراءً. لذلك بدلاً من add_action يجب عليك استخدام add_filter
أبهينيت ميتال في 18 أغسطس 2019 الساعة 11:00 مساءً
وظيفة كبيرة. ولكن هناك خطأ صغير في التعليمات البرمجية. بدلاً من add_action، يجب عليك استخدام add_filter لأن the_content عبارة عن مرشح.
رافائيل أكبوفور في 27 سبتمبر 2019 الساعة 12:46 صباحًا
شكرًا جزيلاً! مفيدة جدا
قمر في 28 نوفمبر 2019 الساعة 11:02 صباحًا
أهلاً،
لقد أدركت البرنامج التعليمي الخاص بك وكان لدي بعض الأفكار بشأن إنشاء البرنامج المساعد. يبدو أنها مقالة لطيفة حقًا لكل شخص وستكون غزيرة الإنتاج للمبتدئين. يمكن كسب المزيد وآمل أن تساعدني.
ايمال خان في 29 ديسمبر 2019 الساعة 3:12 صباحًا
ممتاز! طريقة سهلة ومفيدة للغاية لتطوير ملحقات WP، أعجبتني.
سأقوم بإنشاء مكون إضافي للآلة الحاسبة لـ WP الخاص بي، والذي لم أتمكن من العثور عليه في أي مكان عبر الإنترنت.
شكرا للمشاركة
بانغيب في 4 يناير 2020 الساعة 8:48 مساءً
هل يمكنني استخدام هذه الخطوات لـ WordPress 5.3.x؟
ستيفن في 18 يناير 2020 الساعة 2:10 مساءً
مرحبًا، شكرًا على الأساسيات، كما قال معظم الأشخاص ولكن بعد البحث في Wordpress، كما هو مقترح، لم أتمكن من العثور على صفحة "كيفية الإضافة" و"عرض التفاصيل". أنت تعرف عدد الأشخاص الذين يستخدمونه، وتقييمات النجوم، وما إلى ذلك. سيكون من الجيد وجود رابط أو منشور حول هذا الموضوع.
شكرًا
فادوه في 24 يناير 2020 الساعة 9:03 مساءً
هذا رائع! اعتقدت أن إنشاء مكون إضافي سيكلفني السماء والأرض.
شكرا لهذا المنصب العظيم
JB في 30 يناير 2020 الساعة 4:07 مساءً
شكرا بالضبط ما احتاجه!
دان مارتن في 1 مارس 2020 الساعة 6:27 مساءً
هذا أمر رائع، كشخص يحاول أن يقرر ما إذا كنت أرغب في الانتقال إلى تطوير المكونات الإضافية، كان هذا مفيدًا حقًا.
لوكا سبينيلي في 1 مايو 2020 الساعة 6:26 صباحًا
اليوم قمت ببناء البرنامج المساعد الأول الخاص بي. شكرا للإلهام
ماثيو جرانات في 17 مايو 2020 الساعة 9:09 صباحًا
لقد كانت هذه مقالة رائعة! لقد قمت للتو بإنشاء مكون إضافي سريع باستخدام مرشح استخدام وحدة BB الخاصة بك. رائع!
هيذر الجديدة في 22 يونيو 2020 الساعة 3:23 مساءً
لم أقم بإنشاء مكون إضافي، ولكنني أقوم بانتظام بإنشاء محتوى مخصص للموضوعات. متى يكون من الجيد استخدام البرنامج الإضافي ومتى تنصح بعدم استخدامه؟
أنا أفكر في أجزاء موضوعي الحالي الذي أرغب في تقسيمه إلى مكونات إضافية للمساعدة في التحكم في الإصدار.
لا أرغب في تنشيط الكثير من المكونات الإضافية في الموقع ولكني أتطلع أيضًا إلى تنفيذ المكونات الإضافية عندما يكون من الذكاء القيام بذلك وأنا مهتم بأفكارك حول هذا الأمر.
سعيد في 26 أغسطس 2020 الساعة 11:10 مساءً
هذا لطيف.
كنت أفكر في أن إنشاء مكون إضافي لـ WordPress هو مهمة صعبة للغاية ولكن بعد قراءة هذه المدونة تغير رأيي تمامًا
شكرًا لك.
فرقان في 24 مارس 2021 الساعة 2:52 صباحًا
مشاركة مثالية! أنا حقا أحب رسالتك البسيطة والكمال. شكرا جزيلا لمشاركتك الجميلة. سأقضي الكثير من الوقت في Codex لتعلم نصائحك. شكرًا لك مرة أخرى
أنوتوش روي في 17 يونيو 2021 الساعة 8:11 مساءً
مجرد مشاركة مذهلة. إنه مفيد لجميع المدونين الذين يستخدمون WordPress.