Cara Membuat Plugin WordPress Sendiri dari Nol

Bagi pengguna WordPress, plugin adalah elemen penting yang memberi kekuatan ekstra pada website. Tapi tahukah kamu bahwa kamu bisa membuat plugin sendiri sesuai kebutuhan? Artikel ini akan membahas cara membuat plugin WordPress sendiri dari nol, lengkap dengan penjelasan konsep, struktur file, dan contoh kode sederhana. Dengan memahami cara kerjanya, kamu bisa mengembangkan fitur unik tanpa bergantung pada plugin pihak ketiga.

Apa Itu Plugin WordPress dan Fungsinya

Sebelum masuk ke tahap praktik, mari pahami dulu apa itu plugin. Plugin adalah komponen tambahan yang memperluas fungsi inti WordPress. Misalnya, jika kamu ingin menambahkan form kontak, galeri, sistem login custom, atau integrasi API eksternal, semua itu bisa dilakukan dengan plugin.

Plugin WordPress dibuat menggunakan bahasa PHP, dan dijalankan melalui hook system WordPress seperti actions dan filters.

Keunggulan membuat plugin sendiri:

Fitur bisa disesuaikan sepenuhnya.
Tidak bergantung pada pihak ketiga.
Lebih ringan karena hanya memuat fungsi yang kamu butuhkan.

Persiapan Sebelum Membuat Plugin

Sebelum mulai coding, pastikan kamu sudah menyiapkan:

✅ Lingkungan pengembangan lokal seperti XAMPP, Laragon, atau Local by Flywheel.
✅ Instalasi WordPress yang aktif.
✅ Teks editor seperti Visual Studio Code atau Sublime Text.

Kamu akan membuat plugin di folder:

/wp-content/plugins/

Semua plugin WordPress disimpan di dalam direktori ini.

Struktur Dasar Plugin WordPress

Setiap plugin memiliki minimal satu file PHP utama, biasanya dinamai sesuai plugin. Misalnya, kita akan membuat plugin bernama Simple Custom Greeting.

Langkah pertama, buat folder baru:

/wp-content/plugins/simple-custom-greeting/

Di dalam folder tersebut, buat file utama:

simple-custom-greeting.php

Tambahkan header berikut di baris pertama file PHP:

<?php
/*
Plugin Name: Simple Custom Greeting
Plugin URI: https://example.com/
Description: Plugin sederhana untuk menampilkan pesan sambutan di halaman depan.
Version: 1.0
Author: Nama Kamu
Author URI: https://example.com/
License: GPL2
*/

Header ini wajib ada agar WordPress mengenali plugin. Setelah kamu menyimpannya, plugin akan muncul di menu Plugins > Installed Plugins di dashboard WordPress.

Menambahkan Fungsi Dasar pada Plugin

Sekarang, mari kita tambahkan kode untuk menampilkan pesan sambutan sederhana.
Tambahkan script berikut di bawah header:

function scg_display_greeting() {
    echo '<p style="text-align:center; font-size:18px;">Selamat datang di website kami!</p>';
}

// Menampilkan pesan di bagian bawah halaman
add_action('wp_footer', 'scg_display_greeting');

Fungsi add_action() digunakan untuk mengaitkan fungsi scg_display_greeting() ke hook wp_footer, artinya pesan akan muncul di bagian bawah halaman website.

Jika kamu mengaktifkan plugin dan membuka situs, kamu akan melihat pesan sambutan di footer halaman.

Menambahkan Halaman Pengaturan di Dashboard

Agar plugin lebih profesional, mari tambahkan halaman pengaturan di menu admin.
Tambahkan kode berikut di file yang sama:

// Menambahkan menu di admin
function scg_add_admin_menu() {
    add_menu_page(
        'Custom Greeting', 
        'Greeting Settings', 
        'manage_options', 
        'scg-settings', 
        'scg_settings_page',
        'dashicons-smiley'
    );
}
add_action('admin_menu', 'scg_add_admin_menu');

