Cara membuat tampilan(page) berbeda pada 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 mengunakan custom field, bagaimana caranya?

contoh ‘pengunaan pada theme twenty ten’

  • 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 mengunakan 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 mafaatkan 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 mengunakan fitur ini untuk membuat icon/logo dengan css’

bagaimana cara mengunakanya 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 exrteme

kalau mau lebih extreme, kosongkan css untuk single post(termaksud css komenter) 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 komenter.

One thought on “Cara membuat tampilan(page) berbeda pada setiap postingan

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s