Cara Menyembunyikan Tag List di WordPress

14 September 2017

Cara menyembunyikan tag list di wordpress ini saya buat setelah mendapat pertanyaan dari salah satu anggota grup di Facebook. Yang mana, tentunya cara ini saya buat setelah cara yang saya berikan berhasil diterapkan, sehingga dapat diketahui bahwa cara yang saya bagikan ini telah terbukti WORK.

Seperti yang kita ketahui bersama, secara default WordPress menyediakan 2 jenis taxonomy di dalam engine-nya, yaitu category (kategori) dan tag. Secara umum, kategori dan tag memiliki fungsi yang sama, yaitu membagi artikel menjadi topik tertentu. Hanya saja, kategori umumnya digunakan untuk membagi artikel ke dalam kategori tertentu, sedangkan tag membagi artikel ke dalam topik tertentu yang lebih spesifik.

Nah, dari sekian banyak template yang tersedia untuk CMS WordPress, umumnya tag list diletakkan dibagian bawah artikel. Berikut contoh tampilan tag list pada WordPress:

Contoh Tampilan Tag List pada WordPress

Contoh Tampilan Tag List pada WordPress

Dengan tampilan seperti itu, terkadang dapat mengurangi “estetika” tampilan artikel jika tag yang ditampilkan terlalu banyak, sehingga bagi beberapa blogger lebih memilih untuk menyembunyikan tag list pada wordpress.

Cara Menyembunyikan Tag List di WordPress

Cara menyembunyikan tag list di halaman artikel wordpress tentunya berbeda-beda untuk setiap template atau tema yang digunakan. Dalam tutorial ini saya memberikan pemahaman dasar untuk menyembunyikan tag list, yaitu dengan cara menambahkan css (display:none) pada kelas tag list yang ada di dalam tema. Sebelum menambahkan css untuk menyembunyikan tag list, Anda harus mengetahui kelas apa yang digunakan oleh template untuk meletakkan tag list artikel. Silakan disimak.

Cara mengetahui kelas letak tag list artikel

  1. Kunjungi halaman artikel Anda kemudian letakkan kursor pada bagian tag list yang ingin disembunyikan.
  2. Klik kanan lalu pilih Inspeksi Elemen, kemudian cari kelas yang merupakan kelas dari tag list yang ingin disembunyikan. Caranya adalah arahkan kursor pada bagian Inspeksi Elemen. Saat Anda mengarahkan kursor ke kelas tertentu di Inspeksi Elemen, maka bagian website yang merupakan bagian kelas yang diarahkan oleh kursor akan terhighlight. Silakan lihat gambar:
    Inspeksi Elemen Kelas Tag List

    Inspeksi Elemen Kelas Tag List

    Pada gambar di atas, saya menempatkan kursor pada bagian 1, pada saat yang bersamaan, bagian 2 (bagian tag list) akan terhighlight berwarna biru. Hal tersebut menunjukkan bahwa bagian 2 (bagian tag list) ada di dalam kode <p class="ktz-tagcontent">...</p>. Dari kode tersebut, Anda dapat mengetahui bahwa tag list yang ingin Anda sembunyikan ada di dalam kelas ktz-tagcontent.

Cara menyembunyikan bagian di dalam kelas tertentu (menyembunyikan tag list)

Setelah mengetahui kelas dari tag list yang ingin disembunyikan, lakukan cara menyembunyikan tag list berikut ini:

  1. Login ke halaman Dashboard WordPress.
  2. Buka menu Tampilan -> Editor.
  3. Pastikan bagian yang ditampilkan adalah style.css (Secara default, setiap membuka halaman Editor, maka bagian yang ditampilkan adalah style.css).
  4. Tambahkan kode berikut di dalam style.css:
    .ktz-tagcontent {display:none}

    Silakan ganti ktz-tagcontent dengan nama kelas yang telah Anda dapatkan sebelumnya. Format penulisan kode css-nya adalah .namakelas {display:none} (Jangan lupa menambahkan tanda titik (.) di awal kode sebelum menuliskan nama kelas).

  5. Save/Simpan.

Sekian Cara Menyembunyikan Tag List di WordPress yang bisa saya bagikan. Silakan tanyakan di kolom komentar jika masih ada bagian yang belum Anda mengerti atau ada yang ingin Anda tambahkan. Terima kasih 🙂

4 komentar pada artikel "Cara Menyembunyikan Tag List di WordPress"

  1. saranku jangan pakai CSS, takut kena pelanggaran Google
    tapi sembunyikan dari code template-nya

    1. Muhammad Riduan berkata:

      Wah, saya merasa sangat senang atas kunjungan mas Iskandar Dzulkarnain 🙂

      Terima kasih atas masukannya, insyaAllah ke depannya artikel ini akan saya update dengan menambahkan saran dari mas Iskandar dan tutorial menyembunyikan (lebih tepatnya menghilangkan) tag list dengan menghapus kode pemanggil tag list-nya.

      Sebelumnya, boleh saya minta penjelasan atau referensi terkait penggunaan css untuk menyembunyikan tag list pada pelanggaran google? Mungkin, bisa menjadi ilmu tambahan untuk saya terkait penggunaan css (display:none), karena dalam template yang saya gunakan ini ada beberapa bagian saya sembunyikan menggunakan css (seperti H2 untuk deskripsi blog).

      Sekali lagi, terima kasih atas kunjungan dan masukan mas Iskandar 🙂

  2. maulidan berkata:

    terima kasih atas bantuan langsungnya mas, sudah saya terapkan pada blog saya langsung work.

    1. Muhammad Riduan berkata:

      Baik, terima kasih kembali mas, senang bisa membantu 🙂

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan.