Cara Membuat Plugin WordPress Pertama Anda. Panduan Langkah demi Langkah

Apakah Anda selalu ingin membuat plugin WordPress Anda sendiri tetapi tidak tahu harus mulai dari mana? Pada artikel ini kita akan mengangkat selubung misteri seputar plugin dan mengungkapkan betapa mudahnya membuat plugin WordPress. Anda akan terkejut melihat seberapa cepat Anda dapat melakukan ini dan semoga senang dengan kemungkinan yang hampir tak terbatas yang ditawarkan untuk menambahkan fungsionalitas ke situs WordPress Anda dengan plugin khusus.

Salah satu alasan utama WordPress terbukti sangat populer sebagai CMS (Content Management System), sebagian berkat sifatnya yang open source, fakta bahwa memungkinkan untuk menyesuaikan desain dan fungsionalitas situs web yang dibangun menggunakan WordPress dengan hampir tidak ada batasan untuk apa yang bisa dicapai.

Anda dapat melakukan ini dengan dua cara. Pertama, dengan menulis kode yang mengubah desain atau fungsi situs WordPress Anda. Cara kedua (dan paling populer) adalah memanfaatkan plugin pembuat situs web seperti Elementor untuk mengubah desain/tampilan situs web Anda dan kemudian menggunakan plugin lebih lanjut untuk menambah fungsionalitas. Siapa pun dapat menggunakan plugin… sebagian besar memerlukan sedikit keterampilan untuk menyiapkan dan tidak diperlukan pengalaman pengkodean yang menjadikannya alat yang sangat kuat.

Apa itu Plugin dan Mengapa Saya Harus Membuatnya?

Seperti yang mungkin sudah Anda ketahui (atau mungkin sudah Anda duga) plugin di WordPress digunakan untuk memperluas fitur situs web WordPress. WordPress hadir 'out of the box' dengan sejumlah fitur berguna yang siap digunakan. Plugin memungkinkan Anda untuk meningkatkan fitur bawaan yang tersedia atau menambahkan yang baru dengan cepat dan mudah dan tanpa perlu pengkodean. Pikirkan plugin WordPress sebagai salah satu alat yang memungkinkan Anda membuat situs web yang dibuat sesuai dengan kebutuhan Anda.

Jadi, dari mana Anda mendapatkan plugin? Nah, salah satu tempat terbaik untuk memulai adalah direktori plugin WordPress yang berisi (pada saat penulisan) 57.592 plugin gratis semuanya dirancang untuk memungkinkan Anda meningkatkan situs web Anda dengan berbagai cara. Kemungkinannya cukup tinggi, jika Anda memerlukan plugin yang menawarkan fitur atau fungsi tertentu, seseorang telah membuat plugin yang akan melakukan pekerjaan itu dan menambahkannya ke direktori untuk Anda gunakan.

Jadi mengapa Anda membuat plugin Anda sendiri? Nah, ada beberapa alasan. Yang pertama adalah banyak plugin pihak ketiga akan mengalami 'feature bloat'. Dengan kata lain, mereka kemungkinan akan menyertakan lebih banyak fungsi daripada yang sebenarnya Anda butuhkan. Ini dapat membuat pengaturan plugin dan pemeliharaannya menjadi lebih rumit.

Alasan kedua, dan mungkin yang paling mungkin mengapa Anda membuat plugin sendiri adalah karena Anda tidak dapat menemukan plugin pihak ketiga yang menyediakan fitur atau fungsi persis yang Anda butuhkan. Dengan tidak adanya pihak ketiga yang menawarkan plugin yang sesuai, satu-satunya pilihan Anda adalah membuatnya sendiri (atau meminta seseorang untuk melakukannya untuk Anda). Sebagai bonus, Anda mungkin dapat memonetisasi plugin baru Anda dengan menjualnya kepada orang lain yang juga menginginkan fitur atau fungsi yang Anda buat untuk situs web mereka sendiri.

Host situs web Anda dengan Pressidium

GARANSI UANG KEMBALI 60 HARI

LIHAT RENCANA KAMI

Membangun Plugin WordPress Anda

Mari selami dan jalankan langkah-langkah yang harus Anda lalui untuk membuat plugin Anda sendiri. Ini adalah proses yang menyenangkan dan menawarkan dunia kemungkinan.

Memberi Nama Plugin Anda

