WP Trik: Post berbeda-beda tiap halaman

pada postingan sebelumnya ‘Cara membuat tampilan berbeda di setiap page(halaman) wordpress‘ sudah dijelaskan proses serta cara agar setiap page memiliki tampilan berbeda, pada tulisan ini kita akan sharing ‘cara membuat tampilan berbeda di setiap postingan’.

pada dasarnya prinsip kerjanya sama saja, yaitu membuat style css yang berbeda di setiap postingan itu sendiri. hanya saja, pada postingan ini, kita menyimpan style css-nya di database. untuk menulis cssnya, kita akan menggunakan custom field, bagaimana caranya?

contoh ‘pengunaan pada theme Twentyten’

activate themes twentyten
edit header.php
lalu tambahkan script berikut tapat diatas </head>
<!-- style untuk single -->
<?php if ( is_single() ) : // fungsi ini ialah, hanya menjalankan ini di single post
?><style type="text/css"><!--<?php
$key="style"; echo get_post_meta($post->ID, $key, true); /*fungsi ini nantinya akan menjadi css, dimana style cssnya
kita tulis bersamaan dengan ketika menulis postingan. yah, kita menggunakan custom field */
?>-->
</style>
<?php endif; ?>
<!-- // end style untuk single post -->

save
contoh membuat tampilan berbeda di setiap postingan

klik post lalu add new
beri judul
tulis postingan
isi except
scroll kebawah
cari ‘add new custom field’
klik enter new
pada name, isi dengan ‘style'(tanpa tanda kutip)
pada value, isi dengan kode(style) berikut
body{
background:black;
}
#footer, #header{
display:none;
}
#content{
background:#ccc;
color:#333;
-moz-border-radius:5px;/* lengkungan untuk firefox */
border-radius:5px;/* lengkungan untuk css3 */
padding:10px 20px;
}
#wrapper{
margin:10px auto 20px auto;
-moz-border-radius:10px;/* lengkungan untuk firefox */
border-radius:10px;/* lengkungan untuk css3 */
/* ini hanya contoh, banyak hal yg bisa sobat lakukan*/
}

setelah memasukan id dan value diatas
klik add custom field
kanan atas klik update
view post
nah, terlihat kan perubahanya? coba bandingkan dengan postingan-postingan lain.

untuk post salanjutnya silakan isi custom field, pada select pilih ‘style’ lalu valuenya isi dengan css. silakan manfaatkan tag-tag html yang sudah tersusun di themes sobat.

banyak manfaat ketika menambahan fitur ini, selain membuat tampilan berbeda disetiap post kita juga bisa memanfaatkan untuk berexperiment dengan css. contoh ‘saya menggunakan fitur ini untuk membuat icon/logo dengan css’

bagaimana cara menggunakanya untuk theme lain?

intinya letakan script php diatas ke atas </head> biasanya di header.php

lalu, buat custom field dengan name ‘style’ dan valuenya ‘kode css’!

sebenarnya pada pemberian name custom field ini bisa sesuai selerah sesuaikan saja script ini $key"style";

lebih extreme

kalau mau lebih extreme, kosongkan css untuk single post(termaksud css komentar) lalu hafalkan/lihat tag-tag html untuk single post, kemudian jika ingin publish post, silakan buat style css di setiap post. Dengan demikian semua tampilan single post akan berbeda-beda ‘dengan catatan css yang anda tulis juga beda :)’. masalahnya ialah, apakah sobat mau membuang-buang waktu hanya untuk itu?

semoga bermanfaat, jika ada yang mau ditanyakan silakan tingalkan komentar.