دليل خطوة بخطوة لإنشاء مكون إضافي بسيط لـ WordPress

في WordPress ، المكون الإضافي هو جزء من البرنامج يحتوي على مجموعة من الوظائف التي يمكن إضافتها إلى موقع WordPress على الويب. يمكنهم توسيع الوظائف أو إضافة ميزات جديدة إلى مواقع WordPress الخاصة بك.
تتم كتابة الإضافات بلغة برمجة PHP وتتكامل بسلاسة مع WordPress. يمكن إضافتها كملفات فردية ، أو تجميعها معًا في ملف مضغوط واحد.
إليك دليل خطوة بخطوة حول كيفية إنشاء مكون إضافي بسيط لبرنامج WordPress:
1. قم بإنشاء مجلد جديد في دليل WordPress الخاص بك وقم بتسميته "my-plugin".
2. قم بإنشاء ملف جديد داخل مجلد "my-plugin" وقم بتسميته "my-plugin.php".
3. افتح ملف "my-plugin.php" في محرر نصي وأضف الكود التالي:
4. احفظ ملف "my-plugin.php".
5. قم بتنشيط المكون الإضافي من لوحة إدارة WordPress.

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

يمكنك تسجيل الدخول إلى حسابك إذا لم تكن قد سجلت الدخول بالفعل عن طريق النقر فوق زر تسجيل الدخول في الزاوية اليمنى العليا من الشاشة. قم بإجراء أي تغييرات ضرورية بعد قيامك بتحرير الملف التمهيدي للمكون الإضافي الخاص بك. يتيح برنامج التحكم في الإصدار مثل Subversion (SVN) للمستخدمين تغيير الملفات والأدلة مع الاحتفاظ بسجل لما يفعلونه ، وإدارة الإصدارات ، والسماح لهم بالتعاون. بعد التثبيت ، انتقل إلى الإصدارات وابحث عن نسخة من مستودع المكون الإضافي الخاص بك. سيتم إعطاء اسم للمجلد وسيتم تحديد موقعه على جهاز الكمبيوتر الخاص بك بواسطتك. يقوم تطبيق Versions الآن بمزامنة التغييرات التي أجريتها على المكون الإضافي الخاص بك ، وهذا هو سبب التزامهم به الآن. تم استخدام الإصدار 1.0 لإنشاء البرنامج المساعد الخاص بنا كما هو موضح في نموذج التعليمات البرمجية أدناه.

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

كيف يمكنني عمل المكونات الإضافية الخاصة بي؟

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

يعد تطبيق الصوت عبر الأنظمة الأساسية الذي طوره كريستوف هارت أداة افتراضية ومنشئ المكونات الإضافية مفتوح المصدر. تم التأكيد على أخذ العينات ، ولكن تتوفر ميزات التوليف لعمل أدوات هجينة بالإضافة إلى المؤثرات الصوتية. يمكنك التعرف على الكود المصدري من GitHub ، ويمكن الوصول إلى الكود بالكامل. التنسيقات المدعومة هي Visual Studio و Audionauts و AAX. يجب أن يكون لديك حق الوصول إلى iLok لبدء تشغيل AAX باستخدام حساب Avid Developer. بعد إنشاء حساب Apple Developer ، يجب توثيق البرنامج المطوَّر لنظام التشغيل Mac وتوقيعه باستخدام الأدوات التي توفرها Apple.

هل يجب عليك بيع البرنامج المساعد الخاص بك في أحد الأسواق؟

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

كيفية إنشاء البرنامج المساعد في WordPress مع مثال

