Panduan/Pembuatan konten/Kode/Menambahkan HTML khusus

Menambahkan HTML khusus

Gunakan blok HTML khusus untuk menambahkan kode HTML dan melihat pratinjaunya langsung saat Anda melakukan penyuntingan. Panduan ini akan menunjukkan cara menggunakan blok tersebut untuk menambahkan kode ke situs Anda.

Sebelum memulai

Sebelum memulai, blok HTML Khusus berfungsi untuk menambahkan kode HTML mentah ke satu halaman atau pos saja. Blok ini tidak selalu menjadi solusi yang tepat untuk setiap kebutuhan. Jika tujuan Anda sesuai dengan salah satu kondisi di bawah ini, panduan yang ditautkan berikut akan membantu Anda menyelesaikannya dengan lebih cepat:

  • Sematkan video, peta, pos media sosial, atau layanan pihak ketiga (seperti YouTube, Spotify, Instagram, Giphy, Pinterest, dan lainnya): lihat Sematkan konten dari platform lain. Blok Sematkan dapat digunakan di semua paket dan mendukung banyak layanan populer tanpa memerlukan kode khusus.
  • Kumpulkan detail kontak, pendaftaran, atau feedback: lihat blok Formulir. Blok Formulir dapat membuat formulir yang berfungsi penuh tanpa memerlukan HTML.
  • Tambahkan gaya CSS ke situs Anda : lihat Tambahkan CSS khusus.
  • Tambahkan kode ke header situs Anda (seperti meta tag verifikasi atau skrip pihak ketiga yang dimuat di seluruh situs): lihat Tambahkan kode ke header.

Menambahkan blok HTML Khusus

Untuk menambahkan blok HTML Khusus, ikuti langkah-langkah berikut:

  1. Buka dasbor situs Anda, lalu pilih halaman, pos, atau templat yang ingin disisipi kode HTML.
  2. Klik ikon + penyisip blok, lalu cari “HTML”.
  3. Klik blok HTML Khusus untuk menambahkannya ke konten Anda.
A box drawn around the Custom HTML block in the block selector.

Panduan lebih lanjut tentang cara menambahkan blok terdapat di sini.

Menambahkan HTML Anda

Setelah Anda menambahkan blok, ikuti langkah-langkah berikut untuk memasukkan kode HTML:

  1. Klik tombol “Sunting HTML”.
The HTML block with an Edit HTML button.
  1. Tulis atau tempel kode HTML Anda di sisi kiri editor.
    • Saat Anda menyusun HTML, pratinjau kode tersebut akan langsung muncul di sisi kanan.
  2. Jika sudah sesuai, klik tombol “Perbarui” untuk menyimpan perubahan.
The HTML editor with code on the left and a preview on the right.

Anda akan melihat hasil dari kode HTML tersebut di editor. Untuk melakukan perubahan, klik tombol “Sunting HTML” di bilah peralatan blok.

HTML yang Didukung

HTML adalah bahasa komputer yang menginstruksikan browser tentang cara menampilkan konten situs. WordPress.com mengizinkan tag HTML berikut di semua paket:

  • a
  • address
  • abbr
  • acronym
  • area
  • article
  • aside
  • b
  • big
  • blockquote
  • br
  • caption
  • cite
  • class
  • code
  • col
  • del
  • details
  • dd
  • div
  • dl
  • dt
  • em
  • figure
  • figcaption
  • footer
  • font
  • h1, h2, h3, h4, h5, h6
  • header
  • hgroup
  • i
  • img
  • ins
  • kbd
  • li
  • map
  • mark
  • ol
  • p
  • pre
  • q
  • rp
  • rt
  • rtc
  • ruby
  • s
  • section
  • small
  • span
  • strike
  • strong
  • sub
  • summary
  • sup
  • table
  • tbody
  • td
  • tfoot
  • th
  • thead
  • tr
  • tt
  • u
  • ul
  • var

Untuk menambahkan tag berikut, Anda memerlukan paket berbayar yang sudah mengaktifkan fitur hosting. Pelajari cara mengaktifkan fitur hosting paket Anda.

embed, frame, iframe, form, input, object, textarea, script, style, link

Untuk informasi selengkapnya mengenai jenis kode yang dapat Anda tambahkan ke situs Anda, serta solusi alternatif jika jenis kode tertentu tidak didukung, kunjungi panduan kami tentang menambahkan kode ke situs Anda.

Mengatasi masalah umum

Jika kode HTML Anda tidak muncul seperti yang diharapkan setelah disimpan, periksa beberapa penyebab umum berikut.

Kode hilang setelah disimpan

WordPress.com menyaring tag HTML tertentu demi alasan keamanan. Tag seperti iframe, script, style, form, embed, dan object memerlukan paket berbayar yang telah mengaktifkan fitur hosting.

Jika kode Anda hilang atau terhapus sebagian setelah disimpan, lakukan pemeriksaan berikut secara berurutan:

  1. Periksa paket Anda. Buka dasbor situs Anda, lalu pilih Upgrade → Paket. Blok HTML Khusus hanya menerima tag terbatas pada paket berbayar. Jika Anda menggunakan paket gratis, upgrade ke paket berbayar apa pun untuk melanjutkan.
  2. Aktifkan fitur hosting. Memiliki paket berbayar saja tidak cukup; fitur hosting juga harus aktif. Instal setidaknya satu plugin pada situs Anda untuk mengaktifkan paket Anda agar sistem dapat menerima kode khusus.
  3. Masukkan kembali kode Anda. Setelah paket ditingkatkan ke versi berbayar dan fitur hosting aktif, tempel kembali kode ke blok HTML Khusus lalu simpan.

Jika kode Anda tetap terhapus setelah Anda mengaktifkan fitur hosting, tag tersebut mungkin tidak didukung dalam konteks tersebut, atau layanan pihak ketiga menggunakan markup yang tidak didukung untuk kode sematannya. Coba menggunakan blok Sematkan sebagai gantinya, atau lihat bagian Mengatasi error “konten tidak terduga atau tidak valid” di bawah ini.

Menyematkan konten pihak ketiga tanpa kode khusus

Jika Anda ingin menyematkan konten dari layanan pihak ketiga — seperti video, musik, peta, pos media sosial, kalender, buletin, atau penampil dokumen — gunakan blok Sematkan. Blok Sematkan dapat berfungsi di semua paket, tidak mewajibkan Anda menulis HTML, dan mendukung berbagai layanan seperti YouTube, Vimeo, Spotify, X, Instagram, TikTok, dan lainnya.

Jika layanan yang Anda gunakan tidak tercantum dalam blok Sematkan, layanan tersebut mungkin memerlukan iframe atau script. Tambahkan kode sematan tersebut ke blok HTML Khusus menggunakan paket berbayar yang fitur hostingnya telah diaktifkan.

Mengatasi error “konten tidak terduga atau tidak valid”

Jika muncul pesan yang menyatakan bahwa blok Anda berisi konten yang tidak terduga atau tidak valid, kode HTML di blok tersebut mungkin salah format atau telah berubah. Pilih “Upayakan Pemulihan Blok” agar penyunting dapat memperbaiki masalah tersebut secara otomatis. Jika error masih berlanjut, buka panduan kami tentang mengatasi error blok untuk melihat pilihan perbaikan lainnya.

Copied to clipboard!