Selasa, 26 Juni 2012

Cara Membuat Artikel 2 Kolom Seperti Surat Kabar

Bagaimana membentuk tampilan postingan di blog WordPress mirip seperti surat kabar (newspaper)?. Tutorial WordPress berikut akan membuat postingan single post terbentuk menjadi 2 kolom yang terdiri dari kolom sebelah kiri dan kolom sebelah kanan.

Cara Membuat Artikel 2 Kolom


Pada file single.php dalam theme WordPress kamu, temukan kode php <?php the_content(); ?>. Kode tersebut kemungkinan berbeda-beda penempatannya dari setiap theme WP. Kemudian ganti kode <?php the_content(); ?> tersebut dengan kode berikut yang akan membuat tampilan postingan bentuk 2 kolom:
<?php
$content = apply_filters('the_content', $post->post_content);
$explode_content_colomn = explode('<p>', $content);
$i = 0;
foreach ($explode_content_colomn as $content_colomns){
$i++;
$q = $i - 1;
if ($i == 0) {
echo $q.$content_colomns;
}
}
 
$z = round($q/2);
$i = 0;
echo "<div style='float:left;width:48%'>"; //css kolom kiri
foreach ($explode_content_colomn as $content_colomns){
$i++;
$q = $i - 1;
if ($i != 1) {
 
echo "<p>".$content_colomns;
}
if ($i == $z+1 ){
echo "</div><div style='float:right;width:48%'>"; //css kolom kanan
}
}
echo "</div>"
?>

Anda bisa mengubah lebar kolom dengan mengubah nilai width. Tampilan ini sangat cocok dengan blog yang bertema berita layaknya surat kabar (newspaper).

Tidak ada komentar:

Posting Komentar