Memahami Hirarki Template WordPress untuk Pengembangan Lebih Cepat

Membuat tema WordPress bukanlah ilmu roket. Jika Anda mulai dengan dasar-dasarnya, Anda dapat dengan mudah mempelajari pengembangan tema WordPress. Tetapi sebelum Anda mempelajari hal-hal pengembangan hardcore, Anda harus memahami hierarki template WordPress dan hierarki tema WordPress. Halaman di situs web WordPress dibuat menggunakan file template tunggal atau kombinasi file template yang diminta pada area tertentu dari halaman web.

Beberapa contoh file hierarki template WordPress adalah:

1. index.php
2. Sidebar.php
3. Header.php
4. footer.php

Mereka berada di folder wp-content/themes/theme-name . Ada banyak file struktur template WordPress tetapi hanya dua file yang mutlak diperlukan agar tema WordPress berfungsi, yaitu index.php dan style.css. Selain itu, functions.php (tidak dianggap sebagai file template) adalah file wajib yang berisi fungsionalitas tema. Untuk menambahkan lebih banyak tampilan khusus ke situs web kami dan merasa, kami dapat menggunakan berbagai file template yang tersedia untuk kami dalam hierarki tema WordPress.

Pertama untuk mendapatkan pemahaman tentang bagaimana itu membuat halaman dan bagaimana naik hierarki template WordPress, mari kita pertimbangkan contoh ini.

Seorang pengunjung mengunjungi halaman testimonial di situs WordPress Anda dan Anda telah membuat templat halaman khusus yang dikenal sebagai page-testimonials.php , WordPress kemudian akan memuat page-testimonials.php. Namun, jika page-testimonials.php tidak ada, maka WordPress akan mundur dan memuat page.php, dan jika page.php tidak ada di file tema, maka WordPress akan memuat index.php .

Saya akan memecah file template menjadi beberapa bagian sehingga lebih mudah untuk memahami tujuan mereka dan di mana mereka digunakan.

Hirarki Halaman WordPress Dasar

Hirarki halaman WordPres dasar meliputi:

1. index.php
2. header.php
3. footer.php
4. sidebar.php

1. index.php

Seperti yang saya sebutkan sebelumnya, index.php adalah salah satu file template dalam hierarki halaman WordPress yang diperlukan agar tema WordPress berfungsi. index.php paling sering digunakan untuk merender halaman beranda tema WordPress. Setiap kali file template tidak ada, misalnya single.php atau post.php, maka WordPress memuat index.php.

Index.php biasanya berisi file template lain seperti header.php, footer.php, dan sidebar.php, yang masing-masing berisi bagian kepala situs, area footer, dan sidebar dengan area widget. Ini juga berisi loop yang menampilkan posting atau halaman pada template.

2. header.php

Header.php berisi bagian kepala situs WordPress, dan biasanya disebut di awal semua file template. Biasanya berisi informasi header, analitik, panggilan ke file CSS, navigasi situs, judul halaman, dan logo situs, dll.

3. footer.php

Demikian pula, footer.php dalam file dalam hierarki halaman WordPress digunakan untuk membangun bagian footer dari tema WordPress dan dipanggil di bagian footer dari semua file template. Footer.php umumnya berisi informasi hak cipta, panggilan ke file JS, area widget yang biasanya memiliki navigasi situs.

4. sidebar.php

Sedangkan sidebar.php, seperti namanya, digunakan untuk membangun sidebar situs dan dipanggil dalam file template seperti index.php, page.php, single.php untuk dipanggil di sidebar. Biasanya berisi area widget untuk penyesuaian yang mudah.

Halaman Tampilan Beranda

1. halaman depan.php
2. home.php
3. halaman.php
4. index.php

Beranda situs WordPress menampilkan posting blog terbaru atau halaman statis. Itu tergantung pada pengaturan di bawah WordPress Dashboard Settings -> Reading . Jika diatur ke posting terbaru maka akan menampilkan posting blog terbaru di halaman rumah dan ketika diatur ke halaman statis, maka akan memuat template dari hierarki template WordPress seperti page.php atau front-page.php.

