Cara Edit Tema WordPress dengan Plugin Theme Editor

Cara Edit Tema WordPress dengan Plugin Theme Editor

Pasti kalian menemukan tema yang dirasa cocok untuk website-nya. Pasti diantara pengguna wordpress ada yang ingin meng-kostum tema nya, tetapi beberapa dari kalian ada yang kurang begitu paham tentang dunia koding. Disini kita akan memberikan sedikit tutorial cara mengedit tema wordpressnya.

Kita akan menggunakan plugin Theme Editor, simak penjelasannya dibawah ini.

Cara Mengakses WordPress Theme Editor, klik Appearance Editor. Tampilannya akan terlihat seperti ini :

Pada sebelah kanan, kalian bisa lihat daftar file yang bisa diedit atau bisa dibilang template file. Kalian juga bisa memilih tema lain yang diinginkan sesuai yang akan diubah, dengan cara mengklik menu drop-down dibagian kanan atas.

Memilih tema lain di editor tidak akan langsung mengaktifkannya. Kalian hanya dapat akses untuk mengedit tema tersebut, dan tema yang sedang di aktifkan tidak akan terpengaruh.

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

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

Tema wordpress akan membuat halaman HTML, di saat bersamaan, WordPress akan menyimpan data yang ditampilkan di halaman kalian ke dalam database. Kemudian akan menggunakan PHP untuk menghubungkan HTML dan database tersebut. Jadi, mengedit kode ini akan memungkinkan kalian merubah tema yg dipilih(bukan yang sedang aktif temanya).

Dalam cara edit tema WordPress ini, kalian harus memilih file yang tepat. Jika ingin memodifikasi header, misalnya, pilih file header.php. Begitu pula jika ingin mengelola kolom komentar, kalian 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, kalian bisa menerapkan berbagai perubahan yang diinginkan tanpa takut merusak file asli. Jika terjadi sesuatu, kalian 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.
    1. /**
    2. * kode #16 – memodifikasi teks footer halaman admin
    3. * sumber – http://wordpress.stackexchange.com/a/6005/8922
    4. */
    5. function custom_admin_footer() {
    6. echo ‘tambahkan teks footer kustom dan HTML Anda di sini’;
    7. }
    8. add_filter(‘admin_footer_text’, ‘custom_admin_footer’);
  4. Ganti “tambahkan teks footer kustom dan HTML kalian di sini” dengan kalimat kaliansendiri. Berikut contohnya:
    1. /**
    2. * kode #16 – memodifikasi teks footer halaman admin
    3. * sumber – http://wordpress.stackexchange.com/a/6005/8922
    4. */
    5. function custom_admin_footer() {
    6. echo ‘Don’t change anything without my permission!’;
    7. }
    8. 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. Kalian akan melihat kalimat yang di tuliskan tadi.

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

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

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

Jika menjalankan website dengan banyak pengguna, pastikan untuk mengunci menu editor. Jika tidak, mereka bisa saja mengganti pengaturan website tanpa seizin Anda.

Sekian penjelasan mengenai Cara Edit Tema WordPress dengan Plugin Theme Editor. Semoga bermanfaat untuk kita semua aamiin.



Leave a Reply