Eu realmente preciso vincular o style.css do meu tema nos arquivos de tema

10

Então, eu estou desenvolvendo um tema wordpress usando uma série de arquivos MENOS para o CSS. Eles são compilados usando o codekit em uma folha de estilo combinada e minifiada que eu uso para o estilo do tema.

Eu entendo que um tema wordpress deve ter um style.css que inclua as informações sobre o tema em seus comentários, mas é necessário vincular esse style.css no header.php? Certamente eu posso apenas ter as informações do tema e nada mais e deixá-las intocadas na pasta do tema. A folha de estilo que realmente uso pode ser chamada de styles.css ou main.css ou algo assim.

alguém pode confirmar isso ou dar razões pelas quais isso pode ser uma má idéia?

harryg
fonte
11
Você deve deixar as style.cssinformações com o tema na raiz da sua pasta de temas. É isso aí.
precisa saber é

Respostas:

14

Eu diria: você não deve usar o style.cssCSS para a produção real.

A razão é simples: minificação. Você não pode minificar o conteúdo do arquivo completamente, porque o WordPress precisa lê-lo. Nos meus temas, uso style.cssapenas para os cabeçalhos e adiciono um comentário, explicando onde encontrar o CSS real, para que outros desenvolvedores não precisem pesquisar por muito tempo.

Exemplo:

/*
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
fonte
2
Essa é uma boa ideia.
Ravinder Kumar
Isso é o que eu faço também, funciona como um encanto.
Dalton
Você ainda precisa enfileirar o style.css no front end para que o WP leia a configuração?
Henrywright 5/09
3
@henrywright Não, isso nunca foi necessário.
fuxia
2

Você está certo, Harry, de que não precisa realmente ligar ou carregar o padrão style.cssno seu arquivo de cabeçalho. Desde que eu uso o SCSS nos meus temas, encontrei o mesmo problema, mas decidi manter o link style.csspelos seguintes motivos, que podem ou não ser aplicáveis ​​à sua situação:

  • As premissas padrão do WP são as que style.cssexistem e estão em uso, e eu não quero frustrar essa suposição com relação aos plug-ins. Não sei se / quando isso seria um problema e estaria interessado em ouvir as experiências e os conselhos de outras pessoas sobre esse ponto.
  • Se minha folha de estilo em uso estiver em uma pasta, isso impedirá que os usuários possam editar o CSS do site. Manter-se style.cssativo e disponível permite que meus usuários ainda possam fazer alterações de CSS no administrador do WP.
  • Relacionados, enquanto trabalham no site intermediário com outros parceiros, se eles também não usam o SCSS, eles podem fazer alterações style.csssem afetar minha capacidade de continuar usando meus arquivos SCSS.

Novamente, esses pontos podem não ser aplicáveis ​​à sua situação, mas informaram minha decisão de manter o padrão style.cssvinculado, mesmo que esteja em branco, exceto pelas informações necessárias sobre o tema.

Angelique
fonte
1

Sim, o WordPress usa o tema style.csscomo um documento de "configuração".

Você também está correto, até onde eu sei, que não precisa carregar style.cssno front-end para que ele atenda seus propósitos de "configuração".

O que você está fazendo deve estar bem. Tenho certeza de que já vi outros temas fazerem algo semelhante, mas não posso jurar. O único problema que vejo é se algum plug-in assume erroneamente que style.cssé a (apenas) folha de estilo do tema.

s_ha_dum
fonte
1

Você também pode adicionar isso ao seu config.rb(se estiver usando o Compass) e o CodeKit copiará automaticamente sua folha de estilo minificada para style.cssa raiz do 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

Eu uso isso com todos os temas do WordPress que desenvolvo e funciona como um encanto.

Verifique se o comentário em seu style.scssarquivo começa com o !comentário após a abertura ou será removido na minificação:

/*!
  Theme Name: Your Theme

Fonte: CSS-Tricks

jjeaton
fonte
11
Esse truque ao adicionar ponto de exclamação após o início / * fez o truque para mim. Significa que posso continuar processando menos arquivos -> css e ainda manter o formato que o WordPress espera ler os detalhes do tema. Mais fácil truque que eu já vi em um longo período de tempo (um caractere ao lugar certo!) :-)
Lars Koudal