Cara Membuat Plugin WordPress Sederhana

WordPress adalah favorit banyak orang, dan memang demikian adanya. Ini sangat mudah digunakan, gratis (atau sumber terbuka), fleksibel, dan bagian terbaiknya, cukup dapat diperluas. Berkat plugin, Anda dapat memperluas WordPress untuk menambahkan hampir semua fungsi yang Anda pikirkan.

Jika Anda seorang pemula yang sempurna, plugin WordPress sama seperti aplikasi di ponsel Anda. Ponsel Anda berfungsi dengan baik, namun Anda dapat menambahkan lebih banyak fungsi menggunakan aplikasi. Hal yang sama berlaku untuk sistem manajemen konten (CMS) WordPress.

Platform WordPress sudah kuat, tetapi Anda dapat mencapai lebih banyak hal dengan menggunakan plugin. Misalnya, plugin WordPress memungkinkan Anda menambahkan fungsionalitas tambahan seperti e-commerce, SEO, perlindungan spam, formulir lanjutan, media sosial, keamanan yang lebih baik, obrolan langsung, pembuatan halaman visual, dan banyak lagi.

Ada ribuan plugin WordPress gratis dan premium di luar sana. Repositori plugin WordPress resmi sendiri memiliki lebih dari 59.000 plugin gratis pada saat penulisan! Pasar lain, seperti CodeCanyon, menawarkan ribuan plugin WordPress premium.

Artinya, mungkin ada plugin untuk hampir semua fitur yang perlu Anda tambahkan ke situs WordPress Anda. Namun, terkadang, Anda mungkin memerlukan sesuatu yang tidak tersedia dari sumber plugin yang disebutkan di atas. Dalam hal ini, Anda mungkin perlu membuat plugin WordPress dari awal atau memodifikasi (atau membuat fork) plugin yang sudah ada.

Dan dalam postingan hari ini, kami akan menunjukkan kepada Anda cara menulis plugin WordPress sederhana, yang cocok jika Anda ingin membuat sesuatu yang sederhana atau langsung mendalami pengembangan plugin. Dengan pembukaan itu, mari kita mulai karena ada banyak hal yang harus dibahas.

Menulis Plugin WordPress Sederhana: Dasar-Dasar

Sebelum kita masuk ke bagian yang menyenangkan, ada beberapa hal dasar yang harus Anda ketahui. Sebagai seorang pemula, Anda mungkin berasumsi membuat plugin WordPress adalah hal yang sulit untuk dipecahkan. Ya, tidak juga. Siapa pun dapat mempelajari cara menulis plugin, baik Anda memiliki gelar di bidang ilmu komputer atau tidak.

Pada saat yang sama, beberapa pengetahuan pengkodean PHP akan sangat berguna jika Anda berencana untuk menulis lebih banyak plugin di masa depan. Itu karena plugin WordPress dikodekan dalam bahasa pemrograman PHP. Dengan pengetahuan ini, Anda akan lebih memahami cara kerja fungsi PHP, sehingga membuat pekerjaan Anda lebih mudah. Tetap saja, ini hal yang mudah.

Selain itu, bergantung pada fitur yang Anda perlukan, plugin Anda mungkin hanya berisi satu file atau beberapa file termasuk lembar gaya CSS, skrip JavaScript, dan file media. Terakhir, penting bagi Anda untuk memahami Standar Pengkodean WordPress dan praktik terbaiknya agar tetap aman.

Tenang saja karena hari ini kita tidak akan membahas hal-hal rumit. Saya akan menunjukkan cara menulis plugin sederhana dan membagikan beberapa alat dan sumber daya yang akan memudahkan pekerjaan Anda. Apakah kamu sudah bersemangat? Saya yakin berharap demikian ?

Apa yang Anda Butuhkan untuk Menulis Plugin WordPress

