fbpx

Daftar Cloud Depa by Dewabiz - Dapatkan Saldo Gratis Secara Cuma Cuma!

GeneralWordpress

Cara Edit HTML WordPress Mudah Bagi Pemula!

Yanti puspita

Untuk lebih menyesuaikan situs web Anda, Anda perlu tahu cara edit HTML WordPress. Dengan fleksibilitas kontrol tema situs web, Anda dapat menyesuaikan situs web sesuai dengan kebutuhan Anda. Jadi, bagaimana cara edit HTML di WordPress? Ikuti langkah-langkah di bawah ini!

Fungsi Edit HTML WordPress

Seperti yang sudah Anda ketahui, WordPress adalah CMS yang menawarkan fitur theme dan juga plugin untuk mengubah tampilan website Anda. Namun, ia memiliki keterbatasan dan mungkin tidak dapat mengakomodasi dan mengelola halaman situs web tertentu sebagaimana dimaksud.

Nah, di sinilah terdapat fungsi pengeditan HTML, karena Anda dapat menyesuaikan dan membuatnya lebih mudah. Di sisi lain, mengedit di WordPress adalah tugas yang serius. Oleh karena itu, Anda harus bisa meminimalisir resiko yang mungkin terjadi saat mengedit HTML website Anda. Untuk melakukan ini, tetapkan rencana dan tujuan.

Sebelum itu, pertimbangkan juga apa tujuan Anda dan bagaimana Anda akan melakukannya. Mempelajari cara mengedit HTML WordPress akan memberi Anda banyak fleksibilitas dan kontrol atas situs web Anda. Selain itu, mempelajari cara edit HTML di WordPress juga dapat membantu Anda mengidentifikasi dan memperbaiki kesalahan di situs web Anda.

Cara Edit HTML WordPress

Nah, agar tidak salah langkah, ketahui cara edit HTML WordPress lengkap berikut ini.

Menggunakan Editor Blok WordPress

Cara edit HTML WordPress yang pertama yaitu dengan menggunakan editor blok WordPress. Pada editor blok WordPress ini, gunakan blok HTML khusus pada konten Anda untuk menambahkan kode HTML. Bukalah dasbor WordPress Anda lalu tambahkan juga posting/halaman baru atau edit artikel yang sudah ada.

Kemudian, klik tombol yang bertanda tanda plus (+) yang berada pada pojok kiri atas dan juga tambahkan juga blok ‘Custom HTML’. Setelah itu, masukkanlah kode HTML khusus pada blok. Di sini, Anda juga dapat mengeklik opsi ‘Pratinjau’ untuk memeriksa apakah kode HTML berfungsi dan bagaimana konten akan ditampilkan di situs web Anda.

Menggunakan Editor Tema WordPress

Selanjutnya cara edit HTML WordPress yaitu dengan mengedit HTML pada Theme Editor WordPress. Untuk melakukan cara edit HTML WordPress ini tentunya perlu perhatian khusus. Sebab, jika kesalahan sekecil apapun saat memasukkan kode bisa merusak website Anda dan menghalangi Anda untuk masuk ke dashboard WordPress.

Oleh karena itu, sebaiknya cadangkan situs web Anda sebelum melakukan perubahan apa pun. Kemudian untuk mengedit HTML di Theme Editor WordPress, ikuti langkah-langkah ini: Masuk ke Appearance, lalu masuk ke Theme Editor dari dashboard WordPress dan akan muncul pesan pop-up peringatan tentang mengedit file tema secara langsung. Klik tombol ‘Saya mengerti’, pilih file yang ingin Anda konversi.

Menggunakan Widget WordPress

Selanjutnya cara edit HTML WordPress yaitu dengan mengedit HTML pada widget WordPress. Ini sangat penting jika Anda ingin menyertakan formulir kontak, Google Maps, tombol ajakan bertindak (CTA), dan konten lainnya.

