Reverie: Tema Starter WordPress yang berasaskan asas

Reverie: Tema Pengenalan WordPress Berdasarkan Rangka Kerja Yayasan

Reverie adalah tema pengenalan WordPress berdasarkan Rangka Kerja Yayasan Zurb, yang menyediakan asas yang kukuh untuk pembangunan tema, termasuk jejaring responsif, tipografi, gaya butang dan komponen lain. Reka bentuk ringan dan minimalisnya dapat meningkatkan prestasi laman web.

Reverie tersuai

anda boleh mengubah suai fail CSS dan PHP secara langsung atau menggunakan Customizer WordPress untuk membuat perubahan yang lebih mudah. Tema ini menyokong sub-tema, yang membolehkan anda membuat perubahan tanpa menjejaskan fail tema asal, menjadikannya lebih mudah untuk mengemas kini tema tanpa kehilangan tetapan tersuai.

Reverie sangat mesra kepada pemaju dan pemula yang biasa dengan HTML dan CSS asas. Ia menyokong WooCommerce keluar dari kotak, menyokong terjemahan laman web berbilang bahasa, dan serasi dengan semua pelayar moden. Tema ini juga menyokong jenis pos tersuai dan dikemas kini secara teratur untuk bersesuaian dengan versi terkini WordPress dan Rangka Kerja Yayasan.

membuat keputusan utama: sub-tema

Apabila menyesuaikan sebarang tema asas atau pengenalan, anda perlu menilai sama ada sub-tema diperlukan. Jika anda ingin menyimpan topik yang dikemas kini, anda benar-benar perlu menggunakan sub-tema. Sebab utama ialah apabila anda mengemas kini tema utama, semua perubahan yang anda buat mungkin hilang. Jika anda membina laman web untuk pelanggan anda, ini boleh menyebabkan bencana dengan mudah.

Sebaliknya, jika anda tidak mahu pelanggan anda mengemas kini topik itu sendiri dan memecahkan semua kerja keras anda, anda boleh melumpuhkan kemas kini menggunakan coretan kod mudah. Ini akan menghalang pengguna daripada mengemas kini topik dari backend. Kemas kini ke tema dan plugin boleh berakhir melanggar seluruh laman web, jadi anda boleh melumpuhkannya dengan menambahkan yang berikut ke fail functions.php:

function remove_core_updates() {
  global $wp_version;return(object) array('last_checked'=> time(),'version_checked'=> $wp_version,);
}
add_filter('pre_site_transient_update_core','remove_core_updates');
add_filter('pre_site_transient_update_plugins','remove_core_updates');
add_filter('pre_site_transient_update_themes','remove_core_updates');

Langkah selepas pemasangan pertama

Selepas memasang tema reverie, anda dapat melihat bahawa ia dilengkapi dengan ciri "adat" yang membolehkan anda melihat pratonton perubahan asas seperti warna latar belakang, imej latar belakang, dan widget dari hujung depan. Banyak tema popular telah membuat penyesuaian terperinci ke kawasan ini, dan juga menyempurnakan mereka untuk warna fon, siri font, dll.

Buat Sub-Theme Reverie

Cara kerja sub-tema

adalah untuk menyimpan fail dalam folder berasingan, jadi apabila anda mengemas kini tema utama, fail dalam folder berasingan tidak disentuh. Ini bermakna semua kerja keras dan reka bentuk tersuai anda tidak dipadamkan setiap kali anda mengemas kini tema utama.

Menetapkan sub-tema untuk reverie adalah kira-kira sama dengan topik lain. Dalam direktori tema, anda perlu membuat folder yang dipanggil "Reverie-Child". Di dalamnya, anda perlu meletakkan fail gaya.css dan fail fungsi.php. Ini adalah tipikal dari mana-mana sub-tema. Fail -fail ini diperlukan jika anda ingin menambah ciri tersuai dan gaya tersuai anda sendiri.

Dalam helaian gaya sub-tema, anda hanya perlu mengikuti tetapan asas fail CSS sub-tema:

