Чи потрібно мені насправді пов’язати style.css моєї теми у файлах тем


10

Тож я розробляю тему Wordpress, використовуючи ряд МЕНШИХ файлів для CSS. Вони компілюються за допомогою кодекіту для комбінованого та мінімізованого таблиць стилів, який я використовую для стилю теми.

Я розумію, що тема WordPress повинна мати style.css, який містить інформацію про тему у коментарях, але чи потрібно пов'язувати цей style.css у header.php? Звичайно, я можу просто містити інформацію про тему в ній, і нічого іншого, і залишати її недоторканою в папці тем. Таблиця стилів, яку я фактично використовую, можна просто назвати styles.css або main.css або щось подібне.

хтось може це підтвердити чи навести причини, чому це може бути поганою ідеєю?


1
Ви повинні залишити style.cssтему infos у корені папки з темами. Це воно.
JMau

Відповіді:


14

Я б сказав: не слід використовувати style.cssдля фактичного виробництва CSS.

Причина проста: мінімізація. Ви не можете повністю мінімізувати вміст файлу, оскільки 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.
*/

2
Це гарна ідея.
Равіндер Кумар

Це і те, що я роблю, працює як шарм.
Далтон

Вам все-таки потрібно передати 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зв’язок, навіть якщо він здебільшого порожній, за винятком необхідної інформації про тему.


1

Так, WordPress використовує тему style.cssяк документ "config".

Ви також вірні, наскільки я можу сказати, що вам не потрібно насправді завантажуватися style.cssна передню частину для того, щоб він слугував своїм «налаштуванням».

Те, що ви робите, має бути добре. Я впевнений, що бачив, як інші теми роблять щось подібне, але я не можу присягати. Єдине питання, яке я можу побачити, було б, якщо якийсь плагін помилково припускає, що style.cssце (тільки) таблиця стилів у темі.


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


1
Цей трюк із додаванням знаку оклику після початку / * зробив трюк для мене. Значить, я можу продовжувати обробляти менше файлу -> css та зберігати формат, який WordPress очікує, щоб прочитати деталі теми. Найпростіший трюк, який я бачив за довгий час (один персонаж - потрібне місце!) :-)
Ларс Кудал
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.