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.

Membuat Custom Page pada WordPress Blog
Written by: Oki Helfiska
Rating: 5
I'm Teacher Vocational School in SMK Labor Pekanbaru. I interested in Computer, Networking, Web Design, Blogging and the development of computer education.

Share This Post

Related Articles

4 Responses to “Membuat Custom Page pada WordPress Blog”

  1. eserzone says:

    Belum terlalu ngerti pak…. ada contoh ngga??

  2. oto says:

    yeah… thats very useful.
    thanks

  3. omje says:

    pas sekali, ini yg saya cari.. udah ane praktekin sob, it works! :)
    thx for sharing..

  4. [...] Membuat Custom Page pada WordPress Blog | Belajar Komputer – Tutorial Teknisi Komputer –…. Share:FacebookTwitterEmail [...]

Leave a Reply

Powered by WordPress · Powered by SEO