كيفية تخصيص ملحقات WordPress لجعلها تعمل لموقعك على الويب

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

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

من المحتمل أن تواجه بعض المطبات في الطريق مع إضافات WordPress الخاصة بك أو كتابتها بنفسك. يتضمن ذلك عدم الاحتفاظ بنسخة احتياطية من موقع الويب الخاص بك قبل بدء العملية ، بالإضافة إلى تغيير رمز المكون الإضافي دون حفظ الأصل أولاً. يمكن حل هذا في كثير من الحالات ، ولكن يمكن أن يؤدي أيضًا إلى إجهاد غير ضروري. تعد "White Screen of Death" واحدة من أكثر المشكلات شيوعًا التي يواجهها مطورو المكونات الإضافية. يحدث هذا بشكل شائع بسبب أخطاء PHP أو مشكلة تتعلق بحد الذاكرة. إذا كنت تشك في أن المكونات الإضافية الخاصة بك تسبب ذلك ، فقم بإلغاء تنشيطها جميعًا وتمكينها / إعادة تنشيطها في نفس الوقت حتى تكتشف المصدر. يوفر WP Engine متخصصين في WordPress للإجابة على أي وجميع الأسئلة التي قد تكون لديكم.

كيف يمكنني تعديل البرنامج المساعد WordPress؟

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

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

بمجرد الانتهاء ، انقر فوق زر "ملف التحديث". كيفية تحرير كود البرنامج المساعد في ووردبريس

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

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

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

يتيح لك هذا المكون الإضافي استخدام أنماط CSS مخصصة لتجاوز السمة الافتراضية أو المكون الإضافي. ستعمل الأنماط التي تم إنشاؤها باستخدام هذا المكون الإضافي بغض النظر عن السمة التي يتم تغييرها. الإصدار 4.0.5 يحتوي على ميزة جديدة. يمكنك الحصول على مساعدة بشأن AMP. لم يعد يُدرج في قائمة الأنماط المحفوظة في الملف الزائف ، بل يطبعها مباشرةً في الملف من خلال دعم اللغة الدنماركية ، ومن خلال تحسين البنية ، يمكنك تقليل عدد الاستعلامات. السماح للمسؤولين الآخرين (وليس فقط المشرفين المتميزين) بالوصول إلى المكون الإضافي سيجعله يظهر على النحو التالي: ... على الرغم من عدم وجود ملفات css مطلوبة. فيما يلي طريقة أكثر أناقة لإضافة CSS إلى الصفحة. يتم إنشاء CSS مباشرة في simple-custom-css.html بدلاً من print_scripts () باستخدام مكتبة WordPress simple-custom-js.html ، ثم يتم دمجها في الصفحة عبر WP_enqueue_scripts.

كيفية تخصيص ملحقات WordPress

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

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

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

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

تأكد من تضمين ملف login-logo.png في الدليل / images / لمظهرك الفرعي الجديد. أنا معجب كبير بالشبكة الاجتماعية وأردت أن أجعل من السهل على القراء التعليق على المشاركات من حسابات + G الخاصة بهم. ستوجهك هذه المقالة خلال عملية إنشاء موقع ويب خاص بك. يتم تصنيف وظائف السمات في عدد من الفئات ، ولكن يكون من الأنسب أحيانًا استخدام مكون إضافي مخصص لغرض معين. يمكنك إضافة وظائف أو تغييرها أو حذفها في عميل FTP.

قوة إضافات WordPress

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

البرنامج المساعد المخصص وورد

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

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

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

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

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

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

يتيح لك استخدام مكونات WordPress الإضافية إضافة ميزات إلى موقع الويب الخاص بك دون تشفير. ما عليك سوى إنشاء مجلد ثم ملف واحد يحتوي على سطر واحد من النص. بعد إنشاء المكون الإضافي ، انتقل إلى مجلد WP-content / plugins وأنشئ مجلدًا جديدًا باسم awesomeplugin. بعد ذلك ، بمجرد إدخال المجلد ، سترى ملف awesomeplugin.html. أخيرًا ، قم بتنشيط المكون الإضافي من خلال الانتقال إلى لوحة إدارة WordPress وتحديد خيار قائمة "المكونات الإضافية". بعد تنشيط المكون الإضافي ، سيبدأ موقع الويب الخاص بك في قول "Hello World!" في أعلى اليسار ، يوجد ارتباط على اليسار.

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

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

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

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

المكون الإضافي متعدد المواقع لا يدعم تنشيط الشبكة. لاستخدام المكون الإضافي على شبكة متعددة المواقع ، يجب عليك تنشيطه في كل موقع على حدة. يجب أن يكون لديك WooCommerce 3.8.4+ مثبتًا. لم يتم اختبار هذا المكون الإضافي في أحدث إصدارات WordPress الرئيسية. هناك احتمال ألا يتم صيانته أو دعمه ، كما أنه من المحتمل ألا يعمل عند استخدام إصدارات WordPress الأحدث من 2015. كل واحد منهم يستحق المراجعة. Customizer for WooCommerce هي أداة مفتوحة المصدر تسمح لك بتخصيص WooCommerce.

كيفية تخصيص البرنامج المساعد Woocommerce

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

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

لإنشاء مكون إضافي في WordPress ، ستحتاج إلى اتباع الخطوات التالية:
1. قم بإنشاء مجلد جديد وقم بتسميته شيئًا مثل "my-plugin".
2. قم بإنشاء ملف جديد داخل المجلد وقم بتسميته “my-plugin.php”.
3. افتح الملف في محرر نصي وأضف الكود التالي:
/ *
اسم البرنامج المساعد: My Plugin
عنوان URL للمكون الإضافي: http://example.com/
الوصف: هذا هو أول مكون إضافي لي.
المؤلف: جون دو
الإصدار: 1.0.2
معرّف URI للمؤلف: http://example.com/
* /
// رمزك هنا…
4. احفظ الملف وقم بتحميله إلى مجلد "wp-content / plugins" في موقع WordPress الخاص بك.
5. قم بتنشيط المكون الإضافي من صفحة "الملحقات" في لوحة إدارة WordPress الخاصة بك.
6. يجب أن ترى الآن "My Plugin" مدرجًا كأحد المكونات الإضافية المثبتة.

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

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

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

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

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

لإنشاء مكون إضافي لموقع ويب ، ستحتاج إلى فهم أساسي للغات الترميز مثل HTML و CSS وجافا سكريبت. بمجرد أن تفهم جيدًا هذه اللغات ، يمكنك البدء في إنشاء المكون الإضافي الخاص بك باتباع الخطوات التالية:
1. أولاً ، سوف تحتاج إلى إنشاء مجلد على جهاز الكمبيوتر الخاص بك حيث ستخزن فيه جميع الملفات للمكون الإضافي الخاص بك.
2. ثانيًا ، ستحتاج إلى إنشاء ملف HTML يحتوي على رمز البرنامج المساعد الخاص بك.
3. ثالثًا ، ستحتاج إلى إنشاء ملف CSS يحتوي على رمز التصميم الخاص بالمكون الإضافي الخاص بك.
4. أخيرًا ، ستحتاج إلى إنشاء ملف JavaScript يحتوي على رمز الوظيفة الخاص بالمكوِّن الإضافي الخاص بك.
بمجرد إنشاء جميع الملفات الضرورية للمكون الإضافي الخاص بك ، يمكنك بعد ذلك تحميلها على خادم موقع الويب الخاص بك وتنشيط المكون الإضافي الخاص بك.

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

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

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

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

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

إنشاء مكون إضافي مخصص باستخدام WordPress

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