Jika front-page.php ada , WordPress akan menggunakan file template ini untuk pengaturan “ posting blog terbaru ” dan “ halaman statis ”. Home.php akan dimuat jika front-page.php tidak ada dan "posting blog terbaru" diatur dalam pengaturan membaca WordPress.

Jika di Pengaturan -> Membaca halaman statis dengan halaman posting dipilih maka WordPress akan mencari template page.php untuk merender homepage.

Namun jika front-page.php, page.php, dan home.php tidak ada maka WordPress akan kembali ke index.php untuk merender homepage.

Halaman Posting Tunggal

1. tunggal.php
2. singular.php

1. tunggal.php

Di WordPress, posting blog tunggal dirender menggunakan file single.php. Di WordPress versi 4.3 dan yang lebih baru, file template WordPress baru, singular.php telah ditambahkan.

Untuk jenis posting kustom WordPress kita dapat menggunakan single-{post-type}.php. Misalnya, jenis posting kita adalah hewan, maka WordPress akan mencari single-animals.php dan akan didahulukan dari single.php. Jika file tipe posting tidak ada, file akan menggunakan single.php untuk merender halaman.

2. singular.php

Singular.php digunakan dalam kasus di mana page.php dan single.php umumnya memiliki kode yang sama. Jika single.php tidak ada maka WordPress akan mencari singular.php.

Halaman Statis

Halaman dirender dalam urutan berikut:

1. templat halaman
2. halaman-{siput}.php
3. halaman-{id}.php
4. halaman.php
5. singular.php
6. index.php

Seperti yang dinyatakan di atas, jika kita ingin memiliki tampilan yang sama untuk single.php dan page.php maka lebih baik membuat singular.php.

Halaman Arsip

1. author.php
2. kategori.php
3. taksonomi.php
4. tanggal.php
5. tag.php
6. arsip.php

Halaman arsip di WordPress adalah halaman yang digunakan untuk mengambil posting dari penulis tertentu, kategori, taksonomi, tanggal, tag, dan sebagainya.

Kita dapat memiliki satu template arsip yaitu, archive.php. Tetapi untuk menelusuri lebih banyak template, kami memiliki author.php, category.php, taxonomy.php, date.php, tag.php dan semuanya cukup jelas.

Kami selanjutnya dapat membuat templat yang disesuaikan, misalnya:

category-{slug}.php – jika slug dari suatu kategori adalah cute-kittens, maka WordPress akan mencari category-cute-kittens.php, jika tidak ada maka akan digunakan category.php.

kategori-{id}.php – jika id = 3, maka WordPress akan mencari kategori-3.php untuk merender halaman. Kalau tidak, itu akan memuat kategori.php

Teori serupa dari {siput} dan {id} berlaku untuk halaman “Tag”

Untuk template Author kustom kita bisa menggunakan author-{nicename}.php atau author-{id}.php. Jika nama penulisnya adalah Andy, maka WordPress akan mencari author-andy.php, jika tidak ada, maka WordPress akan kembali ke author.php untuk merender halaman tersebut.

File Template WordPress Lainnya

– search.php

Hasil pencarian di WordPress menggunakan file template search.php. Jika tidak ada, maka hasil pencarian dirender dari index.php.

– lampiran.php

File template ini digunakan untuk merender halaman lampiran, seperti gambar dan video. image.php dan video.php masing-masing digunakan untuk merender gambar dan video. Jika file-file ini tidak ada maka attachment.php digunakan.

– 404.php

Halaman yang tidak ditemukan di WordPress dirender dari 404.php. Jika 404 tidak ada, maka itu membuat halaman dari index.php.

– komentar.php

Ini adalah template komentar, ini disebut dalam file template seperti single.php atau page.php untuk menambahkan bagian komentar.

Kata-kata Terakhir

Memahami hierarki template WordPress sangat bermanfaat jika Anda ingin mengembangkan tema WordPress kustom dan/atau menyesuaikan struktur file tema WordPress. Anda akan dengan mudah menemukan file template yang tepat untuk diedit dan disesuaikan. Hal yang baik tentang hierarki template WordPress adalah ia mengikuti konvensi penamaan yang ketat. Sangat mudah untuk membuat tema WordPress setelah Anda menguasainya. Anda dapat merujuk ke hierarki tema WordPress untuk referensi cepat dan visual untuk pengembangan tema.