Cara Mengedit HTML di Editor Kode Website (Panduan Pemula)

Bagikan

Apakah Anda mencari cara mudah untuk mengedit HTML di situs Website Anda?

HyperText Markup Language atau HTML adalah kode yang memberi tahu browser web cara menampilkan konten di halaman web Anda. Mengedit HTML berguna untuk penyesuaian tingkat lanjut dan pemecahan masalah.

Pada artikel ini, kami akan menunjukkan cara mengedit HTML di editor kode Website menggunakan metode yang berbeda.

Mengapa Anda Harus Mengedit HTML di Website?

Website menawarkan ribuan tema dan plugin untuk mengubah tampilan situs web Anda dan menyesuaikan elemen yang berbeda tanpa menyentuh satu baris kode pun.

Namun, plugin dan tema memiliki keterbatasan dan mungkin tidak menawarkan fitur persis yang Anda cari. Akibatnya, Anda mungkin tidak dapat menata situs web Anda seperti yang Anda inginkan.

Di sinilah mengedit HTML sangat berguna. Anda dapat dengan mudah melakukan kustomisasi lanjutan 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 Website Anda saat Anda tidak memiliki akses ke dasbor.

Catatan: Jika Anda tidak ingin mengedit HTML, tetapi masih menginginkan opsi penyesuaian penuh, sebaiknya gunakan pembuat halaman Website seret dan lepas seperti SeedProd.

Karena itu, mari kita lihat berbagai cara untuk mengedit HTML di situs web Website.

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 mengklik tautan di bawah ini untuk melompat ke depan ke bagian pilihan Anda.

  • Cara Mengedit HTML di Editor Blok Website
  • Cara Mengedit HTML di Editor Klasik Website
  • Cara Mengedit HTML di Widget Website
  • Cara Mengedit HTML di Editor Tema Website
  • Cara Mengedit HTML di Website Menggunakan FTP
  • Cara Mudah Menambahkan Kode di Website
  • Cara Mengedit HTML di Editor Blok Website

Di editor blok Website, ada beberapa cara untuk mengedit HTML posting atau halaman Anda.

Pertama, Anda dapat menggunakan blok HTML Khusus di konten Anda untuk menambahkan kode HTML.

Untuk memulai, buka dasbor Website 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 baik dan bagaimana konten Anda akan terlihat di situs web langsung Anda.

Cara lain untuk menambah atau mengubah kode HTML di editor blok Website adalah dengan mengedit HTML blok tertentu.

Untuk melakukannya, cukup pilih blok yang ada di konten Anda, lalu klik menu tiga titik. Selanjutnya, lanjutkan dan klik opsi ‘Edit as HTML’.

Anda sekarang akan melihat HTML dari masing-masing blok. Silakan dan edit HTML konten Anda. Misalnya, Anda dapat menambahkan tautan nofollow, mengubah gaya teks, atau menambahkan kode lainnya.

Jika Anda ingin mengedit HTML seluruh posting Anda, maka Anda dapat menggunakan ‘Editor Kode’ di editor blok Website.

Anda dapat mengakses editor kode dengan mengklik opsi tiga titik di sudut kanan atas. Kemudian pilih ‘Editor Kode’ dari opsi tarik-turun.

Cara Mengedit HTML di Editor Klasik Website

Jika Anda menggunakan editor klasik Website, maka 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 membuatnya menonjol, menggunakan gaya miring dalam teks, membuat daftar, menambahkan daftar isi, dan banyak lagi.

Cara Mengedit HTML di Widget Website

Tahukah Anda bahwa Anda dapat menambahkan dan mengedit kode HTML di area widget situs Anda?

Di Website, menggunakan widget HTML Kustom dapat membantu Anda menyesuaikan bilah sisi, footer, dan area widget lainnya. Misalnya, Anda dapat menyematkan formulir kontak, Google Maps, tombol ajakan bertindak (CTA), dan konten lainnya.

Anda dapat memulai dengan menuju ke panel admin Website Anda dan kemudian pergi ke Appearance »Widgets. Setelah itu, lanjutkan dan tambahkan widget HTML Kustom dengan mengklik tombol ‘Add’.

Selanjutnya, Anda harus memilih di mana Anda ingin menambahkan widget HTML Khusus dan memilih posisi. Area widget akan tergantung pada tema Website yang Anda gunakan. Misalnya, Anda mungkin dapat menambahkannya ke footer, header, atau area lainnya.