/*
Theme Name: Reverie Child Theme
Description: Child theme for Reverie 
Author: James George
Template: reverie
*/

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

/* Start child theme customization below */

Anda kini boleh menambah fungsi dan gaya tersuai kepada sub-tema baru.

Ini adalah rupa yang tipikal selepas memasang reverie. Jika anda ingin menyesuaikan penampilan, anda perlu menambah CSS tersuai anda ke fail Style.css dalam folder sub-tema.

Cara terbaik ialah membuka fail utama-index.php dan fail tunggal-halaman.php dan lihat struktur. Pastikan anda memberi perhatian kepada mana -mana kategori khas yang ingin anda fokuskan. Dalam kebanyakan kes, semuanya harus sangat mudah dan mudah.

Pendekatan lain (dan kaedah yang saya pilih) adalah menggunakan Inspektor Firebug Firefox dan alat pemeriksaan Chrome. Tidak kira alat yang anda pilih, mereka mempunyai hampir fungsi yang sama. Saya secara peribadi lebih suka Firebug di Firefox. Saya boleh menyemak elemen dan ia akan memberitahu saya id div dan mana -mana kelas atribut yang menggayakan elemen tertentu.

Ini adalah satu lagi cara yang baik untuk melihat bagaimana anda membinanya, dan ia menyoroti elemen apabila anda melayang ke atas item di pecahan di bahagian atas tetingkap Firebug. Anda dapat melihat bagaimana div bersarang, yang dapat membantu anda menyempitkan sebarang isu yang anda cuba selesaikan.

Dalam imej di atas, anda dapat melihat bahawa kawasan kod yang anda lihat diserlahkan dalam cahaya biru. Sekiranya terdapat kawasan ungu, ada mengisi. Kuning menunjukkan sebarang nilai margin yang digunakan. Ini adalah cara yang baik untuk menyempurnakan sebarang masalah jarak dan mendiagnosis mengapa reka bentuk tidak dibina dengan cara yang anda mahukan.

Dalam contoh di atas, jika saya mahu gaya nama pengarang, tukar warna, saya boleh melayang ke atasnya, klik kanan dan pilih "Periksa Elemen". Kemudian, dalam kod di bawah ini anda dapat melihat nama div dan kelas, yang sebenarnya adalah kelas span pengarang Byline.

Oleh kerana nama pengarang adalah pautan, saya boleh menambah A pada akhir dan pilih elemen aktif:

function remove_core_updates() {
  global $wp_version;return(object) array('last_checked'=> time(),'version_checked'=> $wp_version,);
}
add_filter('pre_site_transient_update_core','remove_core_updates');
add_filter('pre_site_transient_update_plugins','remove_core_updates');
add_filter('pre_site_transient_update_themes','remove_core_updates');

Ini mengubah pautan pengarang ke Orange. Ia mudah, tetapi ini adalah asas -asas tema gaya. Juga, lebih mudah daripada bermula dengan halaman PHP, Div, dan kelas - dan cuba mengatur segala -galanya dalam fikiran anda.

Dalam artikel seterusnya dalam siri ini, kami akan meneroka penambahan ciri -ciri kepada topik reverie. Terdapat banyak fleksibiliti di sini dan kemungkinannya tidak berkesudahan. Memahami struktur keseluruhan tema reverie dan bagaimana untuk memanipulasi penampilannya akan membantu anda memahami bagaimana untuk berjaya membinanya.

FAQ reverie

• Bagaimana reverie berbeza dari tema pengenalan WordPress yang lain? Apa yang membuatkan reverie berbeza dari tema pengantar WordPress yang lain adalah integrasi dengan rangka asas. Ini bermakna ia datang dengan mesh responsif, tipografi, gaya butang, dan komponen lain yang tersedia dengan serta -merta. Ia juga termasuk menu navigasi tersuai, kawasan widget dan templat halaman, menyediakan asas yang kukuh untuk pembangunan tema. Tidak seperti banyak tema pengantar lain, Reverie direka untuk menjadi ringan dan minimalis, membantu meningkatkan prestasi laman web.