// Halaman pengaturan
function scg_settings_page() {
    ?>
    <div class="wrap">
        <h1>Pengaturan Custom Greeting</h1>
        <form method="post" action="options.php">
            <?php
            settings_fields('scg_settings_group');
            do_settings_sections('scg-settings');
            submit_button();
            ?>
        </form>
    </div>
    <?php
}

Kode di atas menambahkan menu baru “Greeting Settings” di sidebar admin. Namun, kita perlu mendaftarkan setting-nya agar bisa menyimpan data.

Menyimpan dan Mengambil Data dari Database

Tambahkan fungsi berikut untuk mendaftarkan setting dan membuat input teks di halaman pengaturan:

function scg_register_settings() {
    register_setting('scg_settings_group', 'scg_greeting_text');

    add_settings_section('scg_main_section', 'Pengaturan Pesan Sambutan', null, 'scg-settings');

    add_settings_field('scg_greeting_text_field', 'Teks Sambutan', 'scg_greeting_text_field_callback', 'scg-settings', 'scg_main_section');
}
add_action('admin_init', 'scg_register_settings');

function scg_greeting_text_field_callback() {
    $value = get_option('scg_greeting_text', 'Selamat datang di website kami!');
    echo '<input type="text" name="scg_greeting_text" value="' . esc_attr($value) . '" style="width:300px;">';
}

Sekarang kamu bisa mengubah teks sambutan langsung dari dashboard WordPress!

Ubah juga fungsi tampilan menjadi dinamis:

function scg_display_greeting() {
    $greeting = get_option('scg_greeting_text', 'Selamat datang di website kami!');
    echo '<p style="text-align:center; font-size:18px;">' . esc_html($greeting) . '</p>';
}

Menambahkan File CSS dan JavaScript (Opsional)

Untuk mempercantik tampilan, kamu bisa menambahkan file CSS atau JS.
Buat file baru di dalam folder plugin:

/simple-custom-greeting/style.css

Isi dengan:

.scg-message {
    color: #0073aa;
    font-weight: bold;
    text-align: center;
    margin-top: 20px;
}

Kemudian, tambahkan fungsi untuk memanggil CSS tersebut:

function scg_enqueue_styles() {
    wp_enqueue_style('scg-style', plugin_dir_url(__FILE__) . 'style.css');
}
add_action('wp_enqueue_scripts', 'scg_enqueue_styles');

Sekarang pesan sambutanmu tampil lebih rapi dan sesuai gaya situs.

Tips Pengembangan Plugin Lebih Lanjut

Gunakan prefix unik (misal: scg_) untuk mencegah bentrok nama fungsi dengan plugin lain.
Gunakan folder terpisah untuk file CSS, JS, dan template agar lebih terstruktur.
Gunakan nonce dan sanitasi input untuk keamanan saat menyimpan data.
Gunakan Git untuk versi kontrol jika plugin terus dikembangkan.

Jika kamu ingin mendistribusikan plugin ke publik, ikuti standar WordPress Plugin Developer Handbook agar pluginmu sesuai pedoman WordPress.org.

Pengujian Plugin

Sebelum digunakan di situs utama, pastikan kamu:

Menguji kompatibilitas plugin dengan tema lain.
Mengecek error log PHP jika ada bug.
Menonaktifkan plugin dan mengaktifkannya kembali untuk memastikan opsi tersimpan dengan benar.

Kesimpulan

Membuat plugin WordPress sendiri dari nol tidak sesulit yang dibayangkan. Dengan memahami struktur dasar, hook system, dan cara menyimpan pengaturan, kamu sudah bisa membuat plugin sederhana namun fungsional. Langkah-langkah dalam tutorial ini menunjukkan bahwa kustomisasi WordPress bukan hanya untuk developer profesional. Siapa pun yang ingin belajar bisa melakukannya dengan dasar PHP dan pemahaman struktur WordPress.

Mulailah dari plugin sederhana seperti contoh di atas, lalu kembangkan dengan fitur tambahan — misalnya shortcode, integrasi API, atau sistem notifikasi. Dengan membuat plugin sendiri, kamu tidak hanya belajar lebih dalam tentang WordPress, tapi juga memiliki kontrol penuh atas fungsionalitas situsmu.