Pengantar Hirarki Template WordPress

Salah satu pertanyaan kunci yang diajukan pengguna WordPress pada suatu waktu dalam hidup mereka adalah sebagai berikut: bagaimana tema WordPress dapat menampilkan halaman yang berbeda tergantung pada konten yang kita lihat?

Pertanyaannya, selain benar-benar sah, sangat menarik. WordPress mampu mengidentifikasi konten apa yang akan dirender dan, tergantung pada jenisnya, menggunakan satu template atau yang lain. Tema WordPress tidak lebih dari satu set template khusus untuk setiap jenis konten dengan beberapa JavaScript untuk elemen dinamis dan CSS untuk gaya dan warna.

Sempurna, tapi… bagaimana cara kerja template WordPress? Inilah yang akan kita lihat langkah demi langkah di seluruh posting ini.

Namun, sebelum kita mulai, izinkan saya menunjukkan kepada Anda sebuah gambar dengan jawaban atas pertanyaan ini:

Ini adalah hierarki template WordPress. Anda dapat menemukan semua informasi tentangnya di Codex WordPress, dokumentasi resmi. Anda bahkan dapat berinteraksi dengan hierarki ini di situs web keren ini.

Pada dasarnya, WordPress menggunakan hierarki templat untuk merender kontennya. Artinya, WordPress mencari di dalam tema yang Anda aktifkan untuk file PHP tertentu. Jika ada, WordPress merender konten menggunakan file itu, yang kami sebut template. Jika tidak, WordPress mencari template paling umum berikutnya dalam hierarki. Jika ada, WordPress menggunakannya. Jika tidak, WordPress mencari template berikutnya dalam hierarki… dan seterusnya. Jika WordPress tidak dapat menemukan file template tertentu dalam tema Anda, maka WordPress menggunakan file index.php default, yang paling umum dari semua template.

Sekarang, mari kita masuk lebih dalam ke dalam lebih detail dalam hierarki template dari beberapa konten WordPress yang paling umum.

Template Halaman

Mari kita lihat template yang digunakan WordPress untuk merender halaman dan tipe konten sederhana.

Posting dan Jenis Posting Kustom

WordPress melihat file PHP berikut pada tema Anda untuk merender posting blog atau jenis posting khusus:

1. single-{post-type}-{slug}.php : jika Anda menginginkan template khusus untuk posting tertentu atau jenis posting tertentu, Anda harus membuat file PHP ini di tema Anda. Namanya termasuk nama jenis posting ( {post-type} ), yang bisa berupa posting atau apa pun ( product , jika Anda menggunakan WooCommerce). Dan Anda juga harus mengetikkan slug atau permalink, sebut saja sesuka Anda, atas nama template. Misalnya, jika saya ingin menggunakan template khusus untuk posting ini, saya harus membuat file single-post-introduction-to-the-wordpress-template-hierarchy.php .
2. single-{post-type}.php : jika kita ingin mempengaruhi semua konten dari jenis posting tertentu (semua posting atau semua produk), kita akan menggunakan template ini, yang namanya hanya mencantumkan nama jenis posting.
3. single.php : WordPress menggunakan template ini untuk merender konten tunggal apa pun (postingan tertentu, produk tertentu, dll).
4. singular.php : ini adalah templat tingkat atas lainnya untuk merender konten tunggal dalam bentuk apa pun.
5. index.php : jika hal di atas tidak ditemukan, WordPress menggunakan template generik ini untuk merender konten Anda.

Ingatlah bahwa di direktori tema WordPress Anda memiliki ribuan contoh tema WordPress yang Anda inginkan. Saya menyarankan Anda mengunduh satu dan mencoba, sebagai latihan pembelajaran, untuk memeriksa file PHP-nya dan mengidentifikasi template yang baru saja saya sajikan.

Dengan melakukan itu, Anda dapat memahami templat apa yang mereka gunakan dalam hierarki templat WordPress dan melihat konten apa yang dimiliki masing-masing templat ini. Tidak diragukan lagi, jika Anda ingin belajar tentang tema WordPress, ini adalah sesuatu yang wajib dilakukan. Selain itu, gratis!

Halaman Reguler

Seperti halnya posting dan jenis posting lainnya, WordPress menggunakan hierarki templat untuk merender halaman:

1. Template yang dipilih: jika dari kotak atribut halaman saat mengedit halaman Anda memilih template tertentu, template itu selalu diprioritaskan di atas yang lainnya. Anda dapat belajar membuat template khusus di sini.
2. page-{slug}.php : jika Anda ingin halaman tertentu memiliki template sendiri, buat template tersebut dalam file PHP yang memiliki slug halaman di namanya.
3. page-{id}.php : Anda juga dapat langsung menggunakan ID halaman WordPress tempat template diterapkan.
4. page.php : template ini berlaku untuk semua halaman WordPress, kecuali salah satu template sebelumnya dalam hierarki telah diterapkan.
5. singular.php : template singular adalah template default untuk semua halaman, postingan, produk, dan sebagainya. Template ini akan jarang diterapkan karena sebagian besar tema di WordPress sudah menyertakan template page.php .
6. index.php : seperti biasa, ini adalah template fallback default WordPress.

Sekarang coba periksa lagi tema yang Anda unduh sebelumnya dan Anda akan melihat bahwa sekarang Anda sedikit lebih memahami file lain yang muncul di sana. Tentunya Anda sekarang dapat mengidentifikasi file PHP untuk template halaman.

Halaman Khusus

Di WordPress ada halaman khusus lainnya yang juga menggunakan template khusus untuk merender konten. Contohnya adalah halaman utama situs web. Ingat bahwa halaman utama dipilih di Pengaturan WordPress, di dalam submenu Membaca . Hirarki template berikut digunakan untuk halaman tersebut:

1. front-page.php : jika Anda menggunakan halaman statis sebagai halaman utama di WordPress, pertama-tama akan mencoba menerapkan template front-page.php .
2. home.php : jika template sebelumnya tidak ditemukan, WordPress mencoba menggunakan template ini. Template ini juga digunakan jika alih-alih memilih halaman statis sebagai halaman utama, Anda telah memilih opsi untuk menampilkan posting terbaru Anda.
3. index.php : sekali lagi, template default selalu ada.

Halaman yang menampilkan hasil pencarian WordPress Anda juga merupakan halaman khusus yang dapat memiliki template sendiri. Untuk melakukan ini, Anda dapat menggunakan template search.php . Jika tema Anda tidak mendefinisikannya, index.php akan digunakan seperti biasa.

Terakhir, halaman yang ditampilkan saat situs web Anda mengembalikan kesalahan 404 juga dapat dikonfigurasi dengan template WordPress tertentu. Anda harus membuat file 404.php di tema Anda dan kemudian template ini akan diterapkan.

Template untuk Arsip

Sejauh ini kita telah melihat template untuk konten tunggal (kecuali dalam hal hasil pencarian). Tetapi di WordPress ada juga arsip, yang mungkin merender lebih dari satu elemen dalam satu halaman. Mari kita lihat hierarki template apa yang digunakan WordPress dalam kasus ini.

Kategori dan Tag

WordPress menggunakan hierarki template berikut untuk kategori:

1. category-{slug}.php : template ini digunakan untuk merender daftar konten (biasanya posting) yang termasuk dalam kategori tertentu. Secara khusus, ini akan digunakan saat merender kategori yang slugnya muncul di nama file PHP.
2. category-{id}.php : jika Anda lebih suka menggunakan ID kategori daripada slug, Anda juga dapat melakukannya. Misalnya, jika Anda ingin menerapkan template ke kategori 13, buat file template dengan nama category-13.php .
3. category.php : template default untuk semua kategori.
4. archive.php : ini adalah template paling umum untuk arsip di WordPress.
5. index.php : sekali lagi, jika tema Anda tidak menyertakan template yang lebih spesifik, WordPress akan default ke file ini.

Hirarki template berikut digunakan untuk tag:

1. tag-{slug}.php : jika tag disebut interview , kita dapat menggunakan template tag-interview.php jika kita ingin mendesain template khusus untuk tag tersebut di WordPress.
2. tag-{id}.php : kita juga bisa mendefinisikan template melalui tag ID.
3. tag.php : seperti halnya dengan category.php , ini adalah template generik untuk tag.
4. archive.php : sekali lagi, template ini akan digunakan jika tidak ada di atas.
5. index.php : seperti biasa, ini adalah template fallback.

Jenis Pos Kustom dan Taksonomi Kustom

Jika kita memiliki tipe konten kustom, kita dapat menggunakan arsip template- archive-{post_type}.php di mana post_type adalah slug dari tipe posting kustom. Ini akan membuat daftar konten untuk jenis posting itu.

Untuk taksonomi khusus, WordPress menggunakan hierarki template berikut:

1. taxonomy-{taxonomy}-{term}.php : jika Anda memiliki taksonomi khusus yang disebut videogames di WordPress dan ingin membuat template dengan desain khusus untuk istilah olahraga dalam taksonomi itu, Anda harus membuat file taxonomy-videogames-sports.php untuk menggunakan template itu.
2. taxonomy-{taxonomy}.php : jika Anda ingin menggunakan template yang sama untuk semua istilah taksonomi, cukup gunakan taxonomy-videogames.php , pada contoh sebelumnya.
3. taxonomy.php : ini adalah template default untuk semua taksonomi.
4. archive.php : jika tidak ada template di atas, ini berlaku.
5. index.php : sekali lagi, ini adalah template fallback default.

Dengan semua penjelasan ini, Anda seharusnya sudah memiliki semua yang Anda butuhkan untuk membuat dan mengidentifikasi template di tema WordPress Anda.

Untuk menyimpulkan

Memahami hierarki template WordPress adalah kunci untuk dapat memahami tema dan bahkan mengembangkan tema Anda sendiri. Tidak ada salahnya untuk melihat ini dan mengetahui cara kerjanya untuk mendapatkan kepercayaan diri ketika Anda mulai memodifikasi kode PHP dari tema yang Anda gunakan di WordPress kami.

Ada beberapa template lain, tetapi lebih jarang digunakan. Bagaimanapun, ingatlah bahwa Anda selalu dapat memeriksa dokumentasi WordPress Codex. Di sana Anda akan menemukan segala sesuatu yang tidak dijelaskan di sini.

Apa pendapatmu tentang semua ini? Apakah Anda masih menggunakan template untuk konten WordPress Anda atau apakah Anda sudah membangun semua desain dengan blok? Jangan lupa untuk meninggalkan saya komentar di bawah jika Anda telah mencapai akhir posting—Saya ingin tahu bagaimana Anda menggunakan template WordPress!

Gambar unggulan oleh Edvard Alexander Rlvaag di Unsplash .