Apakah saya benar-benar perlu menautkan style.css tema saya di file tema


10

Jadi saya sedang mengembangkan tema wordpress menggunakan serangkaian file KURANG untuk CSS. Kompilasi ini menggunakan codekit ke stylesheet gabungan dan minifed yang saya gunakan untuk styling tema.

Saya mengerti tema wordpress harus memiliki style.css yang mencakup info tentang tema dalam komentarnya, tetapi apakah diharuskan untuk menautkan style.css ini di header.php? Tentunya saya dapat memiliki info tema di dalamnya dan tidak ada yang lain dan membiarkannya tidak tersentuh di folder tema. Stylesheet yang saya gunakan sebenarnya bisa disebut styles.css atau main.css atau sesuatu.

adakah yang bisa mengkonfirmasi ini atau memberikan alasan mengapa ini mungkin ide yang buruk?


1
Anda harus meninggalkan style.cssinfonya dengan tema di root folder tema Anda. Itu dia.
JMau

Jawaban:


14

Saya akan mengatakan: Anda tidak harus menggunakan style.cssuntuk produksi CSS yang sebenarnya.

Alasannya sederhana: minifikasi. Anda tidak dapat memperkecil konten file sepenuhnya, karena WordPress harus membacanya. Dalam tema saya, saya menggunakan style.csshanya untuk header, dan saya menambahkan komentar, menjelaskan di mana menemukan CSS yang sebenarnya, sehingga pengembang lain tidak perlu mencari terlalu lama.

Contoh:

/*
Theme Name:    My theme name
Version:       2013.08.24
License:       MIT
Text Domain:   t5_theme
Domain Path:  /lang

You will find the real stylesheet in css/default.css.
*/

2
Ini ide yang bagus.
Ravinder Kumar

Inilah yang saya lakukan juga, bekerja seperti pesona.
Dalton

Apakah Anda masih perlu enqueue style.css di ujung depan agar WP membaca konfigurasi?
henrywright

3
@henrywright Tidak, itu tidak pernah perlu.
fuxia

2

Anda benar, Harry, bahwa Anda tidak perlu benar-benar menelepon atau memuat default style.cssdi file header Anda. Karena saya telah menggunakan SCSS dalam tema saya, saya mengalami masalah yang sama, tetapi telah memutuskan untuk mempertahankan tautan ke style.csskarena alasan berikut yang mungkin atau mungkin tidak berlaku untuk situasi Anda:

  • Asumsi WP default adalah yang style.cssada dan sedang digunakan, dan saya tidak ingin menggagalkan asumsi sehubungan dengan plugin. Saya tidak tahu apakah / kapan ini akan menjadi masalah dan akan tertarik untuk mendengar pengalaman dan saran orang lain tentang hal ini.
  • Jika stylesheet yang digunakan saya yang sebenarnya ada dalam folder, itu mencegah pengguna untuk dapat mengedit CSS situs. Tetap style.cssaktif dan tersedia memberi pengguna saya cara untuk tetap dapat membuat perubahan CSS dari admin WP.
  • Terkait, saat bekerja di situs pementasan dengan mitra lain, jika mereka juga tidak menggunakan SCSS, mereka dapat melakukan perubahan style.csstanpa mempengaruhi kemampuan saya untuk terus menggunakan file SCSS saya.

Sekali lagi, poin-poin ini mungkin tidak berlaku untuk situasi Anda tetapi telah memberi tahu keputusan saya untuk menjaga tautan default style.css, meskipun sebagian besar kosong kecuali untuk info tema yang diperlukan.


1

Ya, WordPress menggunakan tema style.csssebagai dokumen "konfigurasi".

Anda juga benar, sejauh yang saya tahu, bahwa Anda tidak harus benar-benar memuatnya style.cssdi bagian depan untuk membuatnya memenuhi tujuan "konfigurasi".

Apa yang Anda lakukan harus baik-baik saja. Saya cukup yakin saya telah melihat tema lain melakukan sesuatu yang serupa tetapi saya tidak bisa bersumpah untuk itu. Satu-satunya masalah yang bisa saya lihat adalah jika beberapa plugin dengan keliru menganggap itu style.cssadalah (hanya) stylesheet dalam tema tersebut.


1

Anda juga dapat menambahkan ini ke Anda config.rb(jika Anda menggunakan Kompas) dan CodeKit akan secara otomatis menyalin stylesheet Anda yang telah diperkecil ke style.cssdalam root tema.

require 'fileutils'
on_stylesheet_saved do |file|
  if File.exists?(file) && File.basename(file) == "style.css"
    puts "Moving: #{file}"
    FileUtils.mv(file, File.dirname(file) + "/../" + File.basename(file))
  end
end

Saya menggunakan ini dengan setiap tema WordPress yang saya kembangkan dan berfungsi seperti pesona.

Pastikan bahwa komentar dalam style.scssfile Anda dimulai dengan !setelah komentar pembukaan atau jika tidak maka akan dihapus dalam minifikasi:

/*!
  Theme Name: Your Theme

Sumber: Trik CSS-


1
Trik dengan menambahkan tanda seru setelah memulai / * berhasil untuk saya. Berarti saya dapat terus memproses lebih sedikit file -> css dan masih menyimpan format yang diharapkan WordPress untuk membaca detail tema. Trik termudah yang pernah saya lihat dalam waktu yang lama (satu karakter tempat yang tepat!) :-)
Lars Koudal
Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.