Czy rzeczywiście muszę połączyć plik style.css mojego motywu z plikami motywu


10

Dlatego rozwijam motyw Wordpress przy użyciu serii plików LESS dla CSS. Kompilują się one za pomocą zestawu kodowego do połączonego i zminimalizowanego arkusza stylów, którego używam do stylizacji motywu.

Rozumiem, że motyw Wordpress musi mieć styl.css, który zawiera informacje o motywie w komentarzach, ale czy wymagane jest połączenie tego style.css w pliku header.php? Na pewno mogę po prostu mieć informacje o motywie i nic więcej i pozostawić je nietknięte w folderze motywów. Arkusz stylów, którego faktycznie używam, można nazwać styles.css lub main.css lub coś w tym stylu.

czy ktoś może to potwierdzić lub podać powody, dla których może to być zły pomysł?


1
Powinieneś zostawić style.cssinformacje z tematem w katalogu głównym folderu motywu. Otóż ​​to.
JMau

Odpowiedzi:


14

Powiedziałbym: nie powinieneś używać style.cssdo rzeczywistego produkcyjnego CSS.

Powód jest prosty: minimalizacja. Nie można całkowicie zminimalizować zawartości pliku, ponieważ WordPress musi go przeczytać. W moich motywach używam style.csstylko nagłówków i dodaję komentarz wyjaśniający, gdzie znaleźć prawdziwy CSS, aby inni programiści nie musieli szukać zbyt długo.

Przykład:

/*
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
To niezły pomysł.
Ravinder Kumar

To, co robię, działa jak urok.
Dalton,

Czy nadal potrzebujesz kolejkowania style.css na interfejsie, aby WP mógł odczytać konfigurację?
henrywright

3
@henrywright Nie, to nigdy nie było konieczne.
fuxia

2

Masz rację, Harry, że nie musisz tak naprawdę dzwonić do domyślnego style.csspliku nagłówkowego ani ładować go. Ponieważ używam SCSS w moich motywach, napotkałem ten sam problem, ale postanowiłem zachować link do style.cssnastępujących powodów, które mogą, ale nie muszą dotyczyć twojej sytuacji:

  • Domyślne założenia WP są takie, które style.cssistnieją i są w użyciu, i nie chcę pokrzyżować tego założenia w odniesieniu do wtyczek. Nie wiem, czy / kiedy byłby to problem i chciałbym usłyszeć opinie innych i porady na ten temat.
  • Jeśli mój aktualnie używany arkusz stylów znajduje się w folderze, uniemożliwia użytkownikom edycję kodu CSS witryny. Utrzymanie style.cssaktywności i dostępności daje moim użytkownikom możliwość wprowadzania zmian w CSS od administratora WP.
  • Powiązane z tym, że pracując na stronie pośredniej z innymi partnerami, jeśli nie używają również SCSS, mogą wprowadzać zmiany style.cssbez wpływu na moją zdolność do dalszego korzystania z moich plików SCSS.

Ponownie, te punkty mogą nie mieć zastosowania do twojej sytuacji, ale poinformowały o mojej decyzji o pozostawieniu domyślnego style.csspowiązania, nawet jeśli w większości jest puste, z wyjątkiem wymaganych informacji o motywie.


1

Tak, WordPress używa motywu style.cssjako dokumentu „config”.

Masz również rację, o ile mogę stwierdzić, że nie musisz w rzeczywistości ładować style.cssinterfejsu, aby spełniał swoje zadanie „config”.

To, co robisz, powinno być w porządku. Jestem pewien, że widziałem, jak inne motywy robią coś podobnego, ale nie mogę tego przysiąc. Jedyny problem, jaki widzę, to to, że jakaś wtyczka błędnie przyjmuje, że style.cssjest (jedynym) arkuszem stylów w motywie.


1

Możesz także dodać to do config.rb(jeśli używasz kompasu), a CodeKit automatycznie skopiuje twój zminimalizowany arkusz stylów do style.csskatalogu głównego motywu.

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

Używam tego z każdym opracowanym motywem WordPress i działa to jak urok.

Upewnij się, że komentarz w style.scsspliku zaczyna się !od komentarza otwierającego, w przeciwnym razie zostanie usunięty w miniaturze:

/*!
  Theme Name: Your Theme

Źródło: CSS-Tricks


1
Ta sztuczka polegająca na dodaniu wykrzyknika po rozpoczęciu / * pomogła mi. Oznacza, że ​​mogę kontynuować przetwarzanie mniejszej liczby plików -> css i nadal zachować format, który WordPress spodziewa się odczytać szczegóły motywu. Najłatwiejsza sztuczka, jaką widziałem od dłuższego czasu (jedna postać właściwe miejsce!) :-)
Lars Koudal
Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.