Custom page template tidak bekerja pada WP Touch Pro

Saya menggunakan custom page template pada sebuah halaman, ketika dilihat dari mobile dengan menggunakan WP Touch Pro ternyata halaman tersebut kosong….ada apa? solusinya ada dibawah:

Teman-teman ada yang menggunakan custom page template untuk menampilkan halaman wordpressnya? ( http://codex.wordpress.org/Pages#Creating_Your_Own_Page_Templates ) Teman-teman juga menggunakan WP touch pro untuk mobile theme website-nya? nah halaman yang menggunakan custom page template itu pasti kosong pada versi mobile nya. Itu karena custom page template tidak bekerja pada WP Touch Pro.

Tidak secara default tentunya 🙂 lalu bagaimana membuat custom page template tersebut bekerja pada WP Touch Pro?

Untuk menampilkan sebuah halaman (page) WordPress, WP Touch memanggil file ‘page.php’. Maka kita perlu membuat custom page template juga untuk WP touch pro.

Langkah-langkah membuat custom page template untuk WP Touch pro sebagai berikut:

  1. Cari lokasi ‘page.php’ di theme aktif WP Touch pro kamu, referensi mengenai membuat child theme disini: http://www.bravenewcode.com/docs/wptouch-pro/manuals/understanding-child-themes/

  2. Buat file baru dengan nama yang sama dengan custom page template yang kamu gunakan di Theme WordPress (wp-content/themes/theme-kamu)

  3. Copy paste isi dari page.php theme WP touch pro ke dalam file yang baru saja kamu buat.

  4. Tambahkan code default dari wordpress yang menandakan bahwa file tersebut adalah sebuah template. Dalam hal ini, samakan juga nama template dengan yang digunakan pada theme WordPress

  5. Edit file sesuai kebutuhan dan save.

  6. Lihat hasilnya pada browser mobile kamu 🙂

Yang perlu diperhatikan:

  • Misalnya nama file custom page template kamu: okeh.php, maka di WP touch pro berikan nama yang sama okeh.php

  • Misalnya nama templatenya adalah: Template Name: template okeh, maka di WP touch pro: Template Name: template okeh

  • Masukkan content sesuai keinginan sebelum : get_footer()

  • Sekali lagi referensi membuat custom page template wordpress ada di: http://codex.wordpress.org/Pages#Creating_Your_Own_Page_Templates

Selamat mencoba! Jika ada pertanyaan atau ketemu hal-hal aneh, silahkan diposting disini yah 🙂

Sumber lengkap dari developer WP touch pro: http://www.bravenewcode.com/docs/wptouch-pro/tutorials/creating-a-custom-page-template/

Membuat wordpress custom page template sederhana sendiri

Ingin membuat page khusus di wordpress tanpa sidebar sehingga tampilan menjadi lebar? atau malah tanpa menu? custom page template wordpress adalah solusinya, dan berikut adalah cara membuat page template wordpress sederhana.

Caranya membuat page template wordpress adalah dengan membuat satu file .php dan harus diletakkan dalam folder theme wordpress kamu.

Sebelumnya, saya mau jawab pertanyaan umum yang memicu kebutuhan untuk membuat custom page template ini. Dimana sih sebenarnya worpress mengatur tampilan untuk page? atau apa file yang mengatur tampilan worpress page?

Jika didalam folder theme wordpress kamu ada yang namanya page.php, yak itulah pelakunya 🙂

Tapi kalau kamu rubah page.php, akan merubah juga semua tampilan default page wordpress kamu. Nah gimana caranya supaya hanya page halaman tertentu dari wordpress kamu saja yang berubah?

Ada cara otomatis atau cara manual, penggunaannya sangat tergantung kebutuhan masing-masing akan keperluan custom page template.(Otomatis artinya, worpress akan langsung menggunakan file tersebut sebagai template. Manual artinya, kamu harus meng ‘assign’ template pada halaman yang inginkan)

1. Cara otomatis adalah, dengan melakukan penamaan file .php sesuai dengan id dari page, atau slug dari page. formatnya adalah:

page-id
page-slug

misalnya: halaman yang akan menggunakan custom page template ini adalah halaman ‘portfolio’ dimana id-nya = ’15’ dan slug-nya =’portfolio’. Maka nama file-nya harusnya: ‘page-15.php‘ atau ‘page-portfolio.php‘.

2. Cara manual? yah penamaannya bebas, tapi usahakan pakai prefix tertentu supaya kamu bisa bedain yang mana file template mana yang bukan. Kalau kamu punya 10 template dengan masing-masing nama file punya prefix, pasti lebih enak lihatnya di ‘file manager’ 🙂

Sudah tahu kira-kira mau pakai cara yang mana?

Nah sekarang diapain file .php nya?

< ? php /* Template Name: Template Portfolio ? >

Dengan menuliskan kode php tersebut, wordpress otomatis membaca file tersebut adalah sebuah page template. Gak percaya? buat yang pilih cara otomatis bisa langsung refresh halaman kamu. Dan buat yang pilih cara manual, kamu assign dulu templatenya ke halaman kamu, save dan refresh halamannya sekarang.

Kalau halaman kamu putih semua, berarti kamu sudah berhasil membuat custom wordpress page template! selamat, selamat *tiup terompet……..hehe

Trus diapain lagi? ya terserah deh. Untuk coba-coba kamu kopi paste aja semua yang ada di page.php ke halaman page template yang baru kamu buat, lalu mulai pretelin tuh satu-satu fungsi yang ada. (Saya kemarin begini belajar bikin custom page template-nya hihihi).

mau hilangin sidebar? cari fungsi ini, trus di comment ‘//’ atau dihapus

get_sidebar()

Pasti sudah gak sabar mau coba hilangin yang lain 🙂

Semoga informasi membuat page template wordpress custom ini bermanfaat, makasih yang udah baca.

Yang mau tau lebih detil silahkan kesini aja: http://codex.wordpress.org/Pages#Creating_Your_Own_Page_Templates

Yang mau share juga silahkan, berbagi itu kan sama saja memberi 🙂