April 2, 2009 — Tag cloud atau awan tag dapat kita buat dan tampilkan pada suatu halaman dengan menyisipkan kode php yang bisa kita kustomisasi menjadi berbagai bentuk tampilan awan tag. Membuat Custom Tag Cloud (Awan Tag) diulas oleh rismaka pada April 2, 2009. Berikut ulasan selengkapnya.
Mungkin diantara kita semua sudah paham apa yang disebut dengan awan tag (tag cloud), yakni kumpulan tag-tag postingan yang berbentuk seperti awan. Disebut awan karena kumpulan tag-tag tersebut berkumpul menjadi suatu bentuk awan dimana setiap ukuran tag mempunyai ukuran font yang berbeda yang tergantung dari jumlah postingan yang dimilikinya. Sebagai contoh, tag “Gratis” pada blog ini mempunyai ukuran terbesar dari semua tag yang ada saat ini (2 April 09), disebabkan tag tersebut memiliki 17 posting (terbanyak daripada tag-tag lainnya).
Tag cloud biasanya diletakkan di sisi blog (sidebar) oleh webmaster. Dan secara default jumlah tag yang terdapat di sidebar berjumlah 45 tag. Fungsi tag sebenarnya sangat penting di dalam SEO (untuk lebih jelasnya silahkan bertanya pada master-master SEO), oleh karena itu kebanyakan mereka menampilkan tag cloud pada sidebar situs mereka. Namun dengan alasan penghematan space/tempat, maka banyak diantara para blogger merasa tidak perlu untuk menampilkannya. Padahal kita juga bisa menampilkan tag cloud tersebut di suatu halaman secara terpisah, sehingga bisa menghemat space sidebar yang ada.
Di sini kita akan belajar bagaimana menampilkan tag cloud pada satu halaman dengan menggunakan template halaman yang bisa kita buat sendiri. Pertama-tama kita harus mengenal kode php untuk menampilkan tag cloud pada wordpress. Secara default, kode php tersebut adalah:
< ?php wp_tag_cloud(); ?>
Perlu diperhatikan, bahwasanya kita tidak akan bisa menjalankan (execute) kode php di html atau visual editor WYSWYG pada wordpress, jadi kode php yang akan dijalankan harus disisipkan pada file php yang terdapat pada template blog.
Kemudian buat suatu dan berilah nama (contoh: tag cloud page). Template tersebut bisa sama persis dengan template guestbook yang pernah saya bahas sebelumnya. Setelah itu sisipkan kode php tag cloud di atas, di antara awalan loop hingga akhiran loop.
Langkah selanjutnya sama seperti pembuatan template halaman buku tamu, yakni save file tersebut kemudian upload ke direktori template (wp-content/themes/nama-themes/) blog wordpress kita. Silahkan lihat kembali pembahasan mengenai pembuatan template halaman di sini dan di sini.
Saya sudah membuat suatu halaman yang saya gunakan sebagai contoh untuk menampilkan salah satunya tag cloud yang bisa dilihat di halaman custom page.
Kode php untuk menampilkan tag cloud secara normal (default):
< ?php wp_tag_cloud(); ?>
Kode tersebut akan menampilkan tag cloud yang hanya berjumlah 45 tag. Jika kita hendak menampilkan SEMUA TAG yang terdapat di blog kita, maka kita bisa mengubah kode di atas menjadi:
< ?php wp_tag_cloud('number=0&smallest=10&largest=35&'); ?>
Atau kita pun bisa menampilkan bukan sebagai bentuk awan, tapi sebagai bentuk list dengan mengubah kode di atas menjadi:
< ?php wp_tag_cloud('number=0&smallest=10&largest=35&format=list&'); ?>
Agar tag cloud yang ditampilkan bisa menjadi rata tengah, maka yang harus dilakukan hanyalah menambahkan kode html <center>
dan </center> di awal dan akhir kode php di atas.
<center>< ?php wp_tag_cloud('number=0&smallest=10&largest=35&'); ?></center>
Beberapa parameter kode php untuk tag cloud yang perlu kita ketahui sehingga kita bisa memodifikasi tampilan tag cloud:
- smallest: ukuran font untuk tag yang terkecil. Contoh:(‘smallest=8&largest=35′)
- largest: ukuran font untuk tag yang terbesar. Contoh:(‘smallest=8&largest=35′)
- unit: satuan ukuran untuk besarnya font. Contoh: (‘unit=pt&’), atau (‘unit=px’)
- number: Jumlah maximum tag yang akan ditampilkan. Untuk menampilkan semua tag, number=0
- format: Format tampilan tag cloud (‘format=list’), atau (‘format=flat’)
- orderby: Sorot tampilan menurut abjad atau jumlah postingan (‘orderby=name’) atau (‘orderby=count’)
Jangan lupakan memakai tanda petik satu (‘) di awal paramater dan akhir parameter.
Selamat mencoba…
Pingback: jutaan ebook gratis dan artikel bebas di copy paste « BIN MUHSIN GROUP
Pingback: Menampilkan Tag Dalam Bentuk Dropdown | RISOFTE
Pingback: Wordpress Tag Cloud | obimnaohonin.com