All for Joomla All for Webmasters

Membuat Custom Page pada WordPress Blog

wordpress-hacks-tricks Apakah anda pengguna WordPress ? Jika iya, pernahkah anda melakukan design ulang terhadap template yang digunakan ? Pada tulisan kali ini saya mencoba untuk menjelaskan bagaimana membuat custom page pada wordpress blog.

Secara default kita dapat menambahkan halaman (page) pada wordpress melalui menu Page > Add New. Tetapi halaman yang kita tambahkan hanya bersifat statis, dalam arti kata, kita hanya dapat menuliskan isinya saja. Tanpa bisa menambahkan script PHP kedalam halaman tersebut. Nah bagaimana jika kita ingin menampilkan Halaman tersebut dengan gaya yang kita inginkan ?

Langkah awal yang kita lakukan adalah membuat sebuat file php dengan nama terserah anda, sebagai contoh saya ingin membuat halaman profil sendiri, file tersebut saya beri nama “profilku.php”. Simpanlah file ini satu folder dengan folder template yang anda gunakan sekarang.

 

Langkah Kedua adalah mengetikkan kode php kedalam file tersebut, atau cukup dengan Copy + Paste script dibawah ini.

<?php
/*
Template Name: Profil Saya
*/
?>

<?php get_header(); ?>

<div>

Isi dari Halaman / script

</div>

<?php get_sidebar(); ?>
<?php get_footer(); ?>

Keterangan :

  • Dibagian Template Name berfungsi untuk memberi nama Halaman tersebut
  • get_header berfungsi untuk menampilkan Header dari Template
  • get_sidebar berfungsi untuk menampilkan Sidebar dari Template
  • get_footer berfungsi untuk menampilkan Footer dari Template

Jika anda tidak ingin menampilkan Sidebar, silahkan hapus fungsi get_sidebar nya.

Langkah Ketiga adalah menyesuaikan struktur CSS template yang anda gunakan dengan yang baru.

Langkah Keempat, buatlah page baru dari wordpress, caranya, pilih menu Page > Add New. Beri nama Page tersebut, misalnya “Profil”. Lalu pada bagian Attribute, tukarlah pilihan Template dari “Default Template” menjadi “Profil Saya”. Simpan/update halaman tersebut. Lihatlah hasilnya.

custom-page

Tampilan akan dipengaruhi oleh CSS bawaan template yang anda gunakan. Tata letak dipengaruhi oleh tag <div> pada template.

I'm Teacher Vocational School in SMK Labor Pekanbaru. I interested in Computer, Networking, Web Design, Blogging and the development of computer education.

6 Comments

  1. Pingback: Cara Bikin Custom Template Page di WordPress « Catatan Omje

Leave a Reply

Your email address will not be published. Required fields are marked *