{"id":10217,"date":"2022-05-21T02:02:00","date_gmt":"2022-05-20T19:02:00","guid":{"rendered":"https:\/\/www.jetorbit.com\/blog\/?p=10217"},"modified":"2022-06-17T13:39:35","modified_gmt":"2022-06-17T06:39:35","slug":"langkah-mudah-membuat-plugin-wordpress","status":"publish","type":"post","link":"https:\/\/www.jetorbit.com\/blog\/langkah-mudah-membuat-plugin-wordpress\/","title":{"rendered":"5 Langkah Mudah Membuat Plugin WordPress Sederhana"},"content":{"rendered":"\n

Hi, Orbiters! Adakah yang hobi menginstal plugin di website WordPress? Nah, bisa jadi di antara kalian ada yang penasaran, bagaimana sih cara membuat plugin WordPress? Jika kalian ingin belajar cara membuat plugin sederhana, caranya tidak terlalu sulit, lho. Kalian hanya perlu text editor seperti Notepad++, Akses FTP ke akun hosting, dan website WordPress yang aktif. Tak usah berlama-lama, yuk simak 5 Langkah Mudah Membuat Plugin WordPress Sederhana<\/strong><\/p>\n\n\n\n

Apa Itu Plugin WordPress<\/strong><\/h2>\n\n\n\n

Plugin WordPress adalah sekumpulan kode yang dapat menambahkan fitur pada website WordPress. Kumpulan kode ini terdiri dari kombinasi PHP, HTML, CSS, JavaScript\/jQuery, atau bahasa pemrograman lainnya.<\/p>\n\n\n\n

Plugin WordPress bersifat independen sehingga tidak mengubah kode utama websitenya. Selain itu, plugin juga dapat diinstal pada semua website yang menggunakan WordPress.<\/p>\n\n\n\n

Kalian bisa melakukan perubahan pada WordPress adalah dengan membuat function <\/em>baru pada file functions.php, yang tersimpan pada folder \/wp-includes\/, atau pada file functions.php tema. Namun, cara ini tidak disarankan ketika membuat plugin WordPress.<\/p>\n\n\n\n

WordPress dan template <\/em>akan menerima update <\/em>terbaru secara berkala sehingga ketika file functions.php diperbarui ketika dilakukan update <\/em>maka code <\/em>yang dibuat akan terhapus.<\/p>\n\n\n\n

Lain dengan plugin, karena scriptnya tidak akan terhapus ketika dilakukan update <\/em>pada WordPress atau template<\/em>. Selain itu, jika code <\/em>plugin kalian mengalami error<\/em>, hanya perlu menonaktifkan plugin dan error <\/em>akan segera teratasi.<\/p>\n\n\n\n

5 Langkah Mudah Membuat Plugin WordPress Sederhana <\/strong><\/h2>\n\n\n\n

Penasaran cara mudah membuat plugin WordPress? Okay, ikuti langkah-langkah berikut ini:<\/p>\n\n\n\n

Langkah 1: Buat Folder Plugin<\/strong><\/h3>\n\n\n\n

Pertama, kalian perlu membuat folder untuk menyimpan semua file dari plugin yang kalian buat. Pluginnya sendiri akan tersimpan pada folder \/wp-content\/plugins\/<\/strong>:<\/p>\n\n\n\n

1. Akses hosting kalian menggunakan FileZilla.<\/p>\n\n\n\n

2. Lalu akses folder wp-content => plugins<\/strong>.<\/p>\n\n\n\n

\"membuat<\/a><\/figure><\/div>\n\n\n\n

3. Buat folder baru dengan nama plugin-pertamaku<\/strong>.<\/p>\n\n\n\n

\"membuat<\/a><\/figure><\/div>\n\n\n\n

Jika kalian ingin membuat plugin dengan beberapa file CSS, kalian perlu membuat folder dengan nama CSS di dalam folder plugin yang dibuat. Sama halnya jika kalian ingin menggunakan JavaScript.<\/p>\n\n\n\n

Langkah 2: Buat File Pertama<\/strong><\/h3>\n\n\n\n

File pertama untuk plugin kalian sangatlah penting karena isinya adalah semua informasi yang dibutuhkan WordPress untuk menampilkan pluginnya.<\/p>\n\n\n\n

1. Silakan buat file dengan nama plugin-pertamaku.php<\/strong> di dalam folder plugin-pertamaku<\/strong>. Disarankan kalian membuat nama file pertama sama dengan nama folder plugin.<\/p>\n\n\n\n

\"membuat<\/a><\/figure><\/div>\n\n\n\n

2. Klik kanan pada file plugin-pertamaku.php<\/strong>, pilih View\/Edit<\/strong> lalu tambahkan pada baris pertama tag PHP pembuka yaitu <?php<\/strong>.<\/p>\n\n\n\n

\"membuat<\/a><\/figure><\/div>\n\n\n\n

3. Masukkan komentar pertama sesuai dengan nama plugin, diawali dengan tanda `\/*` <\/strong>dan diakhiri dengan tanda `*\/`<\/strong>, seperti kode di bawah ini.<\/p>\n\n\n\n

<?php<\/p>\n\n\n\n

\/*<\/p>\n\n\n\n

Plugin Name: Plugin Pertamaku<\/p>\n\n\n\n

*\/<\/p>\n\n\n\n

4. Silakan simpan file<\/strong> tersebut dan pastikan bahwa kalian menyimpannya dalam folder plugin-pertamaku<\/strong>.<\/p>\n\n\n\n

5. Untuk melihat perubahan, silakan login ke dashboard <\/em>WordPress kalian kemudian akses menu Plugins => Installed Plugins<\/strong> dan akan kalian lihat plugin yang dibuat.<\/p>\n\n\n\n

\"membuat<\/a><\/figure><\/div>\n\n\n\n

6. Setelah menambahkan nama, selanjutnya kalian perlu menambahkan deskripsi<\/strong>, nama kalian<\/strong>, link ke website kalian<\/strong>, versi plugin<\/strong>, dan lain-lain. Saat ini akan ditambahkan deskripsi dan nama terlebih dahulu. Berikut ini adalah kodenya.<\/p>\n\n\n\n

<?php<\/p>\n\n\n\n

\/*<\/p>\n\n\n\n

Plugin Name: Plugin Pertamaku<\/p>\n\n\n\n

Description: Ini adalah plugin pertamaku! Ini membuat menu admin baru!<\/p>\n\n\n\n

Author: Nama Kalian<\/p>\n\n\n\n

*\/<\/p>\n\n\n\n

7. Setelah file di-update, silakan refresh <\/em>halaman plugin. Kalian akan melihat deskripsi serta nama seperti gambar di bawah ini.<\/p>\n\n\n\n

\"membuat<\/a><\/figure><\/div>\n\n\n\n

Langkah 3: Buat Function Plugin<\/strong><\/h3>\n\n\n\n

Cara terbaik ketika membuat plugin adalah dengan memisahkan kode ke dalam file dan folder yang sesuai.<\/p>\n\n\n\n

1. Pada folder utama plugin yang bernama plugin-pertamaku<\/strong>, silakan buat folder baru dengan nama includes<\/strong>.<\/p>\n\n\n\n

2. Di dalam folder includes, silakan buat file dengan nama pp-functions.php<\/strong>. File ini akan menyimpan semua function dari plugin kalian.<\/p>\n\n\n\n

\"membuat<\/a><\/figure><\/div>\n\n\n\n

3. Tambahkan tag PHP pembuka di baris pertama <?php <\/strong>di dalam file pp-functions.php<\/strong>.<\/p>\n\n\n\n

4. Silakan buka kembali file plugin-pertamaku.php<\/strong> yang berada di dalam folder plugin yang dibuat.<\/p>\n\n\n\n

5. Masukkan kode di bawah ini ke dalam file plugin-pertamaku.php untuk memperbarui kode sebelumnya.<\/p>\n\n\n\n

<?php<\/p>\n\n\n\n

\/*<\/p>\n\n\n\n

Plugin Name: Plugin Pertamaku<\/p>\n\n\n\n

Description: Ini adalah plugin pertamaku! Ini membuat menu admin baru!<\/p>\n\n\n\n

Author: Nama Kalian<\/p>\n\n\n\n

*\/<\/p>\n\n\n\n

\/\/ Include pp-functions.php, gunakan require_once untuk menghentikan script jika file pp-functions.php tidak ditemukan<\/p>\n\n\n\n

require_once plugin_dir_path(__FILE__) . ‘includes\/pp-functions.php’;<\/p>\n\n\n\n

6. Silakan kembali lagi ke file pp-functions.php<\/strong> yang berada di dalam subfolder includes. Pastikan kalian mengelompokkan function <\/em>sejenis serta menambahkan baris komentar di setiap kelompok function<\/em>.<\/p>\n\n\n\n

7. Nama function yang akan dibuat adalah pp_Tambah_Link_Admin()<\/strong>. Function <\/em>tersebut akan menambahkan link pada menu navigasi dashboard admin WordPress.<\/p>\n\n\n\n

Berikut adalah urutannya:<\/p>\n\n\n\n