Setelah Anda memilih area dan posisi widget, lanjutkan dan klik tombol ‘Simpan Widget’.

Setelah itu, Anda dapat mengklik widget Custom HTML Anda, memasukkan kode HTML, dan kemudian klik tombol ‘Save’.

Anda sekarang dapat mengunjungi situs web Anda untuk melihat widget HTML Khusus beraksi.

Cara Mengedit HTML di Editor Tema Website

Cara lain untuk mengedit HTML situs web Anda adalah melalui Website Theme Editor (Code Editor).

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 dashboard Website.

Juga, jika Anda memperbarui tema Anda, maka semua perubahan Anda akan hilang.

Karena itu, jika Anda mempertimbangkan untuk mengedit HTML menggunakan editor Tema, maka sebaiknya buat cadangan situs web Anda sebelum membuat perubahan apa pun.

Selanjutnya, buka Appearance » Theme Editor dari dashboard Website 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 Anda edit dan membuat perubahan.

Cara Mengedit HTML di Website Menggunakan FTP

Metode alternatif lain untuk mengedit HTML di file tema Website adalah dengan menggunakan FTP yang juga dikenal sebagai layanan protokol transfer file.

Ini adalah fitur standar yang disertakan dengan semua akun hosting Website.

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 Website Anda jika ada yang rusak saat mengedit HTML.

Untuk memulai, Anda harus memilih perangkat lunak FTP terlebih dahulu. Kami akan menggunakan FileZilla dalam tutorial ini, karena ini adalah klien FTP gratis dan ramah pengguna untuk Windows, Mac, dan Linux.

Setelah memilih klien FTP Anda, Anda sekarang 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.

Anda sekarang akan melihat berbagai tema di situs web Anda. Silakan dan pilih tema yang ingin Anda edit.

Selanjutnya, Anda dapat mengklik kanan pada file tema untuk mengedit HTML. Misalnya jika ingin melakukan perubahan pada footer, maka klik kanan file footer.php.

Banyak klien FTP memungkinkan Anda untuk melihat dan mengedit file dan mengunggahnya secara otomatis setelah Anda membuat perubahan. Di FileZilla, Anda dapat melakukan ini dengan mengklik opsi ‘View/Edit’.

Namun, kami menyarankan Anda mengunduh file yang ingin Anda edit ke desktop Anda sebelum membuat perubahan apa pun.

Setelah mengedit HTML, Anda dapat mengganti file asli. Untuk detail lebih lanjut, kami sarankan untuk mengikuti panduan kami tentang cara menggunakan FTP untuk mengunggah file di Website.

Cara Mudah Menambahkan Kode di Website

Cara termudah untuk menambahkan kode ke Website Anda adalah dengan menggunakan plugin Insert Headers and Footers Website.

Tim di WPBeginner merancang plugin ini, sehingga Anda dapat dengan mudah menambahkan kode ke situs Anda dalam hitungan menit, dan kami telah membuatnya 100% gratis untuk digunakan.

Ini juga membantu mengatur kode Anda, karena disimpan di satu tempat. Plus, ini mencegah kesalahan yang dapat disebabkan saat mengedit kode secara manual.

Manfaat lainnya adalah Anda tidak perlu khawatir kode Anda terhapus jika Anda memutuskan untuk memperbarui atau mengubah tema.

Hal pertama yang perlu Anda lakukan adalah menginstal dan mengaktifkan plugin Insert Headers and Footers di situs web Anda. Untuk detail lebih lanjut, Anda dapat mengikuti tutorial terperinci kami tentang cara menginstal plugin Website.

Setelah plugin aktif, Anda dapat menuju ke Setting »Insert Header dan 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 ‘Scripts in Body’ dan klik tombol Save.

Selain itu, Anda dapat menambahkan kode pelacakan Google Analytics dan piksel Facebook di header atau menambahkan tombol Pinterest di footer situs web Anda menggunakan plugin.

Untuk lebih jelasnya, Anda dapat melihat panduan kami tentang cara menambahkan kode header dan footer di Website.

Kami harap artikel ini membantu Anda mempelajari cara mengedit HTML di editor kode Website dan selamat mencoba.

Subscribe & Dapatkan Info Lainnya

WEBZID DEVELOPER

Berita Terkait