Sebelum kita memulai pengkodean apa pun, pertama-tama kita perlu memberi nama plugin kita. Penting bahwa nama ini unik. Ini agar tidak bertentangan dengan plugin lain yang diinstal di situs web Anda. Untuk 'membuktikan masa depan' plugin Anda, jika Anda memilih untuk mengunggahnya ke direktori plugin WordPress, ada baiknya juga memeriksa nama yang tidak akan bertentangan dengan ribuan yang sudah tersedia. Anda dapat melakukan ini dengan melakukan pencarian di direktori plugin WordPress.

Juga sangat disarankan agar nama plugin mewakili apa yang sebenarnya dilakukan plugin. Ini juga akan meningkatkan kemungkinan orang lain dapat menemukannya di direktori WordPress jika Anda mempublikasikannya.

Memutuskan Tujuan Plugin Anda

Sebelum Anda terlalu terlibat dalam proses pembuatan plugin yang sebenarnya, pertama-tama penting untuk menentukan dengan cermat apa yang ingin Anda capai dengan plugin Anda. Jauh lebih mudah untuk merancang sesuatu ketika tujuan akhir sudah jelas dalam pikiran Anda daripada merekayasa ulang plugin Anda di tengah jalan ketika menjadi jelas bahwa fungsionalitas yang Anda inginkan tidak akan tersampaikan.

Dalam tutorial ini kita akan membuat plugin yang secara otomatis menambahkan tombol di bagian bawah setiap artikel blog. Meskipun tentu saja mungkin untuk menambahkan tombol secara manual di bagian bawah artikel, ini cukup memakan waktu untuk dilakukan setiap kali kita menambahkan artikel blog. Di situs web dengan ribuan artikel, akan sangat sulit untuk mengedit setiap artikel untuk menambahkan tombol seperti itu.

Dalam hal ini, plugin yang melakukan ini secara otomatis akan menghemat banyak waktu. Ini adalah contoh klasik dari jenis tugas yang memerlukan pembuatan plugin Anda sendiri. Kami akan menyebut plugin ini 'Di Bawah Tombol Posting'.

Sekarang kita telah mendefinisikan fungsinya dan menamainya, kita bisa mulai membangunnya!

Catatan: Selalu gunakan server pementasan untuk menguji plugin Anda, bukan situs web langsung.

Langkah 1: Buat File/Folder yang Diperlukan untuk Membuat Plugin Berfungsi

Selama langkah awal ini, kami akan membuat plugin dan mendaftarkannya ke situs web kami. Kami tidak perlu khawatir tentang menambahkan fungsionalitas apa pun pada tahap ini.

Buat folder plugin

Pertama, akses situs web Anda melalui klien SFTP dan buka folder /wp-content/plugins. Di folder ini buat folder baru dengan nama unik. Nama harus mirip dengan nama plugin Anda dan hanya berisi huruf kecil dan tanda hubung. Folder kami akan disebut 'under-post-button.

Buat file utama

Selanjutnya, di dalam folder baru ini, buat file PHP dengan nama yang sama dengan folder kita 'under-post-button.php'.

Beri tahu WordPress tentang plugin

File PHP harus menyertakan header komentar yang diperlukan yang memberi tahu WordPress bahwa file adalah plugin dan memberikan informasi tentangnya. Ada format standar khusus yang perlu Anda ikuti di sini. Bidang header yang tersedia menurut standar WordPress adalah:

• Nama Plugin
• URI plugin
• Keterangan
• Versi: kapan
• Membutuhkan setidaknya
• Membutuhkan PHP
• Pengarang
• Penulis URI
• Lisensi
• Lisensi URI
• Domain Teks
• Jalur Domain
• Jaringan

Komentar header wajib minimum agar plugin berfungsi adalah 'Nama Plugin'. Untuk keperluan tutorial ini hanya itu yang akan kami sertakan. Sisa header yang biasanya disertakan dalam plugin terutama diperlukan saat plugin didistribusikan (misalnya diunggah ke direktur plugin WordPress). Kami akan membahas ini di artikel mendatang secara lebih rinci.

Untuk menambahkan nama plugin ke file PHP kami, buka file PHP Anda di editor kode (seperti Sublime) dan tambahkan yang berikut:

 <?php /* Plugin Name: Under Post Button */ ?>

Sekarang buka Admin WordPress Anda, klik 'Plugins' dan Anda seharusnya dapat melihat plugin Anda di daftar plugin.

Anda sekarang dapat mengaktifkannya. Plugin sekarang berfungsi tetapi karena kami tidak mengkodekan fungsi apa pun, itu tidak akan benar-benar melakukan apa pun.

Langkah 2: Tambahkan Fungsionalitas ke Plugin

Di file PHP plugin Anda, tambahkan kode berikut:

 add_action( 'the_content', 'myButton' ); function myButton ( $content ) { return $content .= '<button class="btn">My Button</button>'; }

