Tutorial WordPress

Apa Itu WordPress Theme Editor

wordpress theme editor

Katakanlah Anda sudah punya tema yang sempurna untuk website. Hanya saja ketika tema tersebut diaktifkan, ada beberapa hal yang ingin Anda ubah. Bagaimana cara melakukannya?Jawabannya adalah dengan menggunakan WordPress Theme Editor.

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

tampilan dari theme editor wordpress

Pada sisi kanan terdapat daftar file yang dapat Anda edit – dikenal sebagai file template. Anda dapat memilih tema lain yang ingin dimodifikasi dengan mengklik menu drop-down di bagian kiri atas.

menu drop down pada theme editor wordpress

Memilih tema lain di halaman editor tidak serta-merta mengaktifkannya. Anda hanya mendapatkan akses untuk memodifikasi tema – tema yang digunakan saat ini tidak akan terpengaruh.

Jika ingin mengubah tema, buka Appearance > Theme.

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

Tema WordPress membuat halaman HTML. Di saat bersamaan, WordPress menyimpan data yang ditampilkan di halaman ke dalam database. WordPress kemudian menggunakan PHP untuk mengaktifkan komunikasi antara halaman HTML dan data yang tersimpan.

Maka dari itu, mengedit kode memungkinkan Anda untuk memodifikasi tema yang telah dipilih.

Anda juga harus memilih file yang tepat. Jika ingin memodifikasi header, misalnya, pilihlah file header.php. Lakukan hal yang sama jika ingin mengatur kolom komentar, yakni dengan memilih file comments.php. Untuk styling website, pilih stylesheet.css.

Sebelum mengedit tema dengan WordPress theme editor, buatlah child theme terlebih dulu. Child theme WordPress adalah ‘duplikat’ yang memiliki gaya dan fitur yang sama dari parent theme.

Dengan mengedit child theme, Anda dapat menerapkan berbagai perubahan yang diinginkan tanpa memengaruhi file awal. Kembali ke pengaturan default juga mudah, Anda hanya perlu mengubahnya ke parent theme.

Bagaimana cara edit tema WordPress? Berikut contoh penambahan teks yang dikustomisasi pada footer admin panel.

  1. Buka WordPress theme editor dengan mengklik Appearance > Editor.
  2. Aktifkan child theme pada menu drop-down dan pilih function.php.
  3. Salin kode ini ke editor. Untuk contoh tutorial ini, nama tema yang kami gunakan adalah twentyseven.
    /**
    * code #16 - customize the admin page footer text
    * source   - http://wordpress.stackexchange.com/a/6005/8922
    */
    function custom_admin_footer() {
     echo 'add your custom footer text and html here';
    } 
    add_filter('admin_footer_text', 'custom_admin_footer');
  4. Ganti “add your custom text and HTML here” dengan kalimat Anda sendiri. Berikut contohnya:
    /**
    * code #16 - customize the admin page footer text
    * source   - 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 dan seret ke bawah sampai ke footer. Anda akan melihat sebuah kalimat di situ.

output dari theme editor wordpress

Idealnya Anda harus paham coding. Namun, ada banyak cheat sheet di internet yang dapat di-copy and paste secara langsung ke WordPress theme editor.

Meskipun penggunaan cheat sheets begitu mudah, kami tidak merekomendasikan Anda untuk memodifikasi tema apabila tidak tahu soal coding. Menyisipkan kode yang salah akan mengakibatkan website tidak dapat diakses atau bahkan mengacaukan semua kode.

Namun ada satu pengecualian, Anda dapat memodifikasi CSS dengan WP Customizer. Hal tersebut sangat mudah dilakukan dan tidak akan berpengaruh apa pun pada file tema. Banyak cheat sheet yang juga tersedia.

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

Tentang penulis

Nadia Agatha

Nadia merupakan penerjemah lepas sejak 2016, kini ia menjadi penerjemah untuk Hostinger. Ia gemar membaca dan melakukan penelitian seputar penerjemahan dan sosiolinguistik. Disamping itu, ia juga suka bermain dengan kucingnya dan bercengkrama bersama teman-temannya di waktu senggang.

Tambah Komentar

Klik di sini untuk menulis komentar

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

Dapatkan harga hemat!

Web Hosting Gratis Domain mulai dari

Rp.8.739
/bln