Apa yang Sebagian Desainer Web Salah Tentang Hierarki Tema WordPress

Apa yang Sebagian Desainer Web Salah Tentang Hierarki Tema WordPress

Apa yang Sebagian Desainer Web Salah Tentang Hierarki Tema WordPress
СОДЕРЖАНИЕ
02 июня 2020

Desain tema WordPress pada awalnya tampak agak menakutkan; bahkan untuk perancang web berpengalaman. Tema yang paling sederhana tampaknya terdiri dari beberapa file yang entah bagaimana saling berhubungan.


Tetapi kabar baiknya adalah ini: Ada sistem logis di balik kebingungan. Jika Anda bersedia menyingsingkan lengan baju dan mempelajari sedikit PHP, Anda dapat mengubah desain HTML statis Anda menjadi situs web WordPress yang dinamis.

Tentu saja Anda dapat menggunakan layanan kami, tetapi kami ingin memberi Anda pilihan!

Pada artikel ini saya ingin memulai dengan berfokus pada kesalahan utama yang dilakukan sebagian besar calon desainer tema WordPress ketika datang untuk bekerja dengan hierarki templat tema WordPress, kemudian memberikan kepada Anda gambaran umum yang luas tentang bagaimana tema WordPress seharusnya bersatu.

Rahasia Terbesar Tentang Pengembangan Tema WordPress

Terlepas dari semua komplikasi yang tampak dengan pengembangan tema WordPress, membuat tema WordPress Anda sendiri dapat sesederhana yang Anda inginkan.

Bagaimana jika saya katakan bahwa Anda dapat membuat tema WordPress sederhana hanya dengan dua file?

Kedua file tersebut adalah index.php dan style.css. Mereka pada akhirnya tidak akan menjadi yang Anda inginkan, tetapi hanya itulah yang Anda butuhkan.

Jika Anda telah membuat desain statis dengan file index.html dan style.css, Anda dapat benar-benar menyalin dan menempel konten masing-masing ke file index.php dan style.css baru, tambahkan sedikit informasi tambahan, zip file file di folder dan unggah ke WordPress. Hai presto – tema WordPress pertama Anda!

Untuk membuktikan maksud saya, mari kita lakukan. Kami akan mulai dengan file index.php kami:

Tema WordPress Pertama Saya

Halo Dunia!

Seperti yang Anda lihat, kami menggunakan HTML dasar yang sama seperti biasanya, tanpa PHP yang terlihat. Secara teoritis, PHP adalah pilihan ketika datang ke pengembangan tema, meskipun Anda pasti akan menemukan kebutuhan untuk itu jika Anda ingin merancang situs web WordPress yang lengkap. Menghilangkan PHP di file tema Anda pada dasarnya membuat WordPress berlebihan.

Dalam hal file style.css Anda, hanya perlu satu hal untuk bekerja: header stylesheet. Ini terdiri dari beberapa bagian informasi yang memungkinkan WordPress mengidentifikasi tema Anda.

Berikut ini contoh sederhana, yang harus dimasukkan sebagai komentar di file style.css Anda:

/ *

Nama Tema: Tema WordPress Pertama Saya
Penulis: Nama Saya
Deskripsi: Tema WordPress pertama saya!
Versi: 1.0

* /

Ada banyak item tajuk lainnya yang dapat dimasukkan dalam lembar gaya Anda, tetapi hanya segelintir yang wajib. Ini daftar lengkapnya:

  • Nama Tema.
  • Tema URI. Jika tema Anda memiliki beranda, ini adalah tempat Anda menambahkannya.
  • Penulis. Jangan malu-malu!
  • Penulis URI. Jika Anda memiliki situs web pribadi / portofolio, Anda dapat menautkannya di sini.
  • Deskripsi.
  • Versi: kapan.
  • Lisensi. Klik disini untuk mempelajari lebih lanjut tentang perizinan WordPress mereka.
  • Lisensi URI. Merupakan praktik yang baik untuk memasukkan tautan kembali ke lisensi yang Anda pilih untuk tema Anda.
  • Tag. Tag ini digunakan dalam WordPress.org untuk memfilter tema Anda berdasarkan karakteristik tertentu (mis. "satu kolom", "tajuk khusus").
  • Domain teks. Ini digunakan untuk tujuan internasionalisasi / terjemahan.

(Harap perhatikan bahwa nama tema Anda harus unik. Jika Anda memilih nama yang sudah ada, Anda akan membuat konflik di WordPress.)

