WordPress adalah sistem manajemen konten yang luar biasa dan bekerja dengan mulus di luar kotak. Ini memiliki ribuan tema dan plugin untuk membantu Anda membangun segala jenis situs web. Namun, seringkali Anda perlu menyesuaikan tema atau plugin agar sesuai dengan kebutuhan Anda. Misalnya, saat Anda ingin menambahkan beberapa fungsi tambahan ke situs web Anda atau menyesuaikan tema yang Anda gunakan tanpa mengubah keseluruhan tema
Tema dan plugin WordPress dapat dengan mudah di-tweak menggunakan kode PHP. Anda juga dapat menambahkan fungsionalitas baru ke WordPress menggunakan PHP dan menghindari penggunaan plugin. Seringkali saat mengutak-atik kode, pengguna cenderung melakukannya di file tema induk. Seringkali kode ditempatkan di file functions.php
tema induk
Ini bukan solusi terbaik dan meskipun mungkin berhasil, saat Anda memperbarui tema atau plugin, perubahan Anda akan hilang. Karena perubahan yang hilang, pengguna cenderung tidak memperbarui tema atau plugin. Ini dapat memiliki efek yang tidak diinginkan pada situs web Anda. Anda mungkin kehilangan keamanan penting atau perbaikan bug yang biasanya dikeluarkan melalui pembaruan tema atau plugin. Anda juga dapat kehilangan perubahan saat mengupgrade versi WordPress
Oleh karena itu disarankan untuk menggunakan tema anak WordPress. Anda dapat dengan mudah menambahkan kode ke file functions.php
tema anak dan ini tidak akan rentan terhadap pembaruan
Berikut adalah 3 metode menambahkan kode PHP ke situs web WordPress Anda
- Menambahkan kode PHP dengan "Editor Tema" bawaan
- Menambahkan kode PHP melalui FTP
- Gunakan pengaya
Metode 1. Menambahkan kode PHP dengan "Editor Tema" bawaan
Metode ini tidak disarankan karena dapat merusak situs web Anda dengan mudah. Seringkali saat menambahkan kode secara langsung dengan "Editor Tema", jika kode tersebut tidak benar atau bertentangan dengan sumber daya lain di situs web Anda, Anda akan membuat situs web Anda mogok. Jika situs web Anda berhenti berfungsi, karena Anda menambahkan kode dengan kesalahan, Anda tidak akan dapat membatalkan perubahan apa pun. Satu-satunya cara untuk memperbaikinya adalah melalui FTP
Kami dapat melewatkan metode ini, tetapi kami memutuskan untuk memasukkannya untuk tujuan informasi
Dalam metode ini kita akan menambahkan kode ke file functions.php
tema
Langkah 1. Masuk ke dasbor WordPress Anda
Masuk ke dasbor WordPress Anda dengan mengunjungi URL admin Anda. Biasanya nama domain Anda diikuti oleh ________3______ misalnya www.example.com/wp-admin
Langkah 2. Buka editor tema dan file functions.php
Di dasbor WordPress Anda, navigasikan ke menu Penampilan dan klik Editor Tema seperti yang ditunjukkan di bawah ini
Di editor tema, cari file functions.php
di sisi kanan dan klik untuk membukanya
Langkah 3. Tambahkan kode PHP ke file functions.php
Anda dapat dengan mudah menambahkan kode ke file functions.php
. Ingatlah untuk mengambil cadangan file sebelum Anda mengeditnya. Ini dapat dilakukan hanya dengan memilih semua kode dalam file dan menyalinnya ke editor teks di komputer Anda, misalnya Notepad
Disarankan untuk menambahkan kode ke akhir file. Setelah Anda selesai menambahkan kode ke file, klik Perbarui File. WordPress biasanya akan memeriksa kesalahan format yang jelas pada kode Anda sebelum menyimpan perubahan. Jika tidak ada kesalahan, file akan diperbarui
Ini adalah metode mudah untuk menambahkan kode PHP ke situs web WordPress Anda. Sering kali Anda perlu menambahkan kode ke file functions.php
. Namun, terkadang Anda mungkin perlu menambahkan kode ke file lain juga, misalnya, tajuk tema, dalam hal ini, Anda harus memilih file functions.php
0 daripada file functions.php
Menambahkan kode ke file functions.php
2 tema anak
Seperti yang disebutkan, menambahkan kode ke file tema induk tidak disarankan karena rentan terhadap pembaruan. Sebagian besar pemula dan pemilik situs web baru cenderung menggunakan metode ini karena biasanya mereka tidak mengetahui efek memperbarui tema. Saat Anda memperbarui tema, kode yang Anda tambahkan akan hilang
Secara default, editor tema akan membuka file functions.php
dari tema aktif. Jika Anda memiliki tema anak, pastikan sudah diaktifkan. Di dasbor WordPress Anda, buka Appearance > Themes dan aktifkan child theme. Contoh ditunjukkan di bawah ini
Setelah mengaktifkan tema anak, jika Anda membuka Appearance > Theme Editor dan memilih file functions.php
Anda akan dapat memodifikasi file functions.php
dari tema anak. Pembaruan tema apa pun tidak akan memengaruhi perubahan yang Anda buat di sini
Metode 2. Menambahkan kode PHP melalui FTP
Dalam metode ini, Anda harus menginstal klien FTP. Untuk keperluan tutorial ini, kami menggunakan klien FTP FileZilla. Anda dapat menggunakan klien FTP lain yang Anda inginkan. Proses mengunduh dan mengunggah file melalui klien FTP lainnya umumnya serupa
Langkah 1. Buka klien FTP Anda dan masuk ke server Anda
Sebelum mengakses file situs web Anda melalui FTP, Anda memerlukan detail FTP Anda. Ini biasanya berupa nama host, nama pengguna, kata sandi, dan port yang relevan. Masukkan detail ini di bidang yang relevan di FileZilla seperti yang ditunjukkan. Klik Quickconnect setelah selesai
Langkah 2. Arahkan ke file functions.php
File functions.php
akan ditempatkan di direktori tema. Ini biasanya adalah folder functions.php
_8. Untuk contoh ini, kami menggunakan tema WordPress 2020 default
Arahkan ke folder tema dan cari file functions.php
. Seret file ke folder di komputer Anda untuk mengunduhnya
Langkah 3. Gunakan editor teks untuk mengedit file
Setelah mengunduh file ke komputer, Anda dapat menggunakan editor teks seperti Notepad atau Notepad++ untuk mengedit file
Jika Anda menggunakan Notepad++, Anda mungkin tidak perlu menggunakan FileZilla. Karena Notepad++ memiliki plugin FTP
Anda dapat dengan mudah menambahkan kode PHP ke file dan menyimpannya
Setelah melakukan perubahan pada file, Anda harus kembali ke FileZilla dan mengunggah ulang file tersebut. Untuk mengunggah ulang file, Anda hanya perlu menyeret file dari komputer ke direktori jauh
Jika Anda mengunggah file dengan nama file yang sama, Anda mungkin diminta untuk mengganti file yang sudah ada. Disarankan untuk menyimpan salinan file asli sebagai cadangan jika terjadi kesalahan
Setelah Anda selesai mengunggah file, Anda akan berhasil menambahkan kode PHP ke situs web WordPress Anda
Dalam metode di atas kami telah membuat perubahan pada file functions.php
tema induk. Sekali lagi, ini tidak disarankan karena alasan yang telah disebutkan
Menambahkan kode ke file functions.php
tema anak
Untuk mengakses file functions.php
tema anak Anda, Anda harus membuka folder tema anak dan memilih file functions.php
tema anak. Biasanya folder tema anak juga ada di folder functions.php
4. Contoh ditunjukkan di bawah ini
Ini adalah metode yang disarankan untuk menambahkan kode PHP ke situs web WordPress Anda
Metode 3. Gunakan pengaya
Ada beberapa plugin yang tersedia untuk membantu Anda menambahkan kode PHP ke situs web Anda. Ini adalah metode penambahan kode yang paling direkomendasikan karena kode yang Anda tambahkan menggunakan plugin tidak akan terpengaruh oleh pembaruan tema atau plugin
Kami merekomendasikan penggunaan plugin Custom CSS, JS & PHP. Ini adalah solusi yang sangat baik untuk menambahkan tidak hanya kode PHP tetapi juga kode CSS dan JavaScript khusus ke situs web WordPress Anda. Plugin ini ringan dan tidak memperlambat situs web Anda
CSS khusus, JS & PHP
Langkah 1. Menginstal plugin
Ada beberapa metode untuk menginstal plugin. Anda dapat menginstalnya dari dasbor WordPress Anda melalui repositori WordPress, Anda dapat mengunggah file plugin melalui dasbor WordPress Anda, dan Anda juga dapat menggunakan FTP untuk mengunggah plugin
Metode termudah adalah menginstal plugin melalui dasbor WordPress Anda
Di dashboard WordPress Anda, di bawah menu Plugins klik Add New
Langkah 2. Cari plugin Custom CSS, JS & PHP
Menggunakan bilah pencarian, cari plugin Custom CSS, JS & PHP
Langkah 3. Instal dan aktifkan plugin
Setelah Anda menemukan plugin, klik Instal Sekarang
Setelah instalasi selesai, klik Aktifkan untuk mulai menggunakan plugin
Langkah 4. Menambahkan kode menggunakan plugin
Setelah plugin diaktifkan, Anda akan menemukan 3 sub-menu baru di bawah menu alat di dasbor WordPress Anda. CSS khusus, JS khusus, dan PHP khusus
Bergantung pada kode yang ingin Anda tambahkan, klik tautan yang relevan. Untuk contoh ini, kami akan menambahkan kode PHP. Klik tautan PHP Khusus
Anda sekarang dapat menambahkan kode PHP khusus ke situs web Anda. Setelah Anda selesai menambahkan kode, klik Simpan perubahan
Kesimpulan
Kami telah melalui 3 metode untuk menambahkan kode PHP ke situs web WordPress Anda. Mengedit file functions.php
tema induk dalam 2 metode pertama rentan terhadap pembaruan tema dan Anda akan kehilangan perubahan setelah memperbarui tema. Anda juga dapat menggunakan tema anak untuk menambahkan kode PHP ke situs web Anda, namun itu sedikit lebih rumit dan untuk pengguna tingkat lanjut. Metode ke-3 menggunakan plugin untuk menambahkan kode PHP sangat dianjurkan