Cara Menyembunyikan Judul Halaman dan Postingan di WordPress

Ketika kamu telah selesai mendesain dan menulis artikel pada situs web, kemudian ingin melihat pratinjau hasil yang kamu kerjakan, tetapi kamu menyadari bahwa judul halaman terlihat merusak desain dari situs web.

Sehingga kamu bertujuan untuk menghilangkan atau menyembunyikan judul halaman, tetapi WordPress tidak menyertakan cara untuk melakukan ini.

Semuanya tergantung dari tema yang kamu gunakan. Jika judul yang di tampilkan terlalu besar lalu apa yang akan kamu lakukan? inilah sebabnya mengapa kamu harus melihat cara menyembunyikan judul halaman dan postingan di WordPress berikut ini.

Saya akan menggunakan beberapa opsi yang dapat di gunakan untuk menonaktifkan satu judul atau menyembuyikan semuanya.

Cara Menyembunyikan Semua Judul Halaman dan Postingan di WordPress

Metode ini aman untuk digunakan, tetapi sebelum membuat perubahan, ada baiknya kamu mencadangkan situs web terlebih dahulu.

Ada beberapa cara untuk menyembunyikan judul postingan atau halaman, saya akan membahasnya di bawah.

Menggunakan Baris Kode CSS

Pertama saya akan mencoba menghilangkan semua judul postingan dan halaman di WordPress dengan menggunakan CSS. Yang diperlukan hanyalah sebaris kode untuk menghilangkan judul.

1. Dari dashboard WordPress, buka Appearance > Customize.
2. Pada panel kiri, kamu cari menu Additional CSS.
3. Kemudian masukkan CSS berikut pada kolom kode.
   
   CSS

   1 2 3

   .entry-title { display: none; }

   
   

Kamu akan melihat judul di pratinjau sebelah kanan akan menghilang. Begitu juga ketika kamu membuka halaman atau postingan, judulnya juga akan menghilang. Tetapi kamu akan melihat bahwa judul postingan pada widget akan tetap ada.

Jika kode di atas tidak bekerja, kamu harus mencari tahu class CSS apa yang digunakan tema kamu untuk menampilkan judul.

Di pratinjau sebelah kanan, klik kanan judul postingan dan klik Inspect. Jika kamu menggunakan browser selain Chrome mungkin akan muncul Inspect Element atau Inspector.

Layar baru akan muncul dengan area kode. Lihat di sekitar kode yang di sorot untuk menemukan nama class H1 atau H2, misalnya : <h1 class="entry-title">

Alih-alih “entry-tittle”, itu mungkin “post-tittle”, “page-tittle”, atau yang lainnya tergantung dari tema yang kamu gunakan.

Gunakan kode CSS di atas, tetapi ubah “entry-tittle” untuk class CSS dengan yang ada pada tema kamu.

Cara Menyembunyikan Judul Halaman di WordPress

Mungkin kamu hanya mencoba untuk menyembunyikan semua judul halaman tanpa postingan. Dalam hal ini, kamu hanya perlu mengubah sedikit kode CSS di atas. Cukup tambahkan “.page” di depan kode. Contoh :

Dengan begitu harusnya sudah menyembunyikan semua judul halaman di situs WordPress kamu.

Cara Menyembunyikan Judul Halaman Tunggal di WordPress

Jika kamu ingin menyembunyikan hanya satu judul halaman. Kamu memiliki dua opsi yaitu, dengan menggunakan plugin atau gunakan versi modifikasi dari kode CSS di atas yang menargetkan halaman berdasarkan ID.

Kamu dapat menggunakan plugin yang dibuat khusus untuk menyembunyikan judul, seperti Hide Page And Post Title.

Tetapi jika kamu terlalu banyak menggunakan plugin itu akan berdampak pada kecepatan situs web.

Dari pada menggunakan plugin kecil yang hanya memiliki satu fungsi, kamu bisa menggunakan plugin website builder seperti Elementor. Elementor juga memiliki fitur untuk menyembunyikan judul halaman dengan togle sederhana.

Berikut ini adalah cara menyembunyikan judul halaman dengan Elementor.

1. Buka halaman manapun pada dashboard WordPress. Setelah itu pilih Edit with Elementor.
2. Kemudian klik Pengaturan di sudut kiri bawah.
3. Pada Hide Title kamu geser togle untuk menyembunyikan judul.

