Bikin Page Wordpress dengan Tampilan Beda
Ah.. bingung aku cari judulnya.. he he.. Intinya begini Gan!. Sekarang aku mau nulis tentang cara membuat Pages di Wordpress dengan tampilan yang sama sekali berbeda dengan theme yang kita pake, agar lebih jelas, silahkan tengok demonya di sini.
Nah.. gimana? menarik gak? Bilang tertarik ya gan… ha ha ha… Oke Gan. Sekarang kita mulai cara membuatnya.
Pertama-tama kita siapkan editor teks yang akan kita pake untuk membuat page tersebut. Editornya terserah Agan, tapi aku merekomendasikan sebaiknya pake Macromedia Dreamweaver biar enak bikinnya. Alasannya pasti Agan udah tau sendiri. he he.
Setelah buka file Editor, kalo pake Dreamweaver, di antara beberapa pilihan Create New File klik PHP atau HTML. Lalu akan keluar sederatan kode seperti di bawah ini:
1 2 3 4 5 6 7 8 9 | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Untitled Document</title> </head> <body> </body> </html> |
Nah, setelah kode di atas sudah kita buka, yang harus kita lakukan adalah:
- Menambah kode PHP di bagian teratas dari kode di atas. Berikut kodenya:
1 2 3 4 5 | <?php /* Template Name: Page-Demo */ ?> |
Jadinya kek gini:
1 2 3 4 5 6 | <?php /* Template Name: Page-Demo */ ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
- Selanjutnya kita ganti Title agar sesuai dengan Title yang kita buat di wordpress. Ganti kode di bawah ini:
4 5 6 | ........................................... <title>Untitled Document</title> ........................................... |
Ganti dengan kode:
4 5 6 | ........................................... <title><?php bloginfo('name'); ?><?php wp_title(); ?></title> ........................................... |
- Sebenernya sampe disini page wordpress kita sudah jadi, tapi gak ada isinya sama sekali (sama aja belum jadi)
. Nah untuk mengisi page wordpress tersebut, kita harus mengisi di antara kode <body> dan </body> - Simpen file tersebut dengan nama terserah Agan. Inget, file harus berektensi PHP
- Selesai.
Sekarang kita sudah punya Page Wordpress buatan kita sendiri. Silahkan agan explorasi lebih lanjut mengenai isinya. Kalo masih ada yang kesulitan atau ada yang mau menambahkan silahkan..
Kalo untuk Blogspot bisa gak ya? Hmmm… keknya bisa dech.. untuk Demo Page Blogspot dengan tampilan beda dari template yang sedang aktif, silahkan Agan tengok di sini. Tutornya nyusul ya Gan…
Artikel Yang Berhubungan
- Saat ini belum ada artikel lain dalam kategori ini
Ooo gitu ya caranya
wah cakep nih baru tahu aku, tapi gak diupload bisa juga ya.
:D
terus ganti baju ya, bagus baju nya.
titip link bos
mantab gan…. tks
bisa dipraktekkan broo
mantabbs idenya…
mantap idenya, namun ane takut kl ubah2 malah tambah error,… hhehehe
(blogwalking)salam kenal aja ya….
numpang info ya om, tante, mas, mba, dll…
bagi temen2 yang ingin bertukeran link dengan tujuan sama sama meningkatkan traffic, kunjungi blogku yg baru PR-3 di sini, http://agrit.web.id dan http://www.unek2ku.co.cc , kita tukeran link gratis bagi sapa aja, pasang ke-2 linkku di web/blogmu, kl sudah, konfirmasi via komentar. ane cek setiap hari, jd jangan kuatir kl g dipasang….
skalian mau tukeran link ya om, tante, mas, mba, dll, kl linkku dah di pasang, konfirmasi aku via kasih komen di artikel blogku ya…, ditunggu konfirmasinya….
waaah keren gannn mau sekolah dulu ah sama mas adi… mampir ya gan
Sip tutorialnya bisa di coba nich….
mas saya sudah pasng link blogku…
Aku tunggu yang blogspot gan.