Panduan Lengkap Untuk Template Halaman WordPress Kustom

Panduan Lengkap Untuk Template Halaman WordPress Kustom – Saya suka menganggap WordPress sebagai obat gerbang pengembangan web. Banyak orang yang mulai menggunakan platform pada awalnya hanya mencari cara yang nyaman (dan gratis) untuk membuat situs web sederhana, seringkali dengan bantuan plugin pembuat halaman WordPress. Jenis seperti “Saya hanya akan mencobanya sekali.”

Panduan Lengkap Untuk Template Halaman WordPress Kustom

templatehunter – Namun, sebagian besar pengguna tidak berhenti di situ. Sebaliknya, mereka ketagihan. Datang dengan lebih banyak ide. Percobaan. Cobalah plugin baru. Temukan Firebug . Ledakan. Segera tidak ada jalan untuk kembali. Apakah itu terdengar seperti cerita Anda? Sebagai pengguna WordPress, wajar saja jika Anda menginginkan lebih banyak kontrol atas situs web Anda. Untuk mendambakan desain khusus, fungsionalitas khusus, semuanya kustom.

Baca Juga : 5 Template WordPress Terbaik untuk Makeup Artists 2021

Di antara alat terpenting dalam upaya untuk mengontrol situs web secara lengkap adalah templat halaman. Mereka memungkinkan pengguna untuk secara dramatis mengubah desain dan fungsionalitas situs web mereka . Ingin tajuk khusus untuk halaman depan Anda? Selesai. Sidebar tambahan hanya untuk halaman blog Anda? Tidak masalah. Halaman kesalahan 404 yang unik ? Menjadi. Ku. Tamu.

Jika Anda ingin tahu bagaimana templat halaman WordPress dapat membantu Anda mencapainya, baca terus. Tapi pertama-tama, sedikit informasi latar belakang.

File Template Di WordPress

Apa yang kita bicarakan ketika kita berbicara tentang template dalam konteks WordPress? Versi singkatnya adalah template adalah file yang memberi tahu WordPress cara menampilkan berbagai jenis konten.

Versi yang sedikit lebih panjang: setiap kali seseorang mengirim permintaan untuk melihat bagian dari situs web Anda, platform WordPress akan mencari tahu konten apa yang ingin mereka lihat dan bagaimana bagian tertentu dari situs web Anda harus dirender.

Untuk yang terakhir, WordPress akan mencoba menggunakan file template yang paling sesuai yang ditemukan dalam tema Anda. Mana yang diputuskan berdasarkan urutan yang ditetapkan, hierarki template WordPress . Anda dapat melihat seperti apa tampilannya pada tangkapan layar di bawah ini atau dalam versi interaktif ini .

Hierarki template adalah daftar file template yang familiar dengan WordPress yang diberi peringkat untuk menentukan file mana yang didahulukan dari yang lain.

Anda dapat menganggapnya sebagai pohon keputusan. Ketika WordPress mencoba memutuskan bagaimana menampilkan halaman tertentu, WordPress bekerja dengan cara menuruni hierarki template hingga menemukan file template pertama yang sesuai dengan halaman yang diminta.

Di bagian bawah hierarki adalah index.php . Ini akan digunakan untuk menampilkan konten apa pun yang tidak memiliki file template yang lebih spesifik yang dilampirkan pada namanya. Jika file template berperingkat lebih tinggi dalam hierarki, WordPress akan secara otomatis menggunakan file tersebut untuk menampilkan konten yang dimaksud.

TEMPLATE HALAMAN DAN PENGGUNAANNYA

Untuk halaman, template standar biasanya bernama page.php . Kecuali jika ada file template yang lebih spesifik (seperti archive.php untuk halaman arsip), WordPress akan menggunakan page.php untuk merender konten semua halaman di situs web Anda.

Namun, dalam banyak kasus, mungkin perlu untuk mengubah desain, tampilan, nuansa, atau fungsionalitas setiap bagian situs web Anda. Di sinilah template halaman ikut bermain. Templat halaman yang disesuaikan memungkinkan Anda untuk menyesuaikan bagian mana pun dari situs WordPress Anda tanpa memengaruhi bagian lainnya.

Anda mungkin sudah melihat ini di tempat kerja. Misalnya, banyak tema WordPress saat ini hadir dengan opsi untuk mengubah halaman Anda menjadi lebar penuh, menambahkan sidebar kedua atau mengganti lokasi sidebar. Jika itu kasus Anda, itu mungkin dilakukan melalui file template. Ada beberapa cara untuk mencapai ini dan kita akan membahasnya nanti.

Namun, pertama-tama, sebuah kata peringatan: karena bekerja dengan template melibatkan pengeditan dan pengubahan file dalam tema aktif Anda, selalu merupakan ide yang baik untuk menggunakan tema anak saat membuat penyesuaian semacam ini. Dengan begitu, Anda tidak akan menghadapi bahaya jika perubahan Anda ditimpa saat tema induk Anda diperbarui.

