HyperText Markup Language atau HTML adalah kode yang memberi tahu browser web cara menampilkan konten di halaman web Anda. Mengedit HTML berguna untuk kustomisasi tingkat lanjut dan pemecahan masalah
Pada artikel ini, kami akan menunjukkan cara mengedit HTML di editor kode WordPress menggunakan berbagai metode
Mengapa Anda Harus Mengedit HTML di WordPress?
WordPress menawarkan ribuan tema dan plugin untuk mengubah tampilan situs web Anda dan menyesuaikan berbagai elemen tanpa menyentuh satu baris kode pun
Namun, plugin dan tema memiliki keterbatasan dan mungkin tidak menawarkan fitur persis seperti yang Anda cari. Akibatnya, Anda mungkin tidak dapat menata situs web seperti yang Anda inginkan
Di sinilah pengeditan HTML sangat berguna. Anda dapat dengan mudah melakukan penyesuaian tingkat lanjut menggunakan kode HTML. Ini memberikan banyak fleksibilitas dan kontrol atas bagaimana situs Anda akan terlihat dan berfungsi
Selain itu, mempelajari cara mengedit HTML juga dapat membantu Anda mengidentifikasi dan memperbaiki kesalahan di situs web WordPress Anda saat Anda tidak memiliki akses ke dasbor
Catatan. Jika Anda tidak ingin mengedit HTML, tetapi masih menginginkan opsi penyesuaian penuh, kami sarankan untuk menggunakan pembuat halaman WordPress seret dan lepas seperti SeedProd
Karena itu, mari kita lihat berbagai cara untuk mengedit HTML di situs web WordPress
Kami akan membahas cara mengedit HTML menggunakan editor blok dan editor klasik, dan kami juga akan menunjukkan cara mudah untuk menambahkan kode ke situs Anda. Anda dapat mengeklik tautan di bawah untuk beralih ke bagian pilihan Anda
Cara Mengedit HTML di Editor Blok WordPress
Di editor blok WordPress, ada beberapa cara untuk mengedit HTML posting atau halaman Anda
Pertama, Anda dapat menggunakan blok HTML Kustom di konten Anda untuk menambahkan kode HTML
Untuk memulai, buka dashboard WordPress Anda dan kemudian tambahkan posting/halaman baru atau edit artikel yang sudah ada. Setelah itu, klik tanda plus [+] di pojok kiri atas dan tambahkan blok 'Custom HTML'
Selanjutnya, lanjutkan dan masukkan kode HTML khusus Anda di blok. Anda juga dapat mengeklik opsi 'Pratinjau' untuk memeriksa apakah kode HTML berfungsi dengan benar dan bagaimana tampilan konten Anda di situs web langsung Anda
Cara lain untuk menambahkan atau mengubah kode HTML di editor blok WordPress adalah dengan mengedit HTML dari blok tertentu
Untuk melakukannya, cukup pilih blok yang ada di konten Anda, lalu klik menu tiga titik. Selanjutnya, lanjutkan dan klik opsi 'Edit sebagai HTML'
Anda sekarang akan melihat HTML dari masing-masing blok. Lanjutkan dan edit HTML konten Anda. Misalnya, Anda dapat menambahkan tautan nofollow, mengubah gaya teks, atau menambahkan kode lain
Jika Anda ingin mengedit HTML dari seluruh posting Anda, Anda dapat menggunakan 'Editor Kode' di editor blok WordPress
Anda dapat mengakses editor kode dengan mengklik opsi tiga titik di pojok kanan atas. Kemudian pilih 'Editor Kode' dari opsi drop-down
Cara Mengedit HTML di Editor Klasik WordPress
Jika Anda menggunakan editor klasik WordPress, Anda dapat dengan mudah mengedit HTML dalam tampilan Teks
Untuk mengakses tampilan Teks, cukup edit posting blog atau tambahkan yang baru. Saat Anda berada di editor klasik, klik tab 'Teks' untuk melihat HTML artikel Anda
Setelah itu, Anda dapat mengedit HTML konten Anda. Misalnya, Anda dapat menebalkan kata yang berbeda untuk menonjolkannya, menggunakan gaya miring dalam teks, membuat daftar, menambahkan daftar isi, dan lainnya
Cara Mengedit HTML di Widget WordPress
Tahukah Anda bahwa Anda dapat menambah dan mengedit kode HTML di area widget situs Anda?
Di WordPress, menggunakan widget HTML Kustom dapat membantu Anda menyesuaikan sidebar, footer, dan area widget lainnya. Misalnya, Anda dapat menyematkan formulir kontak, Google Maps, tombol ajakan bertindak [CTA], dan konten lainnya
Anda bisa mulai dengan menuju ke panel admin WordPress Anda dan kemudian pergi ke Appearance »Widgets. Setelah itu, klik ikon 'Plus' di area widget mana pun yang ingin Anda tambahkan kode HTML
Area widget yang tersedia akan bergantung pada tema WordPress yang Anda gunakan. Misalnya, Anda mungkin dapat menambahkannya ke footer, header, atau area lainnya
Selanjutnya, cari widget HTML Kustom di menu blok widget dan klik di atasnya untuk menambahkannya secara otomatis ke area widget
Setelah itu, Anda dapat mengklik widget HTML Khusus Anda dan memasukkan kode HTML. Setelah selesai, jangan lupa klik tombol ‘Perbarui’ di pojok kanan atas layar
Anda sekarang dapat mengunjungi situs web Anda untuk melihat widget HTML Khusus beraksi
Cara Mengedit HTML di Editor Tema WordPress
Cara lain untuk mengedit HTML situs web Anda adalah melalui Editor Tema WordPress [Editor Kode]
Namun, kami tidak menyarankan Anda langsung mengedit kode di Editor Tema. Kesalahan sekecil apa pun saat memasukkan kode dapat merusak situs web Anda dan menghalangi Anda mengakses dasbor WordPress
Juga, jika Anda memperbarui tema Anda, semua perubahan Anda akan hilang
Karena itu, jika Anda mempertimbangkan untuk mengedit HTML menggunakan editor Tema, sebaiknya cadangkan situs web Anda sebelum melakukan perubahan apa pun
Selanjutnya, buka Penampilan »Editor Tema dari dasbor WordPress Anda. Anda sekarang akan melihat pesan peringatan tentang mengedit file tema secara langsung
Setelah Anda mengklik tombol 'Saya Mengerti', Anda akan melihat file dan kode tema Anda. Dari sini, Anda dapat memilih file mana yang ingin diedit dan melakukan perubahan
Cara Edit HTML di WordPress Menggunakan FTP
Metode alternatif lain untuk mengedit HTML di file tema WordPress adalah dengan menggunakan FTP yang juga dikenal sebagai layanan protokol transfer file
Ini adalah fitur standar yang disertakan dengan semua akun hosting WordPress
Manfaat menggunakan FTP daripada editor kode adalah Anda dapat dengan mudah memperbaiki masalah menggunakan klien FTP. Dengan cara ini, Anda tidak akan terkunci dari dasbor WordPress jika ada yang rusak saat mengedit HTML
Untuk memulai, pertama-tama Anda harus memilih perangkat lunak FTP. Kami akan menggunakan FileZilla dalam tutorial ini, karena ini adalah klien FTP gratis dan mudah digunakan untuk Windows, Mac, dan Linux
Setelah memilih klien FTP Anda, sekarang Anda harus masuk ke server FTP situs Anda. Anda dapat menemukan detail login di dasbor panel kontrol penyedia hosting Anda
Setelah Anda masuk, Anda akan melihat berbagai folder dan file situs web Anda di bawah kolom 'Situs jarak jauh'. Silakan dan navigasikan ke file tema Anda dengan masuk ke wp-content »theme
Sekarang Anda akan melihat berbagai tema di situs web Anda. Lanjutkan dan pilih tema yang ingin Anda edit
Selanjutnya, Anda dapat mengklik kanan file tema untuk mengedit HTML. Misalnya, jika Anda ingin melakukan perubahan pada footer, maka klik kanan footer tersebut. file php
Banyak klien FTP memungkinkan Anda untuk melihat dan mengedit file dan mengunggahnya secara otomatis setelah Anda melakukan perubahan. Di FileZilla, Anda dapat melakukannya dengan mengeklik opsi 'Lihat/Edit'
Namun, kami menyarankan Anda mengunduh file yang ingin Anda edit ke desktop Anda sebelum melakukan perubahan apa pun
Setelah mengedit HTML, Anda dapat mengganti file aslinya. Untuk detail lebih lanjut, kami sarankan untuk mengikuti panduan kami tentang cara menggunakan FTP untuk mengunggah file di WordPress
Cara Mudah Menambahkan Kode di WordPress
Cara termudah untuk menambahkan kode ke WordPress Anda adalah dengan menggunakan WPCode
Tim di WPBeginner merancang plugin ini sehingga Anda dapat dengan mudah menambahkan kode ke situs Anda dalam hitungan menit, dan kami membuatnya 100% gratis untuk digunakan
Ini juga membantu mengatur kode Anda karena disimpan di satu tempat. Plus, ini mencegah kesalahan yang dapat terjadi saat mengedit kode secara manual
Manfaat lainnya adalah Anda tidak perlu khawatir kode Anda terhapus jika Anda memutuskan untuk memperbarui atau mengubah tema Anda
Hal pertama yang perlu Anda lakukan adalah menginstal dan mengaktifkan plugin WPCode di situs web Anda. Untuk detail lebih lanjut, Anda dapat mengikuti tutorial terperinci kami tentang cara memasang plugin WordPress
Setelah plugin aktif, Anda dapat menuju ke Cuplikan Kode » Header & Footer dari panel admin Anda
Selanjutnya, Anda dapat menambahkan kode HTML ke situs web Anda di kotak header, body, dan footer
Misalnya, Anda ingin menampilkan bilah peringatan di situs web Anda. Anda cukup memasukkan kode HTML di kotak 'Tubuh' dan klik tombol 'Simpan Perubahan'
Selain itu, Anda dapat menambahkan kode pelacakan Google Analytics dan piksel Facebook di header atau menambahkan tombol Pinterest di footer situs Anda menggunakan plugin.
Dengan WPCode, mudah untuk memutuskan di mana kode juga dihasilkan. Misalnya, Anda dapat secara otomatis menampilkan beberapa kode HTML di awal atau akhir setiap posting
Untuk detail lebih lanjut, Anda dapat melihat panduan kami tentang cara menambahkan kode header dan footer di WordPress
Kami harap artikel ini membantu Anda mempelajari cara mengedit HTML di editor kode WordPress. Anda mungkin juga ingin melihat panduan kami tentang berapa biaya sebenarnya untuk membangun situs web WordPress, atau melihat alasan paling penting mengapa Anda harus menggunakan WordPress untuk situs web Anda
Jika Anda menyukai artikel ini, silakan berlangganan ke Channel YouTube untuk tutorial video WordPress. Anda juga dapat menemukan kami di Twitter dan Facebook