Panduan Untuk Pembangunan Tema Kanak-kanak WordPress

Terdapat beberapa sebab yang pemaju WordPress mula menggunakan tema kanak-kanak. Mereka memberi anda peluang untuk menyesuaikan susun atur yang unik di atas tema lain yang sedia ada. Ini sesuai untuk pemula yang ingin bermain-main dengan membina tema mereka sendiri.

Selain itu banyak reka bentuk premium akan melepaskan kemas kini baru dari masa ke masa. Jika anda membuat perubahan pada fail tema utama, mereka akan ditimpa ganti apabila melakukan kemas kini, tetapi tema kanak-kanak adalah berasingan dan kemas. Ini bermakna anda boleh membuang tema premium sedia ada dan menjimatkan banyak masa dalam proses.

Dalam panduan ini saya ingin memperkenalkan konsep asas membina tema kanak-kanak WordPress dan mengapa ia adalah idea yang bagus.

Bermula

Tema kanak-kanak tidak begitu sukar kerana mereka mungkin muncul. Manfaat menggunakan tema ibu bapa bermakna anda tidak perlu menulis semua HTML / CSS dari awal. Tema kanak-kanak secara automatik akan menggunakan sebarang fail template yang anda sertakan, seperti sidebar.php atau footer.php. Tetapi jika mereka hilang, tema anak anda akan menarik fail yang sama dari ibu bapa mereka.

Fungsi ini menawarkan sejumlah besar kebebasan untuk menyesuaikan templat sedia ada. Ia juga hebat untuk menyentuh kawasan sekitar laman web anda untuk acara-acara khas, seperti menambah corak reka bentuk untuk Krismas atau Tahun Baru.

Fail yang Diperlukan

Anda hanya perlu satu helaian gaya css. Untuk menyediakan tema kanak-kanak di WordPress. Anda juga perlu membuat direktori baru di dalam / wp-content / themes folder yang akan menempatkan tema anak anda. Beri perhatian bahawa anda tidak mewujudkan folder ini di dalam tema ibu bapa, tetapi betul bersama dengannya dalam direktori tema yang sama.

Pemaju selalunya akan memasukkan fungsi.php dan screenshot.png dalam folder yang sama dengan fail CSS baru anda. Tangkapan skrin dipaparkan di panel admin WordPress anda dan fail tema fungsi boleh digunakan untuk banyak perubahan backend.

Tetapi buat masa ini kita harus memberi tumpuan kepada gaya utama. Ini biasanya dinamakan style.css dan termasuk pengepala komen dengan maklumat meta utama. Ini penting kerana tema anda hanya akan dipaparkan sebagai kanak-kanak jika anda memasukkan nama direktori induknya. Berikut adalah contoh tajuk komen:

 / * Nama Tema: Twenty Eleven Tema Anak URI: http: //example.com/ Keterangan: Tema kanak-kanak untuk reka bentuk Twenty Eleven Pengarang: Jake Rocheleau Pengarang URI: http: //www.hongkiat.com/blog/ Templat: twentyeleven Versi: 0.1 * /

Nilai untuk templat harus menjadi nama direktori untuk tema induk disertai. Selain itu semua tag lain harus dikenali dengan standard WordPress.

Walaupun semua templat PHP ibu bapa akan digunakan, style.css ibu bapa asal akan tidak diimport secara automatik. Jika anda ingin mencuba gaya asal, anda perlu memasukkannya di bahagian atas dokumen gaya.css anak anda. Berikut adalah contoh yang termasuk tema WP Twenty Eleven.

 @import url ("... /twentyeleven/style.css");

Menyediakan Gaya Baru

Menerapkan peraturan CSS ke tema anda semudah menyunting asal. Jika anda tahu elemen mana yang perlu anda sasarkan maka gunakan pemilih yang sama dalam tema anak anda sendiri.

Kami boleh demo dengan beberapa perubahan yang sangat mudah kepada pautan dan perenggan. Saya telah menggunakan kod dari tema Twenty Eleven yang asal untuk menyasarkan unsur-unsur yang berbeza. Kadangkala perlu menggunakan pemilih yang lebih spesifik untuk mengatasi reka bentuk yang lebih tua.

 badan padding: 0 1.4em;  #page margin: 1.667em auto; lebar maksimum: 900px;  a color: # 5281df; teks-hiasan: tiada; font-family: Calibri, Tahoma, Arial, sans-serif;  a: fokus, a: aktif, a: hover text-decoration: underline;