Cara Menyesuaikan Halaman Di WordPress

Ada tiga cara dasar untuk menggunakan templat halaman kustom di WordPress: menambahkan pernyataan bersyarat ke templat yang ada; membuat templat halaman tertentu yang berperingkat lebih tinggi dalam hierarki; dan langsung menetapkan template ke halaman tertentu. Kami akan melihat masing-masing pada gilirannya.

MENGGUNAKAN TAG BERSYARAT DI TEMPLATE DEFAULT

Cara mudah untuk membuat perubahan khusus halaman adalah dengan menambahkan banyak tag kondisional WordPress ke template yang sudah digunakan. Seperti namanya, tag ini digunakan untuk membuat fungsi yang hanya dijalankan jika kondisi tertentu terpenuhi. Dalam konteks templat halaman, ini akan menjadi sesuatu di sepanjang baris “Hanya lakukan tindakan X di halaman Y.”

Biasanya, Anda akan menambahkan tag kondisional ke file page.php tema Anda (kecuali, tentu saja, Anda ingin menyesuaikan bagian lain dari situs web Anda). Mereka memungkinkan Anda untuk membuat perubahan terbatas pada beranda, halaman depan, halaman blog, atau halaman lain dari situs Anda.

Contoh penggunaan yang baik untuk ini adalah jika Anda memiliki toko di situs Anda dan Anda perlu menampilkan gambar header yang berbeda atau menu yang disesuaikan di halaman toko. Anda kemudian dapat menambahkan penyesuaian ini di header-shop.php dan itu akan muncul di tempat yang sesuai.

Namun, tag kondisional tidak terbatas pada satu halaman. Anda dapat membuat beberapa pernyataan berturut-turut seperti:

if ( is_page(‘products’) ) {
get_header( ‘shop’ );
} elseif ( is_page( 42 ) ) {
get_header( ‘about’ );
} else {
get_header();
}

Salinan

Dalam contoh kedua ini, dua kondisi akan mengubah perilaku halaman yang berbeda di situs Anda. Selain memuat file header khusus toko yang disebutkan di atas, sekarang juga akan memuat header-about.php pada halaman dengan ID 42. Untuk semua halaman lain, file header standar berlaku.

Membuat file khusus halaman di hirarki wordpress

Tag bersyarat adalah cara yang bagus untuk memperkenalkan perubahan yang lebih kecil pada template halaman Anda. Tentu saja, Anda juga dapat membuat penyesuaian yang lebih besar dengan menggunakan banyak pernyataan bersyarat satu demi satu. Saya menemukan ini solusi yang sangat rumit, bagaimanapun, dan akan memilih file template yang ditunjuk sebagai gantinya.

Salah satu cara untuk melakukannya adalah dengan mengeksploitasi hierarki template WordPress. Seperti yang telah kita lihat, hierarki akan melintasi daftar kemungkinan file template dan memilih yang pertama yang dapat ditemukan yang cocok. Untuk halaman, hierarki terlihat seperti ini:

  • Templat halaman khusus
  • halaman-{siput}.php
  • halaman-{id}.php
  • halaman.php
  • index.php

Di tempat pertama adalah templat halaman khusus yang telah ditetapkan secara langsung ke halaman tertentu. Jika salah satunya ada, WordPress akan menggunakannya terlepas dari file template lain yang ada. Kami akan berbicara lebih banyak tentang template halaman kustom sedikit.

Baca Juga : 15 Template Blogger Responsive serta SEO Friendly Gratis

Atau, Anda dapat mencapai hal yang sama dengan menargetkan ID halaman Anda. Jadi jika halaman yang sama memiliki ID 5, WordPress akan menggunakan file template page-5.php sebelum page.php jika ada; yaitu, hanya jika tidak tersedia templat halaman dengan peringkat lebih tinggi.

(BTW, Anda dapat mengetahui ID untuk setiap halaman dengan mengarahkan kursor ke judulnya di bawah ‘Semua Halaman’ di back-end WordPress Anda. ID akan muncul di tautan yang ditampilkan oleh browser Anda.)

Menetapkan template halaman kustom

Selain menyediakan templat dalam bentuk yang akan digunakan WordPress secara otomatis, Anda juga dapat menetapkan templat khusus secara manual ke halaman tertentu. Seperti yang Anda lihat dari hierarki template, ini akan mengalahkan file template lain yang ada di folder tema.

Sama seperti membuat templat khusus halaman untuk hierarki WordPress, ini mengharuskan Anda untuk menyediakan file templat dan kemudian menautkannya ke halaman mana pun yang Anda inginkan untuk menggunakannya.

Tags: