كيفية إنشاء ملحق WordPress بسيط

هل ترغب في معرفة كيفية إنشاء ملف وورد البرنامج المساعد بسيط؟

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

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

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

هناك الآلاف من الإضافات وورد مجاني ومتميز. ال مستودع البرنامج المساعد الرسمي لـ WordPress وحده لديه أكثر من 59 مكون إضافي مجاني في وقت كتابة هذا التقرير! الأسواق الأخرى ، مثل CodeCanyon، نقدم لك الآلاف من مكونات WordPress الإضافية المتميزة.

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

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

ولكن من قبل ، إذا لم تقم بتثبيت WordPress ، فاكتشف كيفية تثبيت وورد بلوق الخطوات 7 et كيفية العثور عليها، وتثبيت وتفعيل موضوع ورد على بلوق 

ثم عد إلى سبب وجودنا هنا.

كتابة ملحق WordPress بسيط: الأساسيات

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

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

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

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

ما تحتاجه لكتابة مكون إضافي لبرنامج WordPress

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

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

• قم بتثبيت WordPress على Windows محليًا باستخدام XAMPP
• قم بتثبيت WordPress على Mac محليًا باستخدام MAMP

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

لنكتب الآن إضافة WordPress بسيطة. في هذا البرنامج التعليمي ، سننشئ مكونًا إضافيًا سيضيف نوع منشور مخصصًا لموقع ويب مطعم سننشئه.

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

كيفية كتابة ملحق WordPress بسيط

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

انشاء الملف الرئيسي

زيارة pluginplate.com وانقر على زر قم بإنشاء المكون الإضافي الخاص بك، كما نبرز أدناه.

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

بعد ذلك ، انقر فوق الزر تحميل وحفظ المكون الإضافي الخاص بك على جهاز الكمبيوتر الخاص بك.

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

إضافة وظائف

لتحديد موقع الملف وصفات ساخنة. php، قم باستخراج مجلد ZIP الذي قمت بتنزيله من Pluginplate:

داخل المجلد ، من المفترض أن ترى ملفك الرئيسي ، وهو في حالتنا - مرة أخرى - وصفات ساخنة. بى:

في مجلد البرنامج المساعد ، يمكنك رؤية مجموعة من الملفات الأخرى ، لكننا لسنا بحاجة إليها الآن. بعد ذلك ، دعنا نضيف بعض الوظائف إلى الملف الرئيسي. افتح الملف الرئيسي (وصفات ساخنة. php) في محرر النصوص المفضل لديك (نستخدم Visual Studio Code).

انظر أيضا: كيفية تعطيل التعليقات في WordPress

سترى مقتطف الشفرة التالي أو شيء مشابه بناءً على كيفية ملء النموذج على Pluginplate:

<?php
/**
 * Recettes Chaudes
 *
 * @package       RECETTESCH
 * @author        Passi
 * @license       gplv2
 * @version       1.0.0
 *
 * @wordpress-plugin
 * Plugin Name:   Recettes Chaudes
 * Plugin URI:    https://blogpascher.com/
 * Description:   Recettes Chaudes permet de créer un type de post personnalisé pour un restaurant
 * Version:       1.0.0
 * Author:        Passi
 * Author URI:    https://blogpascher.com/
 * Text Domain:   recettes-chaudes
 * Domain Path:   /languages
 * License:       GPLv2
 * License URI:   https://www.gnu.org/licenses/gpl-2.0.html
 *
 * You should have received a copy of the GNU General Public License
 * along with Recettes Chaudes. If not, see <https://www.gnu.org/licenses/gpl-2.0.html/>.
 */

// Exit if accessed directly.
if ( ! defined( 'ABSPATH' ) ) exit;
// Plugin name
define( 'RECETTESCH_NAME',			'Recettes Chaudes' );

// Plugin version
define( 'RECETTESCH_VERSION',		'1.0.0' );

// Plugin Root File
define( 'RECETTESCH_PLUGIN_FILE',	__FILE__ );

// Plugin base
define( 'RECETTESCH_PLUGIN_BASE',	plugin_basename( RECETTESCH_PLUGIN_FILE ) );

// Plugin Folder Path
define( 'RECETTESCH_PLUGIN_DIR',	plugin_dir_path( RECETTESCH_PLUGIN_FILE ) );

