Algumas perguntas sobre como apropriado adicionar 2 arquivos CSS em um tema WordPress?

Tenho a seguinte situação ao carregar um CSS.

Eu tenho um tema do WordPress que carrega um arquivo de configurações do style.css por este código no meu arquivo functions.php :

/* Function automatically executed by the hook: * 1) (OPTIONAL): Register a script (without load it): in this case register the CSS settings * 2) Load the CSS settings */ function wpb_adding_styles() { wp_register_style('my_stylesheet', get_template_directory_uri() . '/style.css'); wp_enqueue_style('my_stylesheet'); } /* Hooks a function on to a specific action (an action is a PHP function that is executed at specific * points throughout the WordPress Core) * @param 'wp_enqueue_scripts': The name of the action to which 'wpb_adding_styles' is hooked (wp_enqueue_scripts * is the proper hook to use when enqueuing items that are meant to appear on the front end) */ add_action('wp_enqueue_scripts', 'wpb_adding_styles'); 

Neste arquivo style.css eu defino alguma configuração básica do CSS, por exemplo, as configurações do corpo:

 body{ padding:0px; margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; } 

Então eu criei um novo arquivo de configurações style2.css no qual eu replaceia \ adicionar algumas das propriedades definidas no meu style.css geral, seguindo o exemplo anterior, eu adicionaria a propriedade que o fundo do corpo precisa ser preto, algo como isto:

 body { ........ ........ ........ background: #000; } 

Ok, então eu acho que preciso carregar o arquivo style.css usando o arquivo style2.css como suas dependencies, lendo a documentação, parece-me que posso fazer algo assim (ou talvez o contrário?):

 function load_theme_styles() { wp_enqueue_style('main-css', get_template_directory_uri() . '/style.css', array(), '1.0', 'all'); } add_action('wp_enqueue_scripts', 'load_theme_styles'); 

onde array () não deve estar vazio, mas deve conter o style2.css

É uma boa solução para manter separado um arquivo CSS geral que não precisa ser editado (por exemplo, um arquivo css de uma estrutura CSS, como o BootStrap com suas configurações originais) e possui um arquivo CSS personalizado no qual eu substituo as configurações que Eu quero mudar?

Se esta é uma solução de goog você pode me dizer como passar na matriz anterior meu arquivo style2.css ?

UPDATE 1: Altere meu wpb_adding_styles () desta maneira: meu main-css depende de style2.css .

 function wpb_adding_styles() { wp_enqueue_style('style2', get_template_directory_uri() . '/style2.css', array(), '1.0', 'all'); wp_enqueue_style('main-css', get_template_directory_uri() . '/style.css', array('style2'), '1.0', 'all'); } 

Parece que funciona bem, mas não tenho certeza se é a solução certa, porque se eu excluir a dependência, ele funciona bem novamente

 wp_enqueue_style('main-css', get_template_directory_uri() . '/style.css', array(), '1.0', 'all'); 

Tnx

Andrea

Solutions Collecting From Web of "Algumas perguntas sobre como apropriado adicionar 2 arquivos CSS em um tema WordPress?"

Parece que você está usando dependencies da maneira oposta de como elas deveriam ser usadas.

No WordPress Codex , eles tentam explicar como é suposto ser usado.

$ deps (array) (opcional)

Array de identificadores de folhas de estilos que esta folha de estilos depende. As folhas de estilos dependentes serão carregadas antes desta folha de estilo .

Como o style2.css é usado para fazer alterações em style.css , significa que style2.css depende de style.css .

É para isso que o seu código deve ser:

 function wpb_adding_styles() { wp_enqueue_style('main-css', get_template_directory_uri() . '/style.css', array(), '1.0', 'all'); wp_enqueue_style('style2', get_template_directory_uri() . '/style2.css', array('main-css'), '1.0', 'all'); } 

Espero que isto ajude!

A matriz deve conter o identificador para style2.css. Quando você enqueue o primeiro estilo, você está usando main-css, mas você precisou definir esse identificador antecipadamente.

Trabalhar com inheritance e replace no css é um bom stream de trabalho sim. Especialmente com frameworks como boostrap. Esse é o ponto principal disso. Você tem uma base maravilhosa que você pode facilmente ampliar ou modificar quando necessário.

Torna-se ainda melhor quando você usa uma ferramenta, como o SASS, porque o arquivo css que você inclui agora está atolado em um único arquivo compactado. http://sass-lang.com/

Felicidades