Tampilan Status Ala Facebook di WordPress

On December 10, 2009, in WPTuts, by Wadrian

>Materi: WordPress
Level: Intermediate
Nomor tutorial: 009

Mungkin jarang atau bahkan banyak yang tidak tahu kalau sebenarnya kita dapat memberikan Tampilan Status Ala Facebook di WordPress. Dimana status ini berupa informasi atau berita yang ingin kita sharing ke semua teman atau publik yang sedang melihat profile facebook kita. Kemampuan ini ternyata juga dimiliki oleh WordPress, sebagai contoh misalnya saat ini kita sedang mendengar lagu atau membaca suatu buku, maka tampilannya di wordpress akan seperti berikut:

  • Dengar Lagu: Karena Ku Cinta
  • Lagi Baca: Sang Pemimpi

Gimanakah caranya? Enggak begitu susah kok, fitur ini ada di Dashboard Post pilih Add New (Gambar 1). Kemudian cari dibawah halaman Add New Post bagian Custom Fields (Gambar 2).

Add New Post

Gambar 1. Menambahkan artikel baru.

Custom Fields

Gambar 2. Custom Fields.

Nama Key disini berdasarkan contoh kita isi dengan Dengar Lagu dan Lagi Baca, sementara value-nya Karena Ku Cinta dan Sang Pemimpi. Tentunya untuk setiap Key/Value kita jangan lupa menekan tombol Add Custom Field.
Setelah itu tugas kita tinggal memasukan template tag the_meta() kedalam programming Loop file index.php theme WordPress. Tentunya terlebih dahulu kita harus membuka akses ke file Theme WordPress, baca caranya di tutorial Mengakses file Themes WordPress. Selanjutnya klik Appearance pilih Editor (Gambar 3).

Editor Theme

Gambar 3. Editor Theme WordPress.

Lalu tambahkan tag <?php the_meta() ?> ke paling akhir Post Meta Data. Sekali lagi setelah itu jangan lupa untuk mengklik tombol Update untuk menyimpan perubahan. Silahkan dicoba…

Tagged with:  

One Response to Tampilan Status Ala Facebook di WordPress

  1. Terimakasih atas tutorialnya wordpress, coz baru bisa ngeblog

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

This site is protected by WP-CopyRightPro