Apa yang dilakukan bagian kode ini adalah menggunakan kait "add_action()" untuk menambahkan fungsi panggilan balik "myButton". Ini berarti bahwa fungsi "myButton" akan dijalankan bersama dengan fungsi inti default yang dijalankan setiap kali tindakan "the_content" dipanggil.

Tindakan "the_content" secara default mengembalikan konten posting saat ini. Jadi, mulai sekarang, bersama dengan konten, hasil kustom kami akan dicetak juga. Jika Anda mengunjungi posting blog di situs web Anda sekarang, Anda akan melihat tombol di akhir artikel posting Anda. Jadi, jika kami memiliki 1.000 artikel di situs web kami, semuanya sekarang akan menampilkan tombol ini di akhir artikel. Jelas jauh lebih cepat untuk menambahkan tombol ini dengan menggunakan plugin daripada menambahkan tombol secara manual ke masing-masing dari 1.000 artikel itu!

Jika Anda belum terbiasa dengan istilah "kait" dan "tindakan" atau Anda perlu lebih memahami cara kerjanya di WordPress, lihat dokumentasi resmi WordPress terkait. Hooks and Actions banyak digunakan di WordPress, jadi penting untuk memiliki pemahaman yang kuat tentang apa itu dan bagaimana cara kerjanya jika Anda berencana membuat plugin.

Langkah 3: Memperbaiki Plugin Kami

Kami sekarang telah berhasil menambahkan tombol ke bagian bawah semua artikel WordPress kami. Tombol ini membuat CTA (Call to Action) hebat yang dapat digunakan untuk mendorong seseorang menghubungi bisnis Anda. Kami hanya perlu membuat beberapa perubahan kecil sehingga tombol ini berfungsi sebagai CTA dengan mengubah teks yang ditampilkan dan menambahkan hyperlink sehingga membawa Anda ke halaman target saat diklik.

Mengubah teks yang ditampilkan pada tombol

Ini sangat mudah. Cukup edit teks setelah tag <button class="btn">. Dalam kasus kami, kami telah mengubah ini menjadi 'Masukkan Undian Hadiah GRATIS kami!'

 add_action( 'the_content', 'myButton' ); function myButton ( $content ) { return $content .= '<button class="btn">Enter our FREE Prize Draw!</button>'; }

Tambahkan tautan ke tombol

Jika Undian Hadiah Gratis kami dimasukkan melalui formulir, Anda dapat dengan mudah menambahkan tautan untuk mengarahkan orang ke formulir ini. Untuk tujuan contoh ini, kami akan mengarahkan mereka ke halaman 'Hubungi Kami'

 add_action( 'the_content', 'myButton' ); function myButton ( $content ) { return $content .= '<a href="YOURDOMAIN.URL/contact/"><button class="btn">Enter our FREE Prize Draw!</button></a>'; }

Atau Anda dapat menggunakan apa yang dikenal sebagai url relatif yang dianggap sebagai cara 'benar' untuk menambahkan url di WordPress.

 add_action( 'the_content', 'myButton' ); function myButton ( $content ) { return $content .= '<a href="/contact/"><button class="btn">Enter our FREE Prize Draw!</button></a>'; }

Dan ini dia, siap untuk menarik kontak baru dengan tombol CTA kustom kita sendiri.

Kesimpulan

Meskipun plugin yang kami buat tidak diragukan lagi sangat sederhana, plugin ini menunjukkan kekuatan luar biasa yang dapat digunakan oleh plugin. Dengan beberapa baris kode, kami telah berhasil menambahkan tombol ke ribuan halaman di situs web kami dengan sedikit usaha. Meskipun Anda mungkin tidak berpikir ini adalah plugin paling menakjubkan yang pernah Anda lihat, semoga tutorial kami menunjukkan betapa relatif mudahnya membuat plugin khusus di WordPress. Dengan mengingat hal ini, Anda sekarang bebas untuk pergi dan bereksperimen dengan plugin Anda sendiri.

Dalam tutorial mendatang, kami akan menyempurnakan plugin kami dengan membangun antarmuka untuk plugin Anda di area admin yang di WordPress kami sebut Halaman Opsi. Ini akan meningkatkan fungsionalitas plugin kami dengan memudahkan pengguna yang masuk ke admin WordPress untuk mengubah hal-hal seperti nama tombol dan url tanpa harus memperbarui kode plugin secara langsung.

Membuat plugin bisa sangat memuaskan. Ada banyak sekali informasi yang tersedia di web untuk membantu Anda. Satu-satunya batas nyata adalah imajinasi Anda. Selamat membangun plugin!