מדריך איך ליצור תוסף וורדפרס פשוט
וורדפרס היא חביבת רבים, ובצדק. זה קל להפליא לשימוש, חינמי (או קוד פתוח), גמיש, והחלק הטוב ביותר, ניתן להרחבה. הודות לתוספים, אתה יכול להרחיב את וורדפרס כדי להוסיף כמעט כל פונקציונליות שאתה חושב.
אם אתה המתחיל המושלם, תוספים של וורדפרס הם בדיוק כמו האפליקציות בטלפון שלך. הטלפון שלך עובד מצוין כמו שהוא, אבל אתה יכול להוסיף עוד פונקציונליות באמצעות אפליקציות. כך גם לגבי מערכת ניהול התוכן של וורדפרס (CMS).
פלטפורמת וורדפרס כבר חזקה, אבל אתה יכול להשיג הרבה יותר באמצעות תוספים. לדוגמה, תוספי וורדפרס מאפשרים לך להוסיף פונקציונליות נוספת כגון מסחר אלקטרוני, קידום אתרים, הגנה מפני דואר זבל, טפסים מתקדמים, מדיה חברתית, אבטחה טובה יותר, צ'אט חי, בניית דפים ויזואלית ועוד הרבה יותר.
ישנם אלפי תוספים חינמיים ופרימיום של וורדפרס בחוץ. למאגר התוספים הרשמי של וורדפרס לבדו יש למעלה מ-59,000 תוספים חינמיים בזמן הכתיבה! מקומות שיווק אחרים, כגון CodeCanyon , מציעים לך אלפי תוספים מובחרים של וורדפרס.
זה אומר שאולי יש תוסף כמעט לכל תכונה שאתה צריך להוסיף לאתר הוורדפרס שלך. ובכל זאת, לפעמים, ייתכן שתזדקק למשהו שאינו זמין ממקורות הפלאגין שהוזכרו לעיל. במקרה כזה, ייתכן שתצטרך ליצור תוסף וורדפרס מאפס או לשנות (או לחלק) תוסף קיים.
ובפוסט של היום נראה לכם איך כותבים תוסף וורדפרס פשוט, וזה נחמד אם אתם רוצים ליצור משהו פשוט או לצלול ראש בפיתוח תוספים. עם ההקדמה הזו, בואו נתחיל כי יש המון דברים לכסות.
כתיבת תוסף וורדפרס פשוט: היסודות
לפני שנגיע לחלק המהנה, יש כמה דברים בסיסיים שכדאי לדעת. בתור מתחיל, אתה עשוי להניח שיצירת תוספים וורדפרס היא אגוז שקשה לפצח. ובכן לא באמת. כל אחד יכול ללמוד איך לכתוב תוסף בין אם יש לך תואר במדעי המחשב או לא.
יחד עם זאת, ידע בקידוד PHP יגיע רחוק אם אתה מתכנן לכתוב תוספים נוספים בעתיד. הסיבה לכך היא שתוספי וורדפרס מקודדים בשפת התכנות PHP. עם הידע הזה, תבינו טוב יותר כיצד פועלות פונקציות PHP , מה שמקל על העבודה שלכם הרבה יותר. ובכל זאת, זה חומר קל.
כמו כן, בהתאם לתכונות שאתה צריך, התוסף שלך עשוי להכיל רק קובץ אחד או קבצים מרובים כולל גיליונות סגנונות CSS, סקריפטים של JavaScript וקובצי מדיה. לבסוף, חשוב להכיר את תקני קידוד וורדפרס ושיטות עבודה מומלצות כדי להישאר על הצד הבטוח.
תהיו רגועים כי היום לא נצא לדברים המורכבים. אני אראה לך איך לכתוב תוסף פשוט ולשתף כמה כלים ומשאבים שיהפכו את העבודה שלך לפשוטה. אתה כבר מתרגש? אני בהחלט מקווה שכן
מה אתה צריך כדי לכתוב תוסף וורדפרס
תזדקק לכמה דברים שקורים לפני כתיבת תוסף וורדפרס שלך. בתור התחלה, אל תבדוק את התוסף שלך באתר החי שלך. אם משהו משתבש, אתה מסתכן בהפקת האתר שלך, מה שמוביל להשבתות איומות בזמן שאתה מתקן דברים.
תזדקק לעורך טקסט כגון Notepad++ , SublimeText או Atom . למרות שזה לא חובה, אתה יכול להשתמש בכלים כגון Pluginplate או Plugin Boilerplate כדי להאיץ את הפיתוח (עוד על כך בהמשך).
ועכשיו החלק המהנה, הרשו לנו לכתוב תוסף וורדפרס פשוט. עבור המדריך הזה, אני יוצר תוסף שיוסיף סוג פוסט מותאם אישית לאתר מסעדה דמיוני שאני בונה.
לחסרי ניסיון, וורדפרס תומכת במספר סוגי פוסטים , כולל עמוד, פוסט, קובץ מצורף, עדכון ותפריט ניווט. לתרחיש המקרה שלנו, ניצור תוסף פשוט שמוסיף את סוג הפוסט המותאם אישית "מתכון". למטרות המחשה, אקרא לתוסף שלי "מתכונים חמים".
אולי יעניין אותך גם: 8 טיפים לניהול עמוד עסקי פייסבוק
תן לנו לצלול ישר פנימה.
כיצד לכתוב תוסף וורדפרס פשוט
לכל תוסף וורדפרס יש קובץ ראשי שניתן ליצור באופן ידני או באמצעות כלים כגון Plugin Boilerplate או Pluginplate. כדי לחסוך זמן, תן לנו להשתמש ב-Pluginplate (זה יותר אינטואיטיבי, IMO) כדי ליצור את הקובץ הראשי וכמה קבצים ותיקיות נוספים שאולי תזדקק להם מאוחר יותר. עם זאת, כרגע אנחנו פשוט צריכים את הקובץ הראשי.
יצירת הקובץ הראשי
עבור אל Pluginplate.com , ולחץ על כפתור Create Your Plugin , כפי שאנו מדגישים להלן.
לאחר מכן, מלא את פרטי הפלאגין שלך כפי שמוצג להלן. לקראת, בתחתית העמוד, תבחין בקטע המודולים המאפשר לך להוסיף תכונות נוספות לפלאגין שלך. שים לב, גם, שאתה יכול להתאים אישית כל מודול על ידי לחיצה על הפלוס (+) , כפי שנפרט להלן. לאחר שתהיה מרוצה, לחץ על הלחצן Generate Plugin
לאחר מכן, לחץ על כפתור הורד ושמור את התוסף שלך במחשב.
כעת, יש לנו את כל הקבצים הבסיסיים שאנו צריכים, כולל הקובץ הראשי. אבל אל תפוצץ את המבעבע עדיין, התוסף שלנו לא יעשה כלום כמו שהוא. עלינו להוסיף את הקוד שיופעל כאשר נפעיל את התוסף. בהתבסס על הדוגמה שלנו, הקובץ הראשי שלי הוא hot-recipes.php , שהוא הקובץ שנערוך בסעיף הבא.
הוספת פונקציות
כדי לאתר את קובץ הדואר hot-recipes.php , חלץ את תיקיית ה-ZIP שהורדת מ-Pluginplate:
בתוך התיקיה, אתה אמור לראות את הקובץ הראשי שלך, שבמקרה שלנו – שוב – הוא hot-recipes.php :
בתוך תיקיית הפלאגין, אתה יכול לראות חבורה של קבצים אחרים אבל אנחנו לא צריכים אותם כרגע. לאחר מכן, הבה נוסיף כמה פונקציות לקובץ הראשי. פתח את הקובץ הראשי ( hot-recipes.php ) בעורך הטקסט המועדף עליך (אני משתמש ב-Notepad++).
תראה את קטע הקוד הבא או משהו דומה בהתאם לאופן שבו מילאת את הטופס ב-Pluginplate:
<?php
/**
* Hot Recipes
*
* @package HOTRECIPES
* @author Freddy
* @license gplv2–or–later
* @version 1.0.0
*
* @wordpress–plugin
* Plugin Name: Hot Recipes
* Plugin URI: https://kiryatech.com/
* Description: The Hot Recipes WordPress plugins adds a custom post type suitable for restaurants.
* Version: 1.0.0
* Author: Freddy
* Author URI: https://kiryatech.com/
* Text Domain: hot–recipes
* Domain Path: /languages
* License: GPLv2 or later
* 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 Hot Recipes. If not, see <https://www.gnu.org/licenses/gpl-2.0.html/>.
*/
// Exit if accessed directly.
if ( ! defined( 'ABSPATH' ) ) exit;
// Plugin name
define( 'HOTRECIPES_NAME', 'Hot Recipes' );
// Plugin version
define( 'HOTRECIPES_VERSION', '1.0.0' );
// Plugin Root File
define( 'HOTRECIPES_PLUGIN_FILE', __FILE__ );
// Plugin base
define( 'HOTRECIPES_PLUGIN_BASE', plugin_basename( HOTRECIPES_PLUGIN_FILE ) );
// Plugin Folder Path
define( 'HOTRECIPES_PLUGIN_DIR', plugin_dir_path( HOTRECIPES_PLUGIN_FILE ) );
// Plugin Folder URL
define( 'HOTRECIPES_PLUGIN_URL', plugin_dir_url( HOTRECIPES_PLUGIN_FILE ) );
/**
* Load the main class for the core functionality
*/
require_once HOTRECIPES_PLUGIN_DIR . 'core/class-hot-recipes.php';
/**
* The main function to load the only instance
* of our master class.
*
* @author Freddy
* @since 1.0.0
* @return object|Hot_Recipes
*/
function HOTRECIPES() {
return Hot_Recipes::instance();
}
HOTRECIPES();
נחמד, הכל נראה נהדר. הקוד לעיל יספר לוורדפרס את שם התוסף וכן את הגרסה, המחבר, הרישיון ופרטים נוספים. אתה לא צריך לערוך שום דבר. הבה נעבור לשלב הבא.
ממש מתחת לקוד שלמעלה, הוסף את הקוד הבא:
/**
* Registers the recipes post type.
*/
function hot_recipes_register_post_types() {
// Set UI labels for the recipes post type.
$labels = array(
'name' => _x( 'Recipes', 'Post Type General Name', 'hot-recipes' ),
'singular_name' => _x( 'Recipe', 'Post Type Singular Name', 'hot-recipes' ),
'menu_name' => __( 'Recipes', 'hot-recipes' ),
'parent_item_colon' => __( 'Parent Recipe', 'hot-recipes' ),
'all_items' => __( 'All Recipes', 'hot-recipes' ),
'view_item' => __( 'View Recipe', 'hot-recipes' ),
'add_new_item' => __( 'Add New Recipe', 'hot-recipes' ),
'add_new' => __( 'Add New', 'hot-recipes' ),
'edit_item' => __( 'Edit Recipe', 'hot-recipes' ),
'update_item' => __( 'Update Recipe', 'hot-recipes' ),
'search_items' => __( 'Search Recipe', 'hot-recipes' ),
'not_found' => __( 'Not Found', 'hot-recipes' ),
'not_found_in_trash' => __( 'Not found in Trash', 'hot-recipes' ),
);
// Set other arguments for the recipes post type.
$args = array(
'label' => __( 'recipes', 'hot-recipes' ),
'description' => __( 'Recipes.', 'hot-recipes' ),
'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 recipes post type.
register_post_type( 'recipes', $args );
}
add_action( 'init', 'hot_recipes_register_post_types' );
הקוד לעיל פשוט רושם את סוג הפוסט המותאם אישית שלנו "מתכונים" עם מגוון אפשרויות. זה גם מוסיף תכונות כמו תמיכה בתיקונים, שדות מותאמים אישית, קטעים, הערות, תמונה מוצגת וכן הלאה. אלה התכונות שתראה בתוך עורך הפוסטים בעת הוספת מתכון חדש.
בצד: עכשיו, לא הייתי דואג הרבה לגבי התחביר בשלב זה בתור מתחיל כי זה מעבר לתחום הפוסט של היום. אבל עם קצת ידע ב-PHP, אתה תבין כל חלק בקוד לעיל, ומה כל חלק עושה. חוץ מזה, יש המון משאבים וקוד באינטרנט כדי ללמוד ולתרגל.
דחוס את תיקיית הפלאגין שלך
שמור את כל השינויים שלך. דחוס את תיקיית hot-recipes (זו התיקיה שבה מצאת את הקובץ הראשי של hot-recipes.php שערכנו זה עתה) לארכיון hot-recipes.zip (ב-Mac זה קל כמו לחיצה ימנית, דחיסה של קובץ – ובהמשך מחשב אני מאמין שזה מאוד דומה). רק ודא שהתיקיה שלך נשמרת בתור סיומת .ZIP אחרת התוסף לא יותקן.
לאחר מכן, היכנס לאתר הבדיקה שלך ונווט אל תוספים > הוסף חדש
לאחר מכן, לחץ על כפתור העלה תוסף , בחר את תיקיית ה-ZIP של הפלאגין מהמחשב שלך ולחץ על התקן כעת
לאחר מכן, הפעל את הפלאגין
כעת, אם תבדוק את תפריט הניהול של וורדפרס, תבחין בסוג הפוסט החדש של המתכונים שלנו , הכולל את היכולת להוסיף מתכונים חדשים:
מזל טוב על כתיבת התוסף הפשוט הראשון שלך! עם ההקדמה הזו, אתה יכול ללכת רחוק יותר ולשחק עם הקוד כדי לראות מה אתה יכול להשיג. כמו כן, אתה יכול ללמוד את קוד המקור של תוספים אחרים (כל התוספים של וורדפרס הם קוד פתוח) כדי ללמוד עוד.
תכנות וכתיבת תוספי וורדפרס יכולים להיראות מאיימים בהתחלה, במיוחד כמתחילים. אבל עם הכלים הנכונים וכמה משאבי למידה, אתה יכול לפתח תוספים כמו בוס תוך זמן קצר. זה רק דורש כמה צלעות קידוד ונחישות ואתה באמצע הדרך.
אני מקווה שהמדריך הזה הפנה אותך לכיוון הנכון בכל הנוגע להבנת התוספים. פוסט זה אמור לשמש כריעה לפיתוח תוספי וורדפרס מורכבים שעושים מה שתרצו.