Artikel Uji Coba WordPress: Semua Elemen dalam Satu Halaman

Artikel ini sengaja disusun sebagai uji render menyeluruh (kitchen sink) untuk memastikan theme WordPress yang baru dipasang menampilkan setiap elemen dengan benar — mulai dari hierarki heading, format teks, gambar, tabel, sampai code block. Baca dari atas ke bawah dan perhatikan apakah ada elemen yang tampil aneh, terpotong, atau kehilangan styling.

Gunakan artikel ini setiap kali kamu ganti theme, update versi, atau mengaktifkan plugin baru supaya bisa cepat mendeteksi masalah rendering sebelum konten asli dipublikasikan.

1. Hierarki Heading (H1–H6)

Setiap level heading harus punya ukuran dan jarak yang jelas berbeda. Untuk SEO, pastikan hanya ada satu H1 per halaman dan urutannya tidak melompat (jangan H2 langsung ke H4).

Ini Heading Level 3

Teks di bawah H3 untuk mengecek spacing.

Ini Heading Level 4

Teks di bawah H4.

Ini Heading Level 5

Teks di bawah H5.

Ini Heading Level 6

Teks di bawah H6.

2. Format Teks Inline

Paragraf ini menguji berbagai format: teks tebal (bold), teks miring (italic), teks bergaris bawah, teks dicoret (strikethrough), dan teks ditandai (highlight). Ada juga inline code di tengah kalimat, rumus air H₂O dengan subscript, notasi x² dengan superscript, serta sebuah tautan eksternal dan tautan internal (anchor). Perhatikan apakah setiap format terbedakan dengan jelas secara visual.

Paragraf kedua yang lebih panjang untuk menguji line-height dan kenyamanan baca pada blok teks berukuran sedang. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc feugiat, sapien nec porttitor luctus, augue lorem tincidunt nisl, vitae ultrices arcu velit non massa. Curabitur vitae nunc sed velit dignissim sodales. Pastikan spasi antar baris nyaman dan tidak terlalu rapat maupun terlalu renggang di layar desktop dan mobile.

3. Gambar & Alignment

Bagian ini menguji gambar responsif, teks alternatif (alt), caption, serta alignment ala WordPress (alignleft, aligncenter, alignright).

Gambar Lebar (Featured)

Gambar Rata Kiri dengan Teks Membungkus

Teks ini harus membungkus di sisi kanan gambar yang di-align kiri. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Perhatikan apakah jarak antara gambar dan teks cukup dan teks tidak menempel ke gambar.

Gambar Rata Tengah dengan Caption

Galeri (Beberapa Gambar)

4. Daftar / List

Unordered List (dengan sub-list)

• Item level satu pertama
• Item level satu kedua
  • Sub-item A
  • Sub-item B
    • Sub-sub-item i
    • Sub-sub-item ii
• Item level satu ketiga

Ordered List

1. Langkah pertama
2. Langkah kedua
   1. Sub-langkah 2.1
   2. Sub-langkah 2.2
3. Langkah ketiga

Definition List

Crawl BudgetJumlah halaman yang bersedia di-crawl mesin pencari dalam kurun waktu tertentu.Canonical URLURL versi utama yang ditunjuk untuk menghindari konten duplikat.IndexNowProtokol push indexing untuk memberi tahu mesin pencari saat ada perubahan URL.

5. Tabel Data

Tabel menguji border, header, baris zebra, footer total, dan perataan angka. Cek juga apakah tabel bisa di-scroll atau menyesuaikan di layar mobile (tidak memaksa halaman melebar).

6. Kutipan (Blockquote & Pull Quote)

Konten yang baik bukan yang paling panjang, melainkan yang paling relevan dengan maksud pencarian pengguna. Struktur yang rapi membantu mesin pencari dan pembaca sekaligus.— Kutipan uji coba

“Uji setiap elemen sebelum publikasi — bukan sesudah.”

7. Code Block

Menguji inline code dan blok kode dengan horizontal scroll untuk baris panjang. Berikut contoh schema JSON-LD Article yang relevan untuk SEO:

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "Artikel Uji Coba WordPress",
  "author": { "@type": "Person", "name": "Ivan Ronaldo" },
  "datePublished": "2026-07-08",
  "publisher": {
    "@type": "Organization",
    "name": "HoLink",
    "logo": { "@type": "ImageObject", "url": "https://ho.link/logo.png" }
  },
  "mainEntityOfPage": "https://ho.link/blog/uji-coba-wordpress"
}
</script>

8. Elemen Lain

Horizontal Rule

Garis pemisah di bawah ini menandai pergantian bagian.

Tombol / CTA

Catatan: tombol butuh dukungan class dari theme/plugin. Jika di WordPress tampil sebagai teks link biasa, berarti theme belum menata class tersebut.

Tombol Utama Tombol Sekunder

Kotak Notifikasi (Callout)

✅ Info: Ini kotak informasi. Berguna untuk tip atau catatan penting di dalam artikel.

⚠️ Peringatan: Ini kotak peringatan untuk hal yang perlu diperhatikan pembaca.

Karakter Spesial & Emoji

Uji encoding UTF-8: hak cipta ©, terdaftar ®, merek dagang ™, panah → ← ↑ ↓, em-dash —, tanda kutip “pintar” dan ‘tunggal’, huruf beraksen: café, piñata, naïve, Zürich, Malmö. Emoji: 🚀 ✅ 📊 🔍 💡 🇮🇩. Semua harus tampil utuh tanpa jadi kotak atau tanda tanya.

Selesai. Jika seluruh bagian di atas tampil rapi dan konsisten, theme WordPress kamu siap dipakai. Jika ada yang bermasalah, catat bagian nomor berapa untuk ditindaklanjuti.