Simpan file index.php dan style.css Anda ke dalam folder dan berikan nama yang unik. Gunakan tanda hubung sebagai ganti spasi. Setelah selesai, zip file tersebut.

Selanjutnya, navigasikan ke Penampilan > Tema dari instalasi WordPress Anda dan klik tombol Add New. Dari layar yang dihasilkan Anda dapat mengunggah dan mengaktifkan tema baru Anda.

Setelah Anda selesai melakukannya, navigasikan ke beranda Anda dan Anda akan melihat tema WordPress pertama Anda:

Situs WordPress Pertama Anda

Untuk mengonfirmasi bahwa ini telah diakui sebagai tema di WordPress, cukup navigasikan kembali ke Appearance > Tema. Anda akan menemukan tema Anda tercantum di antara yang lain yang telah Anda instal di situs Anda, dan Anda bahkan dapat mengkliknya untuk mengungkapkan rincian lebih lanjut bahwa Anda termasuk dalam header stylesheet Anda:

Detail Tema WordPress

Memang, tema Anda tidak banyak menulis tentang pada tahap ini, tetapi contoh di atas menunjukkan betapa sederhananya desain tema WordPress.

Itu juga mengungkapkan rahasia besar yang saya sebutkan di atas: index.php tidak hanya mewakili beranda situs Anda (meskipun bisa) – itu adalah dasar untuk semuanya dalam desain tema WordPress.

Mengenal Hirarki index.php dan Template Tema WordPress

Anda akan dimaafkan dengan asumsi bahwa index.php dimaksudkan untuk menjadi beranda situs web WordPress Anda. Ya, tidak. Itu jauh lebih penting.

Saya katakan di atas bahwa Anda dapat membuat tema WordPress dengan hanya dua file, salah satunya adalah index.php. Yah, maksudku dalam segala hal – bukan hanya dalam hal menciptakan yang sederhana "Halo Dunia!" contoh.

Anda lihat, hierarki templat tema WordPress berfungsi sedemikian rupa sehingga jika file templat yang lebih spesifik tidak ada, maka defaultnya akan kembali ke file ‘senior’ berikutnya. Dan coba tebak file yang paling senior; apa WordPress akhirnya default? Itu benar: index.php.

Untuk memberi Anda gagasan yang lebih baik tentang apa yang saya maksud, berikut ini adalah representasi visual dari hierarki templat tema WordPress:

Kerangka Templat Tema WordPress

Seperti yang Anda lihat, ada sejumlah besar file template yang dapat digunakan untuk membangun tema WordPress – mulai dari halaman posting blog tunggal (single-post.php) hingga halaman kesalahan 404 (404.php). Tetapi yang paling penting adalah ini: jika WordPress tidak menemukan file yang paling spesifik, defaultnya akan kembali ke file paling senior berikutnya.

Pada akhirnya itu mengarah kembali ke index.php: file templat tema Daddy of WordPress.

Jadi index.php sama sekali bukan beranda – idealnya, WordPress pertama-tama akan mencari front-page.php, atau selanjutnya home.php untuk tujuan itu. Index.php adalah pilihan terakhir.

Kemana Anda Pergi Dari Sini?

Kami hanya menggaruk permukaan pengembangan tema WordPress dalam artikel ini, tetapi sekarang Anda harus tahu bahwa setiap file templat dalam tema WordPress terkait dengan jenis halaman tertentu yang akan Anda lihat di ujung depan. Misalnya, satu posting blog paling khusus diwakili oleh single-post.php, lalu single.php, lalu index.php.

WordPress akan terus bekerja mundur hingga menemukan sesuatu untuk digantungkan, tetapi file tema yang lebih spesifik memberi Anda kesempatan untuk membuat desain dan tata letak yang disesuaikan untuk berbagai halaman di situs Anda.

Setelah Anda memahaminya, Anda dapat mulai dari posisi sederhana (mis. Index.php) dan menyempurnakan desain Anda dari sana. Seperti yang saya katakan; Anda dapat membuat tema WordPress hanya dengan dua file, tetapi pada kenyataannya Anda ingin memanfaatkan apa yang ditawarkan WordPress dan memanfaatkan hierarki templat temanya secara lebih lengkap..

Jika Anda ingin menjelajahi hierarki templat tema WordPress lebih terinci, saya sarankan dua sumber berikut:

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Это интересно
    Adblock
    detector