Anda dapat menggunakan widget HTML khusus untuk menyesuaikan sidebar, footer, dan lainnya situs web Anda. Nah untuk bisa mengedit HTML di widget WordPress,Anda bisa mengikuti langkah-langkah berikut ini:

  • Pergi ke Appearance, klik Widget. Kemudian, Anda bisa melanjutkan dan juga menambahkan widget HTML Kustom dengan mengklik tombol ‘Tambah’.
  • Selanjutnya, pilih tempat Anda ingin menambahkan widget HTML khusus dan pilih posisinya. Area widget ini akan bergantung pada tema WordPress yang Anda gunakan.
  • Setelah memilih wilayah serta posisi widget, lanjutkan dan klik tombol ‘Simpan Widget’.
  • Kemudian, klik widget Custom HTML dan juga masukkan kode HTML, lalu klik tombol ‘Simpan’.
  • Jadi sekarang, Anda bisa mengunjungi situs web untuk melihat widget HTML khusus yang telah berhasil Anda konversi.

Menggunakan FTP

Cara edit HTML WordPress selanjutnya adalah dengan menggunakan FTP. Ingat, cara edit HTML WordPress dengan menggunakan FTP juga dikenal sebagai layanan protokol transfer file. Dibandingkan dengan editor kode, keuntungan menggunakan FTP adalah Anda bisa menyelesaikan masalah menggunakan klien FTP dengan lebih mudah.

Dengan menggunakan FTP, Anda tidak akan terkunci dari dasbor WordPress jika terjadi kesalahan ketika mengedit HTML. Nah untuk mengedit HTML WordPress menggunakan FTP, ikuti langkah-langkah berikut ini:

  • Pilih salah satu software FTP.
  • Masuk ke server FTP.
  • Setelah masuk, Anda pasti akan melihat berbagai folder dan file situs web, navigasikan ke file tema Anda dengan membuka konten-wp lalu ke tema.
  • Sekarang Anda bisa melihat berbagai tema, lalu pilihlah tema yang ingin Anda rubah.
  • Klik kanan pada file tema untuk mengedit HTML. Misalnya jika ingin mengubah footer, maka klik kanan pada file footer.php.

Menggunakan Plugin CP Coder

Cara edit HTML WordPress yang selanjutnya yaitu dengan menggunakan plugin CP Coder. Saat menerapkan tema WordPress, situs web Anda akan memiliki tata letak, warna, dan juga font tertentu. Jika Anda tidak menyukainya, Anda dapat mengubahnya dan menggantinya dengan yang lain.

Namun, bagaimana jika Anda ingin mempertahankan tata letak tema tetapi ingin mengganti font? Untuk itu, Anda bisa menggunakan plugin CP Coder. Metode ini merupakan perintah yang dapat Anda gunakan untuk menyalin file ke direktori. Caranya yaitu: cp ‘nama-file + ekstensi’ ‘direktori yang dituju’

Bagaimana Cara Menambahkan Kode Ke WordPress

Cara menambahkan kode ke WordPress adalah dengan menggunakan plugin Insert Header and Footer di WordPress. Plugin gratis ini dirancang hanya untuk membantu Anda menambahkan kode ke situs web Anda. Hal pertama yang perlu Anda lakukan adalah menginstal dan mengaktifkan plugin Header and Footer di website Anda. Ikuti langkah-langkah di bawah ini.

  • Setelah plugin aktif, buka Pengaturan, lalu tambahkan Header dan Footer dari panel admin
  • Tambahkan kode HTML ke situs web Anda di kotak header, body, dan footer, lalu klik tombol Simpan.
  • Selain itu, Anda juga bisa menambahkan tracking code Google Analytics dan juga Facebook pixel di bagian header, atau menambahkan tombol Pinterest pada bagian footer website Anda.

Nah itulah penjelasan mengenai cara edit HTML WordPress dengan berbagai cara yang sudah dijelaskan diatas. Meskipun WordPress menyediakan templat tema yang dapat diakses langsung, tidak ada salahnya menyesuaikannya sendiri melalui pengeditan HTML.

Dengan cara ini, tema dapat disesuaikan dengan kebutuhan dan fungsionalitas situs web meningkat. Semoga bermanfaat!

Baca Juga