Cara Menyembunyikan Tag Pada WordPress

Tag pada postingan wordpress merupakan suatu hal yang penting. Namun ada kalanya kalian ingin menyembunyikan tag pada setiap postingan wordpress yang telah kalian buat. Untuk menyembunyikan tag ada beberapa cara. Cara yang paling mudah adalah dengan tidak memberi tag pada postingan kalian. Akan tetapi cara ini akan mempengaruhi navigasi website kalian.

Tag ini mempermudah pengunjung mencari konten-konten tertentu pada web kalian. Sebagai contoh kalian bisa memberi url pada suatu kata agar bila kata tersebut diklik maka pengunjung akan diarahkan ke semua artikel yang memiliki tag tersebut. Salah satu fungsi lainnya adalah related post. Related post adalah postingan yang biasanya ada dipenghujung artikel atau bisa juga berada ditengah artikel. Artikel yang memiliki tag sama akan muncul di related post. Dengan tag yang sama maka kemungkinan tema yang dibahas masih satu tema dengan artikel tersebut. Maka kemungkinan artikel tersebut di klik oleh pengunjung juga semakin tinggi. Oleh karena itu tidak memberi tag bukanlah merupakan solusi.

Cara yang paling dianjurkan untuk menyembunyikan tag adalah dengan menggunakan CSS. Menggunakan CSS sendiri ada banyak caranya. Dengan menggunakan cara ini artikel kalian masih mempunyai tag. Hanya saja tag tersebut tidak akan terlihat di setiap postingan. Tag kalian tidak akan terlihat pada bagian bawah judul postingan maupun bagian bawah Artikel. Namun sebenarnya artikel kalian mempunyai tag. Sehingga related post yang muncul akan tetap sesuai. Kalian bisa mengikuti cara berikut ini untuk menyembunyikan tag pada wordpress.

Cara menyembunyikan tag pada wordpress.

1. Buka web kalian. Pilih salah satu artikel yang ada pada website atau situs kalian. Arahkan mouse kalian ke bagian tag seperti terlihat pada gambar dibawah ini. Jika sudah ketemu klik kanan pada tag kalian lalu pilih Inspect.

2. Pada tab Elements, arahkan mouse kalian ke baris-baris kode disebelah kanan. Cari class atau id tag kalian. Ketika kalian menemukan baris yang benar maka tag kalian akan menyala dan diatasnya muncul class atau id tag yang kalian cari. Sebagai contoh class tag situs ini adalah tag-links.

Setiap tema wordpress memiliki class atau id tag yang berbeda-beda. Jadi kalian perlu mencari class atau id tag terlebih dahulu. Bila sudah ingat ketemu maka ingat-ingat class tag kalian karena class tag ini yang akan kalian gunakan pada CSS.

3. Masuk ke WordPress kalian. Pada sebelah kiri cari menu Appearance kemudian klik Customize.

4. Klik Additional CSS pada menu paling bawah.

5. Copy kode ini pada Additional CSS. Kemudian klik Publish.

.tag-links {
  display: none;
}

Tag pada situs ini berupa class maka untuk menulis CSS gunakan .tag-links. Namun jika yang kalian temukan pada situs kalian berupa id maka ketika menulis di CSS gunakan #. Sebagai contoh #tag-links. Perlu diingat tag-links adalah class name dari situs ini. Class name dari tag kalian bisa berbeda seperti yang sudah dijelaskan di langkah sebelumnya.

Bila sudah maka tag kalian tidak akan muncul lagi pada setiap postingan. Berikut adalah tampilan sesudah dan sebelum kalian menyembunyikan tag pada WordPress.

Custom CSS dan JS

Selain menggunakan Additional CSS kalian juga bisa memasukkan kode css pada plugin Custom CSS dan JS. Penggunaan plugin custom css akan membuat kode-kode css kalian lebih tertata rapi. Bila kalian terus menggunakan Additional CSS dalam mengubah style website kalian, maka lama-lama kode tersebut akan semakin banyak serta semakin panjang. Hal ini akan membuat kalian bingung saat ingin mengubah kode-kode tersebut di kemudian hari. Agar CSS kalian lebih rapi kalian bisa menggunakan Custom CSS dan JS. Untuk cara install dan penggunaan bisa kalian lihat pada Cara Menggunakan Simple Custom CSS and JS.