Post 2 Kolom

Membuat postingan bentuk 2 kolom seperti surat kabar

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

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 cara mengubah nilai width. Tampilan ini sangat cocok dengan blog yang bertema berita layaknya surat kabar (newspaper).

Published by

Jevuska

Rachmanuddin Chair Yahya a.k.a Jevuska is the founder of Jevuska.Com, a qualified web about offering medical articles, blogging, tips, and tutorial of WordPress. Having written for Jevuska since 2007.

Code is my cookies. ~ Jev
.

Tinggalkan Komentar