Dalam perubahan ini saya telah mengurangkan saiz badan keseluruhan dan juga mengeluarkan beberapa padding dari tepi. Semua pemilih ini boleh didapati di dalam dokumen asal .css. Ia penting bahawa saya juga menukar beberapa sifat untuk semua sambungan utama yang termasuk tumpuan fon dan pilihan warna yang berbeza.

Perkara penting!

CSS mempunyai perisytiharan khusus untuk menandakan keutamaan di atas gaya lain. Sintaks dipaparkan sebagai !penting bermula dengan tanda seru dan menamatkan pada akhir harta CSS anda. Ini adalah perlu jika anda telah melakar gaya dari tema ibu bapa yang mengatasi peraturan tersuai anda sendiri.

 a color: # 5281df! important; teks-hiasan: tiada; font-family: Calibri, Tahoma, Arial, sans-serif;

Di atas saya telah menyalin perubahan asal saya dan menyunting warna teks anchor dengan klausa penting. Ini akan menjadi keutamaan ke atas semua gaya lain dalam kedalaman pemilih yang sama. Unsur yang lebih jelas (seperti #access li: hover> a) biasanya akan memegang gaya mereka sendiri melainkan jika warna masih diwarisi dari pemilih asal kami. Dalam hal ini, tema ibu bapa kami tidak menyiapkan harta keluarga font pada sambungan utama, oleh sebab itu kami tidak mengalami masalah warisan.

Sekiranya anda menghadapi masalah membuat perubahan anda, cuba klik salah satu tanda penting ini pada akhir penyata harta anda. Ini bukan masalah yang sempurna untuk setiap masalah warisan, tetapi ia lebih berguna daripada yang anda fikirkan.

Fungsi cloning.php

Tidak seperti lembaran gaya utama, tema anak anda akan mengimport fungsi ibu bapa secara automatik. Ini bermakna anda tidak perlu menyalin mana-mana kod PHP untuk tetap aktif dalam tema baru anda. Namun, jika anda ingin mendefinisi semula beberapa fungsi, anda boleh membina functions.php yang lain dan menuliskan kod baru anda dengan sebarang perubahan.

Sebagai contoh, saya telah membina fungsi yang memfilter beberapa fail JavaScript apabila templat tersebut dimulakan. Ini akan menghapus sebarang versi lama skrip jQuery dan SWFObject, sementara pada masa yang sama menambah versi paling terkini kepada wp_head kawasan.

 / // fail jv queue untuk fungsi beban mytheme_js () if (is_admin ()) kembali; wp_deregister_script ('jquery'); wp_register_script ('jquery', 'http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js'); wp_enqueue_script ('jquery'); wp_deregister_script ('swfobject'); wp_register_script ('swfobject', 'http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js'); wp_enqueue_script ('swfobject');  add_action ('init', mytheme_js);

Saya harus menunjukkan bahawa jika anda mengimport kod dari fungsi.php ibu bapa maka anda harus menggunakan nama fungsi yang berbeza. Jika tidak, PHP akan memberikan ralat yang fatal dan anda perlu FTP ke pelayan untuk membetulkan kesilapan itu.

Bekerja dengan Fail Tema

Kategori yang paling luas menyerlahkannya ialah membuat susun atur tersuai dan jenis halaman. Secara lalai tema anak anda akan mewarisi semua fail tema induknya. Tetapi anda mempunyai pilihan untuk membuat fail tema anak baru dan WP akan mendaftarkannya sebagai templat 'utama'.

Sebagai contoh arkib.php dan index.php digunakan untuk memaparkan arkib pos dan skrin laman utama, masing-masing. Sekiranya terdapat perubahan yang anda ingin buat yang memerlukan pengeditan pada HTML maka anda akan lebih selamat mengkaipkan fail induk dan mengeditnya dalam direktori tema kanak-kanak.

Templat Page Custom

Semasa kita bercakap mengenai fail template saya juga ingin memperkenalkan fungsi WordPress yang banyak yang tidak diketahui. Anda boleh membina halaman dan templat pos yang akan dipilih dari panel Admin ketika membuat kandungan baru. Walaupun tema ibu bapa tidak mempunyai fail templat tersuai yang baru WordPress masih akan menggunakan kanak-kanak itu sebagai ganti page.php atau single.php.

Pertama buat fail baru bernama page-offer.php. Ini akan menjadi a “tawaran istimewa” halaman promosi yang bertema berbeza daripada yang lain. Di sini anda boleh menyalin kod halaman asal anda atau bahkan membina tema sepenuhnya dari awal. Satu-satunya kod yang kita perlu membiarkan WordPress mengetahui mengenai templat baru ini adalah persediaan komen dalam PHP.

Alternatif lain untuk kaedah ini ialah membina halaman tersuai yang dinamakan selepas nombor ID unik. Jadi bukannya memuat lalai arkib.php untuk halaman pengarang anda boleh membuat fail seperti pengarang-ID.php di mana ID adalah nombor ID WordPress unik pengguna. Walaupun sistem ini lebih dikenakan cukai kerana anda perlu membuat fail templat baharu untuk setiap penulis di laman web anda.

Ia menjadi lebih berguna jika anda boleh menggabungkan dua teknik ini dengan fail templat lain. Terutama kategori dan tag berfungsi dengan baik menggunakan fail tema mereka sendiri. Juga jika anda memaut ke lampiran dalam kandungan anda maka anda akan ingin mempertimbangkan susun atur template yang mungkin untuk setiap jenis mime. Saya termasuk hierarki templat di bawah untuk lampiran imej JPEG yang mudah:

image.php
jpeg.php
image_jpeg.php
attachment.php

Alat WordPress yang Berguna

WordPress sendiri mempunyai sistem plugin serba boleh yang boleh mengurus banyak penyesuaian. Memandangkan tema kanak-kanak begitu baru, tidak ada satu pun serangan hebat dari keluaran parti ke-3 (lagi). Walau bagaimanapun terdapat beberapa alat yang anda mungkin periksa untuk menjadikan masa perkembangan anda lebih pendek.

Ungkapan yang jelas adalah plugin One-Click Child Theme yang dibina dan diuji untuk versi terbaru 3.x WordPress. Ia menambah pautan menu ke dalam Admin anda “Tema” seksyen untuk membina kanak-kanak secara automatik menggunakan tema semasa anda yang aktif. Ini hebat jika anda tidak mahu mengacaukan dengan FTP dan ingin bermain-main dengan beberapa idea baru.

Sekiranya anda merancang untuk mengedit fail-fail ini dalam panel admin, anda juga akan menikmati penonjolan sintaks yang lebih jelas. Ini tidak ditawarkan dalam WordPress secara lalai tetapi anda boleh memasang Editor Kod Lanjutan untuk beberapa fungsi yang lebih baik. Ini menjadikan merentas melalui blok kod PHP dan HTML / CSS yang jauh lebih mudah diurus.

Sumber tambahan

Bersama-sama dengan semua tip dalam panduan ini saya ingin berkongsi satu set pautan penting untuk pemaju tema. Terdapat banyak artikel hebat dan tema kanak-kanak percuma yang anda boleh menyemak untuk mempelajari lebih mendalam dalam subjek ini. Saya menambah koleksi sumber-sumber ini di bawah:

8 Tema Twenty Eleven Percuma Percuma
Codex Online WordPress »Tema Kanak-kanak
Bagaimana untuk membina Tema Kanak-kanak WordPress menggunakan Cangkuk dan Penapis
Beberapa Perkataan pada Tema Kanak-kanak
Cara Membuat, Ubah Suai, dan Menggunakan Tema Kanak-kanak di WordPress

Kesimpulannya

Saya harap proses membina tema kanak-kanak WordPress lebih jelas untuk anda selepas membaca artikel ini. Saya telah cuba menerangkan bagaimana tema kanak-kanak boleh mewarisi templat CSS dan PHP dari ibu bapa. Selain itu, sangat mudah untuk memanipulasi fail khusus dan membuat tema unik anda sendiri.