Cara Edit Tema WordPress dengan WordPress Theme Editor
access_time
hourglass_empty
person_outline

Cara Edit Tema WordPress dengan WordPress Theme Editor

Pernahkah Anda menemukan tema yang dirasa sangat cocok untuk website Anda, tapi ada beberapa hal yang ingin diubah agar tampilannya terlihat lebih sesuai? Jika demikian, bagaimana caranya? Nah, dalam artikel ini, kami akan menjelaskan cara edit tema WordPress tanpa perlu repot menggunakan WordPress theme editor.

Cara Mengakses WordPress Theme Editor

Untuk mengakses WordPress theme editor, klik Appearance > Editor. Tampilannya akan terlihat seperti ini:

Tampilan cara edit tema WordPress dengan theme editor

Di sebelah kanan, Anda bisa melihat daftar file yang bisa diedit, atau yang disebut dengan template file. Anda bisa memilih tema lain yang ingin diubah dengan mengeklik menu drop-down di bagian kanan atas.

Menu drop-down theme editor untuk cara edit tema WordPress

Memilih tema lain di editor tidak akan langsung mengaktifkannya. Anda hanya mendapatkan akses untuk mengedit tema tersebut, dan tema yang saat ini sedang digunakan tidak akan terpengaruh.

Jika ingin mengganti tema dan bukan memodifikasi tema yang sedang digunakan, buka Appearance > Theme.

Semua file tema ditulis dalam format PHP, CSS, JS, dan JSON. Pastikan Anda tidak salah memahaminya sebagai HTML.

Tema WordPress akan membuat halaman HTML. Di saat bersamaan, WordPress menyimpan data yang ditampilkan di halaman Anda ke dalam database. WordPress kemudian menggunakan PHP untuk menghubungkan HTML dan database tersebut. Jadi, mengedit kodenya akan memungkinkan Anda mengubah tema yang dipilih.

Dalam cara edit tema WordPress ini, Anda harus memilih file yang tepat. Jika ingin memodifikasi header, misalnya, pilih file header.php. Begitu pula jika ingin mengelola kolom komentar, Anda harus menggunakan file comments.php. Untuk mengubah gaya website, pilih stylesheet.css.

Sebelum memulai cara edit tema WordPress menggunakan WordPress theme editor, buat child theme terlebih dahulu. Child theme WordPress adalah ‘duplikat’ yang memiliki gaya dan fitur yang sama persis dengan parent theme.

Dengan mengedit child theme, Anda bisa menerapkan berbagai perubahan yang diinginkan tanpa takut merusak file asli. Jika terjadi sesuatu, Anda juga bisa mengembalikannya ke pengaturan default dengan mudah cukup dengan berganti ke parent theme.

Cara Edit Tema WordPress dengan Theme Editor

Untuk memulai cara mengubah tampilan WordPress menggunakan theme editor, simak contoh berikut yang menampilkan cara menambahkan teks kustom ke footer panel admin:

  1. Buka WordPress theme editor dengan mengeklik Appearance > Editor.
  2. Aktifkan child theme pada menu drop-down dan pilih function.php.
  3. Salin kode berikut ke editor. Untuk contoh tutorial ini, nama tema yang kami gunakan adalah twentyseven.
    /**
    * kode #16 - memodifikasi teks footer halaman admin
    * sumber - http://wordpress.stackexchange.com/a/6005/8922
    */
    function custom_admin_footer() {
     echo 'tambahkan teks footer kustom dan HTML Anda di sini';
    } 
    add_filter('admin_footer_text', 'custom_admin_footer');
  4. Ganti “tambahkan teks footer kustom dan HTML Anda di sini” dengan kalimat Anda sendiri. Berikut contohnya:
    /**
    * kode #16 - memodifikasi teks footer halaman admin
    * sumber - http://wordpress.stackexchange.com/a/6005/8922
    */
    function custom_admin_footer() {
     echo 'Don’t change anything without my permission!';
    } 
    add_filter('admin_footer_text', 'custom_admin_footer');
  5. Klik Update File yang terletak di bawah editor.
  6. Buka menu lain di Dashboard lalu scroll ke bawah sampai footer. Anda akan melihat kalimat yang Anda tuliskan tadi.

Tampilan setelah menyelesaikan cara edit tema WordPress

Sebenarnya, akan lebih baik jika Anda memahami coding. Untungnya ada banyak cheat sheet di internet yang bisa Anda copy-and-paste langsung ke WordPress theme editor.

Meskipun mudah untuk menggunakan cheat sheet, sebaiknya jangan memodifikasi tema apabila Anda sama sekali tidak paham coding. Jika salah memasukkan kode, website Anda mungkin menjadi tidak bisa diakses, atau bahkan semua kode yang ada akan turut menjadi kacau.

Solusinya, Anda bisa memodifikasi CSS dengan WP Customizer. Cara edit tema WordPress melalui CSS sangatlah mudah dan tidak akan memengaruhi file tema Anda.

Untuk pengguna yang sudah berpengalaman, Anda bisa menggunakan plugin seperti Advanced Code Editor dan WPide untuk mempermudah proses pengeditan. Jika menjalankan website dengan banyak pengguna, pastikan untuk mengunci menu editor. Jika tidak, mereka bisa saja mengganti pengaturan website tanpa seizin Anda.

Penulis

Author

Faradilla Ayunindya / @faradilla

Faradilla adalah penerjemah bahasa Inggris ke bahasa Indonesia yang menyukai segala hal tentang IT dan senang mengikuti tren seputar teknologi. Ia ingin turut berbagi informasi mengenai topik yang sedang populer di dunia online melalui tutorial yang ditulisnya di blog Hostinger.

Tutorial pilihan

Tutorial terkait

Ketik balasan

Komentar*

Nama*

Email*

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Jadilah bagian dari Hostinger!