• Bagaimana untuk menyesuaikan tema reverie? Reverie sangat disesuaikan. Anda boleh mengubah suai fail CSS dan PHP secara langsung, atau menggunakan Customizer WordPress untuk membuat perubahan yang lebih mudah. Tema ini juga menyokong sub-tema, yang membolehkan anda membuat perubahan tanpa menjejaskan fail tema asal. Ini menjadikannya mudah untuk mengemas kini tema tanpa kehilangan tetapan tersuai.

• Adakah reverie sesuai untuk pemula? Walaupun reverie direka untuk pemaju, ia juga sesuai untuk pemula yang biasa dengan asas HTML dan CSS. Topik yang ringkas, kod yang dianalisis dengan baik menjadikannya mudah untuk memahami bagaimana ia berfungsi, dan integrasi dengan kerangka Yayasan menyediakan banyak sumber untuk mengetahui lebih lanjut mengenai pembangunan web.

• Adakah reverie menyokong WOOCommerce? Ya, Reverie menyokong WooCommerce keluar dari kotak. Ini bermakna anda boleh dengan mudah membina kedai dalam talian di laman web anda tanpa memasang plugin atau tema tambahan. Tema ini juga termasuk templat tersuai untuk beberapa halaman WooCommerce untuk memberikan laman web anda rupa dan rasa yang konsisten.

• Bagaimana prestasi Reverie dibandingkan dengan topik pengenalan yang lain? Reverie direka untuk menjadi ringan dan cepat, membantu meningkatkan masa pemuatan laman web dan prestasi keseluruhan. Reka bentuk minimalis tema ini bermakna ia tidak mengandungi ciri -ciri yang tidak perlu atau kod kembung yang mungkin melambatkan laman web anda. Ini menjadikannya pilihan yang sangat baik untuk pemaju berorientasikan prestasi.

• Bolehkah saya menggunakan reverie untuk laman web berbilang bahasa? Ya, Reverie menyokong terjemahan dan menyokong laman web berbilang bahasa. Topik ini mengandungi fail .po dan .mo yang boleh anda gunakan untuk menterjemahkan topik ke dalam mana -mana bahasa. Ia juga menyokong pemalam WPML, yang menjadikannya mudah untuk mengurus dan menukar bahasa yang berbeza di laman web anda.

• Adakah reverie serasi dengan semua pelayar? Reverie direka untuk bersesuaian dengan semua pelayar moden, termasuk Chrome, Firefox, Safari, dan Edge. Tema ini menggunakan peningkatan progresif untuk memastikan ia berfungsi dengan baik walaupun pada pelayar yang lebih tua, walaupun beberapa ciri canggih mungkin tidak tersedia.

• Adakah reverie menyokong jenis artikel tersuai? Ya, Reverie menyokong jenis artikel tersuai. Ini bermakna anda boleh membuat pelbagai jenis kandungan di laman web anda, seperti catatan blog, produk, ulasan, dan banyak lagi. Topik ini juga termasuk beberapa templat tersuai yang menunjukkan jenis pos yang berbeza, memberikan laman web anda kelihatan dan rasa yang konsisten.

• Berapa kerapkah reverie mengemas kini? Reverie dikemas kini secara teratur untuk memastikan keserasian dengan versi terkini WordPress dan Rangka Kerja Yayasan. Kemas kini ini juga termasuk pembetulan pepijat, penambahbaikan prestasi, dan ciri -ciri baru berdasarkan maklum balas pengguna.

• Adakah ada sokongan untuk reverie? Ya, reverie dikuasakan melalui repositori githubnya. Anda boleh melaporkan isu, ciri permintaan, atau menyumbang kepada pembangunan topik tersebut. Terdapat juga sejumlah besar dokumentasi dan tutorial di laman web tema, serta komuniti pengguna yang dapat membantu menjawab soalan dan memberikan cadangan.

Atas ialah kandungan terperinci Reverie: Tema Starter WordPress yang berasaskan asas. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!