لإنشاء ملحق في WordPress ، عليك اتباع الخطوات التالية: 1. أنشئ مجلدًا في دليل تثبيت WordPress (على سبيل المثال ، / wp-content / plugins / my-plugin /). 2. قم بإنشاء ملف PHP في هذا المجلد (على سبيل المثال ، my-plugin.php). 3. املأ ملف PHP بالشفرة التالية: / * اسم المكون الإضافي: URI الخاص بالمكون الإضافي الخاص بي: http://example.com/my-plugin الوصف: هذا هو إصدار المكون الإضافي الخاص بي: 1.0 المؤلف: John Doe Author URI: http: //example.com * / 4. احفظ الملف وقم بتحميله إلى دليل تثبيت WordPress الخاص بك. 5. قم بتنشيط المكون الإضافي من قائمة الملحقات في لوحة إدارة WordPress الخاصة بك.

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

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

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

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

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

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

الحصول على مكون إضافي في تعليق رأس WordPress الخاص بك

لإنجاز ذلك ، أضف سطرًا من التعليمات البرمجية إلى تعليق رأس المكون الإضافي. إذا لم يتم تحديد هذا السطر ، فسيعرض WordPress الملف الذي سيتم تحميل المكون الإضافي عليه. إليك ما يبدو أنه الكود: * br مطلوب ('./ myPlugin.php')؛ تتطلب ('./ myPlugin.php') ؛ يجب ملاحظة بعض الأشياء حول هذا الرمز. أول شيء يجب عليك فعله هو اختيار مسار لملف WordPress الذي تريد تحميله عند تنشيط المكون الإضافي. نتيجة لذلك ، في هذا المثال ، سيتم تحميل كود البرنامج المساعد myPlugin.php عند تشغيل المكون الإضافي. كنقطة ثانية يجب وضعها في الاعتبار ، لا تُرجع وظيفة الطلب أي نتائج. سيتعامل WordPress مع تحميل وتشغيل المكون الإضافي الخاص بك لأنه لا توجد حاجة لك لإرجاع أي شيء من المكون الإضافي. في تعليق الرأس الخاص بك ، يجب عليك تضمين المسار إلى ملف البرنامج المساعد في ما يلي. لذلك ، عندما تضيف تعليقًا رأسيًا للمكونات الإضافية لموقع WordPress الخاص بك ، قم بتضمين السطر التالي: سيتم عرض المكونات الإضافية في جذر الموقع. على سبيل المثال ، إذا كنت ترغب في شراء شيء ما ، يجب عليك تحديد متطلب ("./"). إذا كان المكون الإضافي الخاص بك موجودًا في دليل فرعي ، فتأكد من تضمين كل مسار الملف. مطلب ("./ myPlugin / myPlugin.php") ؛ وحدة مطلوبة. إذا كان المكون الإضافي موجودًا في مجلد سمة ، فيجب تضمين المسار إلى مجلد المكونات الإضافية: * br يرجى الانتقال إلى ('/wp-content/plugins/myPlugin/myPlugin.php') لطلب ذلك. إذا كان المكون الإضافي الخاص بك موجودًا في دليل فرعي لمجلد ملحقات القالب ، فسوف تقوم بتضمين المسار إليه في الدليل. ') (' ./myPlugin/myPlugin-sub directory / myPlugin.php ') أو')؛ '

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

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

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

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

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

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

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

كيفية إضافة رمز مخصص إلى موقع WordPress الخاص بك

إذا كنت تستخدم مكونًا إضافيًا مصممًا خصيصًا لإضافة رمز مخصص ، فيمكنك العثور على شفرة المصدر داخل مجلد المكون الإضافي. إذا كنت تستخدم المكون الإضافي Jetpack ، فيمكن العثور على شفرة المصدر هنا. br> يرجى العثور على URL / wp-content / plugins / jetpack /. يمكنك استخدام محرر نصوص لفتح الكود المصدري والبدء في كتابة الكود الخاص بك بمجرد اكتشافه. عادة ما يكون مؤلف المكون الإضافي مصدرًا جيدًا للمعلومات حول كيفية استخدام المكون الإضافي.

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

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

إنشاء البرنامج المساعد WordPress مع قاعدة بيانات من الصفر

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

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

إضافة برنامج مساعد مخصص إلى ووردبريس

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