December 3, 2010

Membelah Halaman pada Wordpress

Ada pertanyaan dari rekan Bali Gadgets mengenai bagaimana membuat posting menjadi 2 halaman (atau membelah posting Wordpress dan istilah umumnya paginasi), dia bertanya di posting Membuat halaman Pasang Iklan. Cara ini cocok, bagi rekan yang biasa memposting artikel-artikel yang sangat panjang, dengan membagi artikel tersebut menjadi beberapa halaman maka pembaca anda tidak perlu men-scroll kebawah dan juga tidak bosan.
1. Caranya ialah buka single.php, lalu masukan kode berikut ini:
<?php wp_link_pages('before=<p>&after=</p>&next_or_number=number&pagelink=page %'); ?>
Letakan kode diatas tepat dibawah php content:
<?php the_content(); ?>
Jadinya seperti ini:
<?php the_content(); ?>
<?php wp_link_pages('before=<p>&after=</p>&next_or_number=number&pagelink=page %'); ?>
Kemudian save direktori single.php anda.
2. Dan sekarang menambahkan beranjak ke kode css agar tampilan halaman paginasi lebih oke seperti ini:
halamanpaginasipostingblogwp
Buka Stylesheet (Style.css) anda, lalu masukan kode css berikut:
.link-halaman {
font-size:13px;
font-weight:bold;
line-height:18px;
margin:0 0 22px 0;
padding:22px 0 0 0;
word-spacing:0.5em;
}
.link-halaman a {
border:1px solid #ccc;
color:#666;
font-weight:normal;
padding:0.5em 0.75em;
text-decoration:none;
}
.link-halaman a:active,
.link-halaman a:hover {
color: #FF4B33;
}
Lalu, anda kembali ke single.php, dan buka kode php untuk belah halaman yang tadi dan tambahkan <div class=”link-halaman”> dan </div> maka hasilnya seperti ini:

<?php the_content(); ?><div class=”link-halaman”>
<?php wp_link_pages('before=<p>&after=</p>&next_or_number=number&pagelink=page %'); ?></div>
Anda tinggal masukan saja kode diatas di single.php!
3. Dan langkah selanjutnya ialah, masukan ini saat menulis posting (harus di set HTML bukan Visual):
<! – nextpage – >
Letakan kode diatas di bawah bagian (paragrap) yang ingin di bagi 2)
Contohnya:
Membelah halaman posting blog Wordpress
Jika rekan ingin membuat 3 halaman atau lebih maka letakan nextpage di bagian-bagian selanjutnya.
Dan untuk pertanyaan kedua, mengenai image sobek, yaitu dengan menggunakan software Sngagit:9 Editor, buatan Techsmit.com.
Buat Bali Gadgets semoga bermanfaat dan see u!
Source : http://abibakarblog.com/wordpress/cara-membelah-halaman-posting-wordpress-paginasi/

No comments:

Post a Comment