Anda memerlukan beberapa hal sebelum menulis plugin WordPress Anda. Sebagai permulaan, jangan menguji plugin Anda di situs langsung Anda. Jika terjadi kesalahan, Anda berisiko merusak situs web Anda, yang menyebabkan waktu henti yang parah saat Anda memperbaiki keadaan.

Sebagai gantinya, buat situs pengujian atau pementasan secara lokal atau di server Anda. Berikut caranya:

Instal WordPress Di Windows Secara Lokal Dengan WAMP
Instal WordPress Di Mac Secara Lokal Dengan MAMP

Alternatifnya, Anda dapat menggunakan alat seperti Lokal oleh Flywheel atau DevKinsta.

Selain itu, Anda memerlukan editor teks seperti Notepad++, SublimeText, atau Atom. Meskipun ini bukan keharusan, Anda dapat menggunakan alat seperti Pluginplate atau Plugin Boilerplate untuk mempercepat pengembangan (lebih lanjut tentang ini nanti).

Dan sekarang bagian yang menyenangkan, mari kita menulis plugin WordPress sederhana. Untuk tutorial ini, saya membuat plugin yang akan menambahkan jenis posting khusus untuk situs web restoran imajiner yang saya buat.

Bagi yang belum tahu, WordPress mendukung beberapa jenis postingan termasuk halaman, postingan, lampiran, revisi, dan menu navigasi. Untuk skenario kasus kami, kami akan membuat plugin sederhana yang menambahkan jenis posting khusus “Resep”. Sebagai ilustrasi, saya akan menyebut plugin saya “Resep Panas.”

Mari kita selami.

Cara Menulis Plugin WordPress Sederhana

Setiap plugin WordPress memiliki file utama yang dapat Anda buat secara manual atau menggunakan alat seperti Plugin Boilerplate atau Pluginplate. Untuk menghemat waktu, mari kita gunakan Pluginplate (lebih intuitif, IMO) untuk menghasilkan file utama dan beberapa file dan folder tambahan yang mungkin Anda perlukan nanti. Namun saat ini, kami hanya membutuhkan file utama.

Membuat File Utama

Kunjungi Pluginplate.com, dan klik tombol Buat Plugin Anda, seperti yang kami soroti di bawah.

Selanjutnya, isi informasi plugin Anda seperti yang ditunjukkan di bawah ini. Di bagian bawah halaman, Anda akan melihat bagian Modul yang memungkinkan Anda menambahkan fitur tambahan ke plugin Anda. Perhatikan juga bahwa Anda dapat menyesuaikan setiap modul dengan mengeklik Plus (+), seperti yang kami jelaskan di bawah. Setelah Anda puas, klik tombol Buat Plugin:

Setelah itu, klik tombol Unduh dan simpan plugin Anda ke komputer.

Sekarang, kita memiliki semua file dasar yang kita perlukan, termasuk file utama. Tapi jangan mengeluarkan gelembungnya dulu, plugin kami tidak akan melakukan apa pun sebagaimana adanya. Kita harus menambahkan kode yang akan dieksekusi ketika kita mengaktifkan plugin. Berdasarkan contoh kita, file utama saya adalah hot-recipes.php, yang merupakan file yang akan kita edit di bagian berikutnya.

Menambahkan Fungsi

Untuk menemukan file email hot-recipes.php, ekstrak folder ZIP yang Anda unduh dari Pluginplate:

Di dalam folder tersebut, Anda akan melihat file utama Anda, yang dalam kasus kami – sekali lagi – adalah hot-recipes.php:

Di dalam folder plugin, Anda dapat melihat banyak file lain tetapi kami tidak memerlukannya saat ini. Selanjutnya, mari kita tambahkan beberapa fungsi ke file utama. Buka file utama (hot-recipes.php) di editor teks favorit Anda (saya menggunakan Notepad++).

Anda akan melihat potongan kode berikut atau yang serupa tergantung pada cara Anda mengisi formulir di 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://vistamedia.me
* Description: The Hot Recipes WordPress plugins adds a custom post type suitable for restaurants.
* Version: 1.0.0
* Author: Freddy
* Author URI: https://vistamedia.me
* 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();

