Panduan/Pembuatan konten/Kode/Tambahkan kode ke situs Anda

Tambahkan kode ke situs Anda

Ada beberapa cara untuk menambahkan kode kustom ke situs WordPress.com Anda. Panduan ini menjelaskan jenis kode apa saja yang dapat ditambahkan ke situs Anda, tergantung pada paket WordPress.com yang Anda gunakan.

Tentang batasan kode

Jenis kode yang dapat Anda tambahkan ke situs WordPress.com bergantung pada tingkat paket Anda:

  • Situs Gratis memiliki batasan pada kode yang dapat ditambahkan. Batasan ini diberlakukan untuk menjaga keamanan semua situs yang berbagi lingkungan hosting yang sama.
  • Paket yang mendukung plugin tidak memiliki batasan pada kode yang dapat Anda tambahkan, setelah Anda mengaktifkan paket.

Alternatif selain kode

Jika Anda ingin menggunakan iframe, JavaScript, atau kode lain di situs Anda tanpa upgrade ke paket yang mendukung plugin, pertimbangkan alternatif berikut:

HTML

HTML adalah bahasa setiap halaman web yang Anda kunjungi di internet. HTML menggunakan kode khusus (disebut tag) untuk menyusun dan mengatur konten halaman web, seperti teks, gambar, tautan, dan multimedia. Semua situs WordPress.com dapat menggunakan tag HTML berikut:

  • 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

Selain itu, situs dengan paket yang mendukung plugin dan fitur hosting yang diaktifkan dapat menggunakan kode berikut:

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

Anda dapat menyisipkan blok HTML Kustom untuk cuplikan HTML yang lebih kecil.

Mengedit HTML di Editor WordPress

Anda dapat mengedit HTML secara langsung di Editor WordPress dengan dua cara:

Di bilah peralatan setiap blok (yang muncul saat Anda mengeklik blok tersebut), ikon elipsis atau tiga titik memiliki pilihan “Edit sebagai HTML” untuk mengedit HTML pada blok tertentu saja.

Panah yang menunjuk dari menu "Pilihan" di bilah peralatan blok ke pilihan "Edit sebagai HTML".
Mengedit HTML blok

Jika Anda ingin mengedit seluruh halaman dalam HTML, klik ikon elipsis di pojok kanan atas dan pilih “Editor kode” untuk beralih ke HTML.

Secara default, editor kode menggunakan penyorotan sintaksis. Anda dapat menonaktifkannya per pengguna dan per situs dengan mengikuti langkah berikut:

  1. Buka Pengguna → Profil di Dasbor situs Anda.
  2. Centang kotak di samping “Nonaktifkan penyorotan sintaksis saat mengedit kode”.
  3. Klik tombol “Perbarui Profil” untuk menyimpan perubahan Anda.
Pilihan editor kode disorot.
Editor kode

CSS

CSS mengatur tampilan dan gaya konten web HTML. CSS dapat mengontrol warna, font, ukuran, jarak, dan posisi elemen pada halaman web.

Pengeditan CSS didukung pada situs dengan paket Personal, Premium, Bisnis, atau Niaga. Kunjungi panduan CSS Khusus kami untuk informasi lebih lanjut.

JavaScript

JavaScript menghadirkan interaktivitas dan elemen dinamis pada halaman web. JavaScript digunakan untuk membuat fitur menarik seperti formulir interaktif, animasi, dan desain responsif.

Kode JavaScript biasanya diawali dengan tag <script> dan dapat digunakan pada situs dengan paket yang mendukung plugin. Anda dapat menyisipkan kode JavaScript menggunakan blok HTML Kustom atau metode lain dari bagian berikut yang menjelaskan cara menyisipkan kode.

JavaScript dari mitra tepercaya, seperti YouTube dan Google Maps, dapat dikonversi menjadi sematan atau shortcode yang didukung pada paket apa pun.

Cara menyisipkan kode

⚠️

Berhati-hatilah saat menambahkan kode kustom yang dapat membuat situs Anda rentan terhadap serangan. Kami sarankan agar Anda hanya menambahkan kode dari sumber tepercaya. Jika ragu, lebih baik utamakan kehati-hatian dan cari metode alternatif.

Dengan batasan yang disebutkan di atas, Anda dapat menambahkan kode ke situs menggunakan metode yang paling sesuai dengan kebutuhan Anda. Metode berikut dapat digunakan untuk menyisipkan sebagian besar kode, termasuk iframe dan JavaScript:

Untuk situs dengan paket yang mendukung plugin dan fitur hosting yang diaktifkan:

Copied to clipboard!