// Plugin Folder URL
define( 'RECETTESCH_PLUGIN_URL',	plugin_dir_url( RECETTESCH_PLUGIN_FILE ) );

/**
 * Load the main class for the core functionality
 */
require_once RECETTESCH_PLUGIN_DIR . 'core/class-recettes-chaudes.php';

/**
 * The main function to load the only instance
 * of our master class.
 *
 * @author  Passi
 * @since   1.0.0
 * @return  object|Recettes_Chaudes
 */
function RECETTESCH() {
	return Recettes_Chaudes::instance();
}

RECETTESCH();

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

أضف الكود التالي أسفل الكود أعلاه:

/**
 * Registers the recettes post type.
 */
function recettes_chaudes_register_post_types() {

	// Set UI labels for the recettes post type.
	$labels = array(
		'name' => _x( 'Recettes', 'Post Type General Name', 'recettes_chaudes' ),
		'singular_name' => _x( 'Recette', 'Post Type Singular Name', 'recettes_chaudes' ),
		'menu_name' => __( 'Recettes', 'recettes_chaudes' ),
		'parent_item_colon' => __( 'Parent Recette', 'recettes_chaudes' ),
		'all_items' => __( 'All Recettes', 'recettes_chaudes' ),
		'view_item' => __( 'View Recettes', 'recettes_chaudes' ),
		'add_new_item' => __( 'Add New Recette', 'recettes_chaudes' ),
		'add_new' => __( 'Add New', 'recettes_chaudes' ),
		'edit_item' => __( 'Edit Recette', 'recettes_chaudes' ),
		'update_item' => __( 'Update Recette', 'recettes_chaudes' ),
		'search_items' => __( 'Search Recette', 'recettes_chaudes' ),
		'not_found' => __( 'Not Found', 'recettes_chaudes' ),
		'not_found_in_trash' => __( 'Not found in Trash', 'recettes_chaudes' ),
	);

	// Set other arguments for the recettes post type.
	$args = array(
		'label' => __( 'recettes', 'recettes_chaudes' ),
		'description' => __( 'recettes.', 'recettes_chaudes' ),
		'labels' => $labels,
		'supports' => array(
			'title',
			'editor',
			'excerpt',
			'author',
			'thumbnail',
			'comments',
			'revisions',
			'custom-fields',
		),
		'taxonomies' => array(),
		'hierarchical' => false,
		'public' => true,
		'show_ui' => true,
		'show_in_menu' => true,
		'show_in_nav_menus' => true,
		'show_in_admin_bar' => true,
		'menu_position' => 5,
		'can_export' => true,
		'has_archive' => true,
		'exclude_from_search' => false,
		'publicly_queryable' => true,
		'capability_type' => 'post',
		'show_in_rest' => true,
	);

	// Registes the recettes post type.
	register_post_type( 'recettes', $args );

}
add_action( 'init', 'recettes_chaudes_register_post_types' );

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

قم بضغط مجلد البرنامج المساعد الخاص بك

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

انظر أيضا: كيفية إضافة التمرير اللانهائي على WordPress

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

ثم انقر على زر تحميل البرنامج المساعد، اختر مجلد البرنامج المساعد ZIP على جهاز الكمبيوتر الخاص بك وانقر فوق تثبيت الآن:

ثم نشط البرنامج المساعد

الآن إذا قمت بالتحقق من قائمة مسؤول WordPress الخاصة بك ، فستلاحظ نوعك الجديد نشر الوصفاتمع امكانية اضافة وصفات جديدة:

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

الآن كل ما تحتاجه هو بعض الموارد الإضافية (راجع ملف دليل البرنامج المساعد) والكثير من التدريب وستكون البرمجة في لمح البصر.

ليرة aussi كيفية إزالة رابط "Proudly Powered by WordPress"

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

الموارد الأخرى الموصى بها

ندعوك أيضًا إلى الرجوع إلى الموارد الموضحة أدناه للمضي قدمًا في قبضة والتحكم في موقع الويب والمدونة.

• 10 مكونات ووردبريس تستخدم لإدارة الإعلانات
• بعض الإضافات لدمج خدمات جوجل على بلوق
• كيفية إنشاء قوالب مخصصة وورد
• 10 ملحقات WordPress التابعة لإنشاء برنامج
• باستخدام مختلف الخلفيات وورد

وفي الختام

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

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

في هذه الأثناء، شارك هذا المقال على الشبكات الاجتماعية المختلفة.   

...