Cara selanjutnya adalah menggunakan kode CSS untuk menargetkan halaman tertentu pada WordPress.

Pertama, kamu harus mengetahui ID halaman. Pada dashboard WordPress, buka All Pages dan arahkan kursor ke judul.

Di sudut kiri bawah, kamu akan melihat tautan muncul. Di dalamnya terdapat ID dari halaman setelah “?post=”. Pada kasus ini contoh ID halaman saya adalah “2”.

Sekarang gunakan ID ini untuk menargetkan halaman menggunakan CSS, ganti “2” dengan ID yang kamu temukan, seperti ini.

Jika tidak berhasil untuk kamu, mungkin tema WordPress yang kamu gunakan menggunakan class CSS yang berbeda.

Inspect Element pada judul halaman untuk melihat class CSS yang digunakan oleh tema kamu.

Cara Menghapus Judul Halaman WordPress

Mungkin tidak terpikirkan oleh kamu, bahwasannya membiarkan judul kosong itu sudah dapat menghilangkan judul pada halaman.

Tetapi sebenarnya itu bukan ide yang bagus. Permalink sangat penting untuk SEO, dan WordPress biasanya menghasilan slug berdasarkan judul. Jika kamu tidak memberi judul, itu akan membuatnya menggunakan angka atau rangkaian huruf acak, yang dapat berpengaruh buruk pada SEO.

Kamu masih bisa mengubah permalink secara manual (URL slug), tetapi kamu harus melakukan itu setiap membuat halaman baru.

Selain itu, postingan dan halaman tanpa judul ditampilkan pada dashboard sebagai “(no title)”. Ketika kamu memiliki banyak halaman seperti itu, kamu akan mengalami kesulitan ketika ingin mecari halaman.

Dan bukan hanya itu masalah yang kamu alami. Bergantung pada tema yang kamu gunakan, halaman atau postingan tanpa judul juga akan ditampilkan sebagai “(no title)” pada halaman depan situs web. Misalnya, jika kamu memiliki halaman menu, atau menggunakan widget Recent Post. Ini akan membuat situs web kamu tidak dapat dinavigasi.

Sebaiknya kamu mempertimbangkan cara ini, karena akan sangat buruk dalam SEO, kamu bisa menggunakan metode lain, seperti menggunakan plugin atau menggunakan kode CSS.

Cara Menyembunyikan Judul Postingan WordPress

Menyembunyikan semua judul postingan semudah menyembunyikan semua judul halaman di atas.

Dengan menggunakan CSS yang sama seperti sebelumnya, jika pada panduan di atas saya menggunakan “.page” untuk menyembunyikan halaman, maka untuk menyembunyikan postingan kamu perlu menggunakan “.post”.

Sekarang semua postingan tidak akan menampilkan judul, tetapi halaman normal akan tetap menampilkannya.

Menyembunyikan Judul Postingan Tunggal WordPress

Menyembunyikan judul postingan tunggal hampir sama dengan menyembunyikan judul halaman, seperti yang saya bahas di atas.

Kamu dapat menggunakan plugin untuk penghapus judul, atau menargetkan ID postingan dengan CSS.

Jika kamu ingin menggunakan CSS, kode yang digunakan sedikit berbeda. Pada dashboard WordPress, buka All Post dan arahkan kursor ke judul untuk melihat ID postingan. Lalu gunakan kode berikut, ganti angka “2” dengan ID postingan yang kamu miliki.

Jika tidak berhasil coba cek class yang digunakan pada judul postingan. Dengan cara klik Inspect Element pada judul.

Ringkasan

Karena tidak ada cara bawaan yang di sediakan WordPress untuk menyembunyikan judul halaman dan postingan, kamu perlu menggunakan beberapa metode yang di sebutkan di atas.

Saya sangat tidak menyarankan untuk menggunakan plugin dalam mengatasi masalah ini, karena itu akan memperlambat loading dari website kamu.

Sebaiknya gunakan kode CSS sederhana di atas meskipun sedikit rumit tapi itu lebih baik dari pada membebani server.

Dan juga hindari menghapus judul pada postingan atau halaman, karena itu akan berdampak buruk pada SEO.

Itu saja, jika kamu memiliki pertanyaan silahkan tinggalkan pada kolom komentar.