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:

$content = apply_filters( 'the_content', $post->post_content );
$content_columns = explode( '<p>', $content );
$i = 0;

foreach ( $content_columns as $column ) {
	$i++;
	$q = $i-1;

	if ( $i == 0 )
		echo $q . $column;
}

$z = round( $q / 2 );
$i = 0;

echo '<div style="float:left;width:48%">'; //left column

foreach ( $content_columns as $column ) {
	$i++;
	$q = $i-1;

	if ( $i != 1 )
		echo '<p>'. $column;

	if ( $i == $z + 1 )
		echo '</p></div><div style="float:right;width:48%">';  //right column
}

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).

Leave a Reply

*

*