Bagus, semuanya tampak bagus. Kode di atas akan memberi tahu WordPress nama plugin serta versi, pembuat, lisensi, dan detail lainnya. Anda tidak perlu mengedit apa pun. Mari kita lanjutkan ke langkah berikutnya.

Tepat di bawah kode di atas, tambahkan kode berikut:

/**
 * 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' );

Kode di atas hanya mendaftarkan “resep” jenis posting khusus kami dengan serangkaian opsi. Itu juga menambahkan fitur seperti dukungan untuk revisi, bidang khusus, kutipan, komentar, gambar unggulan, dan sebagainya. Ini adalah fitur yang akan Anda lihat di dalam editor postingan saat menambahkan resep baru.

Selain itu: Sekarang, saya tidak akan terlalu khawatir tentang sintaksis saat ini sebagai pemula karena ini di luar cakupan postingan hari ini. Namun dengan sedikit pengetahuan PHP, Anda akan memahami setiap bagian dari kode di atas, dan apa fungsi setiap bagian. Selain itu, ada banyak sumber daya dan kode yang tersedia di internet untuk dipelajari dan dipraktikkan.

Kompres Folder Plugin Anda

Simpan semua perubahan Anda. Kompres folder resep-panas (ini adalah folder tempat Anda menemukan file utama resep-panas.php yang baru saja kita edit) ke dalam resep-panas.zip< arsip (di Mac semudah klik kanan, kompres file – dan di PC saya yakin ini sangat mirip). Pastikan folder Anda disimpan sebagai ekstensi .ZIP atau plugin tidak dapat dipasang.

Selanjutnya, masuk ke situs pengujian Anda dan navigasikan ke Plugin > Tambah Baru, seperti yang ditunjukkan di bawah ini.

Berikutnya, klik tombol Unggah Plugin, pilih folder ZIP plugin dari komputer Anda dan klik Instal Sekarang:

Selanjutnya, Aktifkan plugin:

Sekarang, jika Anda memeriksa menu admin WordPress, Anda akan melihat jenis postingan Resep baru kami, lengkap dengan kemampuan untuk menambahkan resep baru:

Selamat telah menulis plugin sederhana pertama Anda! Dengan pengenalan ini, Anda dapat melangkah lebih jauh dan bermain-main dengan kode untuk melihat apa yang bisa Anda dapatkan. Selain itu, Anda juga dapat mempelajari kode sumber plugin lain (semua plugin WordPress bersumber terbuka) untuk mempelajari lebih lanjut.

Sekarang yang Anda butuhkan hanyalah beberapa sumber daya lagi (lihat Buku Panduan Plugin) dan banyak latihan dan Anda akan dapat melakukan coding dalam waktu singkat seperti Anda yang sudah menjadi legenda.

Memprogram dan menulis plugin WordPress mungkin tampak menakutkan pada awalnya, terutama bagi seorang pemula. Namun dengan alat yang tepat dan beberapa sumber pembelajaran, Anda dapat mengembangkan plugin seperti bos dalam waktu singkat. Hanya perlu beberapa keahlian coding dan tekad, dan Anda sudah setengah jalan menuju ke sana.

Saya harap tutorial ini mengarahkan Anda ke arah yang benar dalam memahami plugin. Posting ini harus menjadi batu loncatan untuk mengembangkan plugin WordPress kompleks yang dapat melakukan apa pun yang Anda inginkan. Jangan berhenti di sini, lihat sumber daya yang saya rekomendasikan di atas untuk menambah pengetahuan Anda tentang pengembangan plugin WordPress.

Jika menurut Anda tutorial ini bermanfaat atau jika Anda memiliki hal lain untuk ditambahkan, kami ingin mengetahuinya. Silakan bagikan pemikiran Anda di bagian komentar di bawah. Sampai jumpa!