ฉันต้องเชื่อมโยง style.css ของธีมของฉันกับไฟล์ธีมหรือไม่

10

ดังนั้นฉันจึงพัฒนาธีมเวิร์ดเพรสโดยใช้ชุดไฟล์ LESS สำหรับ CSS คอมไพล์เหล่านี้โดยใช้ codekit เพื่อสไตล์ชีทที่รวมกันและแบบย่อที่ฉันใช้สำหรับการกำหนดสไตล์ของธีม

ฉันเข้าใจชุดรูปแบบ wordpress ต้องมี style.css ซึ่งมีข้อมูลเกี่ยวกับชุดรูปแบบในความคิดเห็น แต่จำเป็นต้องเชื่อมโยง style.css นี้ใน header.php หรือไม่ แน่นอนฉันสามารถมีข้อมูลชุดรูปแบบในนั้นและไม่มีอะไรอื่นและทิ้งไว้ในโฟลเดอร์ชุดรูปแบบ สไตล์ชีทที่ฉันใช้จริงสามารถเรียกได้ว่า styles.css หรือ main.css หรืออะไรก็ได้

ใครสามารถยืนยันสิ่งนี้หรือให้เหตุผลว่าทำไมสิ่งนี้อาจเป็นความคิดที่ไม่ดี?

theme-development themes css

— harryg
แหล่งที่มา

1

คุณควรปล่อยให้อยู่style.cssกับชุดข้อมูลข่าวสารที่รูทของโฟลเดอร์ชุดรูปแบบของคุณ แค่นั้นแหละ.

— JMau

14

ฉันจะบอกว่า: คุณไม่ควรใช้style.cssCSS สำหรับการผลิตจริง

เหตุผลง่าย ๆ คือการลดขนาด คุณไม่สามารถย่อขนาดเนื้อหาของไฟล์ได้อย่างสมบูรณ์เพราะ WordPress ต้องอ่านมัน ในชุดรูปแบบของฉันฉันใช้style.cssสำหรับส่วนหัวเท่านั้นและฉันเพิ่มความคิดเห็นอธิบายตำแหน่งที่จะค้นหา CSS จริงดังนั้นผู้พัฒนารายอื่นไม่ต้องค้นหานานเกินไป

ตัวอย่าง:

/*
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.
*/

— fuxia
แหล่งที่มา

2

นี่เป็นความคิดที่ดี

— Ravinder Kumar

นี่คือสิ่งที่ฉันทำเช่นกันทำงานเหมือนมีเสน่ห์

— Dalton

คุณยังต้องจัดคิว style.css ที่ส่วนหน้าเพื่อให้ WP อ่านการตั้งค่าหรือไม่

— henrywright

3

@ Henrywright ไม่ไม่จำเป็นเลย

— fuxia

2

คุณถูกต้องแฮร์รี่ที่คุณไม่จำเป็นต้องโทรหาหรือโหลดค่าเริ่มต้นstyle.cssในไฟล์ส่วนหัวของคุณ เนื่องจากฉันใช้ SCSS ในชุดรูปแบบของฉันฉันพบปัญหาเดียวกันนี้ แต่ได้ตัดสินใจที่จะรักษาลิงก์style.cssไว้ด้วยเหตุผลต่อไปนี้ซึ่งอาจหรืออาจไม่เหมาะกับสถานการณ์ของคุณ:

สมมติฐาน WP เริ่มต้นนั้นstyle.cssมีอยู่และกำลังใช้งานอยู่และฉันไม่ต้องการขัดขวางสมมติฐานดังกล่าวที่เกี่ยวกับปลั๊กอิน ฉันไม่รู้ว่า / เมื่อสิ่งนี้จะเป็นปัญหาหรือไม่และจะสนใจฟังประสบการณ์และคำแนะนำของผู้อื่นในประเด็นนี้
หากสไตล์ชีทที่ใช้งานจริงของฉันอยู่ในโฟลเดอร์มันจะป้องกันไม่ให้ผู้ใช้สามารถแก้ไข CSS ของไซต์ได้ การทำให้style.cssแอ็คทีฟและพร้อมใช้งานช่วยให้ผู้ใช้ของฉันยังคงสามารถเปลี่ยนแปลง CSS ได้จากผู้ดูแลระบบ WP
ที่เกี่ยวข้องในขณะที่ทำงานบนไซต์จัดเตรียมกับพันธมิตรอื่น ๆ หากพวกเขาไม่ได้ใช้ SCSS พวกเขาสามารถทำการเปลี่ยนแปลงได้style.cssโดยไม่กระทบกับความสามารถในการใช้ไฟล์ SCSS ของฉันต่อไป

อีกครั้งประเด็นเหล่านี้อาจไม่สามารถใช้ได้กับสถานการณ์ของคุณ แต่ได้แจ้งการตัดสินใจของฉันให้style.cssเชื่อมโยงค่าเริ่มต้นแม้ว่าส่วนใหญ่จะว่างเปล่ายกเว้นข้อมูลธีมที่จำเป็น

— Angelique
แหล่งที่มา

1

ใช่ WordPress ใช้ชุดรูปแบบstyle.cssเป็นเอกสาร "config"

นอกจากนี้คุณยังถูกต้องเท่าที่ฉันสามารถบอกได้ว่าคุณไม่จำเป็นต้องโหลดstyle.cssส่วนหน้าเพื่อที่จะให้มันใช้งานได้ตามวัตถุประสงค์ "config"

สิ่งที่คุณกำลังทำควรจะดี ฉันค่อนข้างมั่นใจว่าฉันเคยเห็นชุดรูปแบบอื่นทำสิ่งที่คล้ายกัน แต่ฉันไม่สามารถสาบานได้ ปัญหาเดียวที่ฉันเห็นคือปลั๊กอินบางตัวถือว่าผิดพลาดนั่นstyle.cssคือสไตล์ชีท (เท่านั้น) ในธีม

— s_ha_dum
แหล่งที่มา

1

คุณสามารถเพิ่มสิ่งนี้ลงในconfig.rb(ถ้าคุณกำลังใช้เข็มทิศ) และ CodeKit จะคัดลอกสไตล์ชีทย่อของคุณไปstyle.cssที่รูทธีม

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

ฉันใช้สิ่งนี้กับทุกธีมของ WordPress ที่ฉันพัฒนาและใช้งานได้อย่างมีเสน่ห์

ตรวจสอบให้แน่ใจว่าความคิดเห็นในstyle.scssไฟล์ของคุณเริ่มต้นด้วย!หลังความคิดเห็นเปิดมิฉะนั้นจะถูกลบออกในการลดขนาด:

/*!
  Theme Name: Your Theme

ที่มา: CSS-Tricks

— jjeaton
แหล่งที่มา

1

เคล็ดลับนั้นพร้อมกับเพิ่มเครื่องหมายอัศเจรีย์หลังจากเริ่มต้น / * ได้ทำการหลอกลวงสำหรับฉัน หมายความว่าฉันสามารถประมวลผลไฟล์น้อยลง -> css และยังคงรูปแบบที่ WordPress คาดว่าจะอ่านรายละเอียดของธีม เคล็ดลับที่ง่ายที่สุดที่ฉันได้เห็นในเวลานาน (ตัวละครที่ถูกต้อง!) :-)

— Lars Koudal