Cara Menambahkan dan Mengedit Custom HTML di WordPress

Cara Menambahkan Custom HTML di WordPress

Menambahkan kode HTML kustom ke dalam WordPress dapat dilakukan dengan mudah melalui editor bawaan Gutenberg. Anda tidak memerlukan plugin tambahan untuk menyisipkan elemen seperti iframe, tombol kustom, atau skrip pihak ketiga sederhana. Berikut adalah langkah-langkah teknis untuk melakukannya.

Langkah Menggunakan Blok Custom HTML

1. Buka halaman atau postingan yang ingin Anda edit melalui dashboard WordPress.
2. Klik ikon (+) atau tombol Add Block.
3. Cari dan pilih blok bernama Custom HTML.
4. Masukkan kode HTML Anda ke dalam kotak teks yang tersedia.
5. Klik tombol Preview untuk melihat tampilan hasil kode sebelum mempublikasikannya.

Tabel Perbandingan Metode Kustomisasi

Tips Troubleshooting Kode HTML

Saat memasukkan kode HTML, pastikan sintaks penulisan benar. Jika elemen tidak muncul, periksa hal-hal berikut:

• Tag Penutup: Pastikan setiap tag pembuka (misal: <div>) memiliki tag penutup (</div>).
• Atribut: Pastikan nilai atribut diapit oleh tanda kutip ganda (").
• Keamanan: WordPress secara otomatis memfilter beberapa tag berbahaya (seperti <script> atau <iframe> dari sumber tidak terpercaya) demi keamanan situs. Jika kode Anda tidak muncul, periksa apakah tema atau plugin keamanan Anda memblokir skrip tersebut.

Untuk kebutuhan yang lebih kompleks seperti menyisipkan kode PHP, Anda disarankan menggunakan plugin khusus atau membuat child theme agar perubahan tidak hilang saat tema utama diperbarui. Selalu lakukan cadangan (backup) situs sebelum melakukan perubahan pada file inti tema.