Anda ingin membuat WordPress Plugin ? Tutorial ini akan mengajarkan Anda bagaimana melakukannya.
Plugin berkontribusi pada popularitas WordPress karena memungkinkan pengguna tanpa pengetahuan pengkodean untuk membuat situs web yang luar biasa.
Ada lebih dari 50 plugin di rDirektori WordPress dirancang untuk berbagai keperluan. Anda akan menemukan plugin WordPress untuk berlangganan buletin , keamanan et l'e-commerce . Sebut saja.
Tanpa mereka, situs WordPress hanyalah kumpulan gambar statis dan blok teks. Dengan plugin, sistem manajemen konten dapat mencapai tingkat penyesuaian yang luar biasa.
Apakah Anda memerlukan plugin khusus untuk situs web Anda atau ingin membuat WordPress Plugin dan uangkan itu, ayo pergi.
Pertanyaan yang Sering Diajukan
Apakah plugin WordPress menghasilkan uang?
Ya. ITU plugin WordPress mendatangkan uang. Anda dapat menjual plugin di situs web Anda atau di pasar pihak ketiga.
CodeCanyon, Themeforest dan mojo pasar adalah 3 situs web terbaik untuk menjual plugin.
Anda juga dapat menambahkan versi gratis plugin Anda ke repositori WordPress dan menawarkan versi premium dengan fitur tambahan.
Apakah sulit membuat plugin WordPress?
Pembuatan file WordPress Plugin relatif mudah dan sulit, tergantung fitur yang diinginkan.
Membuat plugin itu mudah jika Anda sudah terbiasa dengan dasar-dasar pengembangan WordPress dan pemrograman PHP. Jika tidak, itu bisa sangat sulit. Sebaiknya mulai dengan plugin sederhana, seperti yang ditunjukkan dalam panduan ini.
Berapa Penghasilan Pengembang Plugin?
Menurut Zip Recruiter, tarif rata-rata per jam untuk pengembang plugin WordPress di Amerika adalah $35 per jam. Ini berarti sekitar $72 per tahun dan $000 per bulan.
Jika Anda menjual plugin Anda, Anda bisa mendapatkan hingga $5 per bulan, tergantung pada jumlah penjualan. Menawarkan layanan penyesuaian plugin dapat memberi Anda antara $000 dan $20 per jam.
Apa yang Anda Butuhkan untuk Membuat Plugin WordPress
Untuk membuat plugin, Anda tidak perlu menjadi pengembang WordPress ahli. Anda hanya memerlukan beberapa pengetahuan pengkodean dasar untuk memulai.
- Pengetahuan dasar dalam pemrograman PHP: Plugin WordPress ditulis dalam PHP, jadi Anda harus memahami bahasa dan sintaksnya sebelum memulai.
- HTML dan CSS dasar: HTML dan CSS memungkinkan Anda untuk mengontrol tampilan dan tampilan plugin Anda. Oleh karena itu penting untuk memahami dasar-dasar mereka untuk membuat plugin WordPress.
- Keakraban dengan WordPress: akan berguna untuk membiasakan diri Anda dengan platform WordPress dan fungsi utamanya, serta dengan WordPress Codex (panduan online untuk pengembangan WordPress).
- Lingkungan pengembangan: Untuk mengembangkan dan menguji plugin Anda, Anda perlu menginstal WordPress di mesin lokal Anda atau di situs pengembangan. Ini akan memungkinkan Anda untuk menguji plugin Anda tanpa memengaruhi situs web langsung. Kami akan menunjukkan cara melakukannya di bagian selanjutnya.
- Editor teks: Anda memerlukan editor teks untuk menulis kode plugin Anda. Banyak pilihan yang tersedia, seperti STeks luhur, Atom et Kode Visual Studio.
Cara Membuat Plugin WordPress dalam 7 Langkah
Langkah 1: Pahami cara kerja plugin WordPress
Karena WordPress ditulis dalam bahasa pemrograman, siapa pun yang memiliki pengetahuan pengkodean dapat mengakses dan memodifikasi kode WordPress.
Ini persis bagaimana plugin bekerja. Mereka memungkinkan Anda untuk memodifikasi dan memperluas fungsionalitas WordPress dengan berinteraksi langsung dengan WordPress Anda menggunakan fungsi PHP tertentu.
Membuat plugin WordPress Anda dan menambahkan kode hanya akan melakukan sesuatu jika Anda memanggil fungsi PHP menggunakan sebuah hook. Hooks memungkinkan plugin Anda berinteraksi dengan WordPress tanpa harus mengedit file inti.
Mari kita lihat hubungan antara tanda kurung siku dan fungsi untuk memahami dasar-dasar plugin WordPress.
Fungsi WordPress:
Kode WordPress dibangun di atas fungsi yang memungkinkan kode pihak ketiga untuk berinteraksi dengan WordPress. Itu sebabnya Anda akan menemukan banyak fungsi di plugin dan tema. Setiap fungsi memiliki namanya, diikuti dengan tanda kurung dan kode di dalam tanda kurung.
Voici un contoh:
function sticky_header() {
?>
<script>
// Select the header element
var header = document.querySelector(‘header’);
// Get the offset position of the header
var sticky = header.offsetTop;
// Add the sticky class to the header when you reach its scroll position. Remove “sticky” when you leave the scroll position
function addSticky() {
if (window.pageYOffset > sticky) {
header.classList.add(“sticky”);
} else {
header.classList.remove(“sticky”);
}
}
// Add the sticky class to the header when you scroll the page
window.onscroll = function() {
addSticky();
};
</script>
<?php
}
add_action( ‘wp_footer’, ‘sticky_header’ );Anda dapat memanggil fungsi ini langsung di plugin WordPress Anda dengan mengetik sticky_header() di mana Anda ingin kode dijalankan. Tetapi ini adalah praktik yang buruk karena Anda mungkin mengalami masalah. Berikut adalah dua alasan lagi mengapa Anda tidak boleh memanggil fungsi secara langsung dalam kode Anda.
Pertama, panggilan langsung hanya berfungsi untuk fungsi dasar, seperti menambahkan konten ke file tema. Selain itu, dengan menggunakan pendekatan ini, Anda harus memanggil fungsi berkali-kali untuk menggunakannya di banyak tempat, yang memakan waktu dan tidak praktis dalam file kode.
Memanggil fungsi secara manual juga bisa rumit jika Anda baru mengenal pengkodean. Saat membuat plugin, praktik terbaik adalah melampirkannya ke pengait. Ini akan menghemat Anda harus mengingat fungsi di banyak tempat.
Kait WordPress:
Pengait adalah titik spesifik dalam kode WordPress tempat Anda dapat menjalankan fungsi kustom Anda sendiri. Ada dua jenis kait: kait tindakan dan kait filter.
Kait Aksi
Kait tindakan memungkinkan Anda untuk menjalankan fungsi khusus pada waktu tertentu dalam siklus menjalankan WordPress. Seperti inilah sintaks dari action hook.
add_action('hook_name', 'my_custom_function');Le nama_kait adalah nama pengait tindakan yang ingin Anda gunakan.
Ada beberapa pengait tindakan di WordPress. Anda dapat menemukannya di codex WordPress.
fungsi_kustom_saya adalah fungsi yang berisi kode yang ingin Anda jalankan. Fungsi ini harus didefinisikan sebelum fungsi ADD_ACTIONsebagai.
Sintaksnya akan terlihat seperti ini untuk melampirkan fungsi sticky header di atas ke sebuah hook.
add_action( 'wp_footer', 'sticky_header' );Fungsi ini menjalankan fungsi sticky_header() ketika kait tindakan wp_footer dipanggil. Anda juga dapat melampirkan fungsi ke hook tertentu dengan mengganti wp_footer dengan nama hook pilihan Anda.
Sebagai contoh:
add_action( 'init', 'sticky_header' );Ini akan menjalankan fungsi sticky header saat tindakan init WordPress dipanggil.
Filter kait
Kait filter memungkinkan Anda untuk memodifikasi data sebelum ditampilkan atau disimpan ke database. Berikut adalah contoh pengait filter yang mengubah judul postingan blog menjadi huruf besar semua.
add_filter( ‘the_title’, ‘uppercase_title’ );
function uppercase_title( $title ) {
return strtoupper( $title );
}Fungsi ini menerima argumen tunggal, $title, yang merupakan judul asli postingan blog.
Fungsi tersebut kemudian menggunakan fungsi tersebut stroupper() untuk mengonversi judul menjadi huruf besar dan mengembalikan nilai yang dimodifikasi.
Perbedaan Antara Action dan Filter Hooks
Kait tindakan memungkinkan Anda untuk menjalankan fungsi khusus pada waktu tertentu dalam siklus menjalankan WordPress. Pada contoh di atas, action hook wp_footer dipanggil tepat sebelum tag.
Kait filter, di sisi lain, memungkinkan Anda untuk memodifikasi data saat melewati basis kode WordPress.
Seperti pada contoh di atas, pengait filter judul memungkinkan Anda untuk mengedit judul postingan blog sebelum ditampilkan di situs web.
Langkah 2: Siapkan lingkungan pengujian
Langkah kedua dalam membuat plugin WordPress adalah menyiapkan lingkungan pengujian atau pengembangan. Tujuannya adalah untuk menghindari percobaan di situs nyata.
Membuat plugin terkadang membutuhkan bolak-balik. Anda juga dapat membuat kesalahan yang akan merusak situs web Anda.
Anda dapat menggunakan komputer Anda sebagai server lokal untuk menghosting situs WordPress uji coba tempat Anda dapat membuat dan menguji plugin Anda.
Jika rencana AndaHotel mendukung pembuatan situs pengujian, Anda juga dapat menggunakannya. Di sini kita akan menggunakan solusi pertama.
Untuk menyiapkan lingkungan pengujian, kami akan unduh lokal , alat pengembangan untuk menghosting situs web WordPress secara lokal.
Setelah unduhan selesai, luncurkan perangkat lunak di komputer Anda dan klik ikon + di kiri bawah untuk membuat situs lokal baru.
Pilih dari Buat situs baru dan klik tombol Continue.
Selanjutnya, ikuti petunjuk di layar untuk menambahkan nama situs Anda, menyiapkan lingkungan, dan membuat detail login WordPress.
Setelah Anda selesai. Klik tombolnya Tambahkan Situs. Setelah menambahkan situs Anda, pilih situs web Anda di dasbor lokal dan luncurkan dasbor admin WordPress Anda.
Setelah halaman login admin terbuka, gunakan nama pengguna dan Kata sandi WordPress yang Anda buat di atas untuk mengakses dasbor Anda.
Selesai. Lingkungan pengujian Anda sudah siap. Mari kita mulai membuat plugin WordPress Anda.
Langkah 3: Buat folder plugin Anda
Setelah lingkungan pengujian Anda siap, hal pertama yang perlu Anda lakukan adalah membuat file plugin di direktori situs Anda. Secara default, WordPress menyimpan semua plugin di direktori wp-content/plugin.
Setiap plugin yang diinstal di situs WordPress akan memiliki folder di direktori ini. Untuk plugin Anda, karena itu Anda harus membuat folder di dalam direktori ini dan memberinya nama.
Untuk tutorial ini, kita akan menavigasi ke folder wp-content/plugin di direktori situs lokal kami. Begini caranya.
Catatan: Prosesnya sama jika Anda menggunakan situs perantara.
Di dasbor lokal Anda, klik Buka Folder Situs . Anda akan diarahkan ke direktori situs lokal Anda.
Sélectionnez aplikasi di pilihan, klik publik kemudian wp-konten. Anda akan melihat folder yang berbeda di direktori ini.
Buka foldernya plugin dan subfolder baru dengan nama plugin Anda. Kami akan menggunakan di sini Sticky header karena itu adalah nama plugin yang ingin kita buat.
Langkah 4: Buat file PHP utama untuk plugin Anda
Setelah membuat folder plugin Anda, langkah selanjutnya adalah menambahkan file PHP ke folder ini. Di sinilah kode dan fungsionalitas plugin Anda akan tersedia.
Untuk tutorial ini, kita hanya memerlukan satu file PHP untuk plugin sederhana yang membuat sticky header di WordPress.
Untuk plugin yang lebih kompleks dengan fungsionalitas tingkat lanjut, mungkin terdapat berbagai jenis file di folder plugin, seperti CSS dan javascript. Dalam kasus kami, satu file PHP sudah cukup.
Untuk melakukan ini, buat file PHP di folder plugin, seperti pada tangkapan layar di bawah.
Setelah file siap, saatnya menambahkan beberapa informasi ke plugin Anda.
Langkah 5: Konfigurasikan informasi plugin Anda
Juga dikenal sebagai header file plugin, informasi plugin Anda adalah blok komentar PHP yang menyertakan detail tentang plugin Anda seperti nama plugin, versi, URL, nama pembuat dan situs webnya, lisensi, dll.
Ini adalah informasi yang Anda lihat di halaman plugin WordPress setelah menginstal plugin.
Anda dapat menemukan header file plugin di codex WordPress . Sepertinya ini.
Cukup salin dan tempel kode ini ke file PHP plugin Anda, lalu edit detailnya agar sesuai dengan plugin Anda. Dalam kasus kami, pembaca file plugin sticky header akan terlihat seperti ini.
<?php
/*
Plugin Name: Sticky Header
Plugin URI: https://wordpress.org/plugins/sticky-header/
Description: Make your website header sticks to the top of every page on your website as users scroll.
Author: The Team
Author URI: https://blogpascher.com/sticky-header
Text Domain: Sticky Header
Domain Path: /languages
*/Setelah Anda menyimpan file ini, Anda telah membuat plugin baru dan Anda dapat menemukannya di daftar plugin yang sudah terpasang di situs Anda.
Masuk ke dasbor WordPress situs pengujian Anda dan buka Plugins>Plugins installés.
Anda akan melihat plugin Sticky Header dengan detailnya. Ini dia.
Anda sekarang dapat mengaktifkan plugin, tetapi tidak akan melakukan apa-apa karena kami belum menambahkan fungsionalitas apa pun ke dalamnya. Jadi mari buat plugin kita melakukan sesuatu.
Langkah 6: Tambahkan kode ke plugin Anda
Untuk melakukan ini, kami akan menambahkan kode tajuk lengket yang kami gunakan saat mempelajari fungsi dan pengait WordPress di atas. Begini caranya.
Buka file PHP plugin Anda. Di bawah detail tajuk, salin dan tempel cuplikan kode ini ke file PHP utama plugin Anda dan simpan.
function sticky_header() {
?>
<script>
// Select the header element
var header = document.querySelector(‘header’);
// Get the offset position of the header
var sticky = header.offsetTop;
// Add the sticky class to the header when you reach its scroll position. Remove “sticky” when you leave the scroll position
function addSticky() {
if (window.pageYOffset > sticky) {
header.classList.add(“sticky”);
} else {
header.classList.remove(“sticky”);
}
}
// Add the sticky class to the header when you scroll the page
window.onscroll = function() {
addSticky();
};
</script>
<?php
}
add_action( ‘wp_footer’, ‘sticky_header’ );Kode ini melakukan dua hal penting,
La fonction lengket_header diaktifkan saat pengguna menggulir halaman dan berhenti saat pengguliran berhenti.
Kedua, aksinya add_action('wp_footer', 'sticky_header'); menggunakan alamat…..
Simpan kodenya, dan hanya itu. Anda telah berhasil membuat plugin WordPress yang membuat tajuk situs web Anda lengket saat pengguna menggulirnya.
Langkah 7: Aktifkan plugin. Sedang beraksi.
Kembali ke situs Anda dan aktifkan plugin.
Saat Anda menelusuri versi langsung situs, tajuk situs Anda akan tetap berada di bagian atas halaman.
Setelah Anda melihat efek dari plugin baru di situs demo Anda, saatnya untuk mencobanya di situs asli Anda.
Sebelum itu, pastikan Anda telah menguji plugin untuk bug dan kerentanan. Atasi mereka, jika ada. Sebagai tindakan pencegahan, buat cadangan situs WordPress Anda sebelum menerapkan plugin baru Anda.
Jika Anda senang dengan kinerja plugin di situs Anda, Anda dapat mengunggah plugin Anda ke repositori plugin WordPress. Karena pemilik situs web menggunakannya secara gratis, Anda akan menerima umpan balik tentang apa yang harus ditingkatkan dan bagaimana melakukannya.
Dan jika Anda ingin menghasilkan uang dengan plugin Anda, Anda dapat menjualnya di salah satu situs web yang kami cantumkan di atas
Kesimpulan
Jika Anda sudah sampai sejauh ini, Anda akan setuju bahwa membuat plugin WordPress relatif sederhana. Dengan mengikuti petunjuk dalam panduan ini, Anda akan dapat membuat plugin WordPress dasar. Anda dapat bereksperimen dengan fungsi sebanyak yang Anda inginkan dan meningkatkan fungsionalitas plugin Anda.
Membuat plugin yang kompleks mengikuti metode yang sama. Lebih banyak fungsi berarti lebih banyak fungsi dalam file plugin Anda.
Pernahkah Anda mencoba membuat plugin WordPress? Mari ceritakan pengalaman Anda di bagian komentar di bawah.
