Melhor maneira de instalar Bulma (CSS Framework) com WordPress e Genesis

pergunta rápida de novato, mas a resposta está longe de ser encontrada!

Eu estou construindo meu site desde o início no WordPress com o Genesis e um tema infantil (Pro minimo). Estou interessado em implementar o Bulma CSS Framework por sua facilidade de uso. Gostaria de fazer isso de forma tão eficiente quanto possível em termos de resources. Como posso prosseguir?

  • Está carregando suficiente e otimizado, ou existe uma maneira de carregar tudo no meu servidor se for preferível?

  • Devo “limpar” os recargamentos padrão não utilizados no arquivo style.css de meus filhos para que seja mais leve?

Qualquer esclarecimento sobre isso seria muito apreciado! Nicolas

Solutions Collecting From Web of "Melhor maneira de instalar Bulma (CSS Framework) com WordPress e Genesis"

Bulma.io é susceptível de entrar em conflito com qualquer estilo que vem de Gênesis (ou qualquer outro tema). Se você entender HTML / CSS, eu recomendo usar bulma sem outros temas / frameworks para evitar conflitos / invejos. Se você confia em qualquer construtor de páginas visuais, eu evitaria os frameworks CSS como o Bulma e fico com os temas.

Eu fiz muitas pesquisas sobre isso e decidi que os temas existentes não eram o que eu queria. A estrutura bulma me permite construir tudo exatamente como eu quero. Atualmente estou usando o Bulma e o Font Awesome 5 (novo estilo de SVG) em um projeto e eles funcionam muito bem quando você entende a estrutura e os modificadores.

Para a minha configuração, baixei uma versão ligeiramente personalizada do arquivo CSS Bulma usando este site https://bulma-customizer.bstash.io . Eu adicionei isso a uma pasta /css dentro do meu novo tema e estou enfiando-o e FA5 das funções do meu tema.php usando o seguinte código:

 // Load scripts and styles function load_styles_and_scripts() { // Base CSS file derived from bulma.io wp_register_style( 'base', get_template_directory_uri() . '/css/base.css' ); wp_enqueue_style( 'base' ); // Font Awesome 5 wp_register_script( 'fontawesome', 'https://use.fontawesome.com/releases/v5.0.1/js/all.js' ); wp_enqueue_script( 'fontawesome' ); // CSS file for custom styles // Loaded last so I can override base styling if needed wp_register_style( 'custom', get_template_directory_uri() . '/css/custom.css' ); wp_enqueue_style( 'custom' ); } add_action( 'wp_enqueue_scripts', 'load_styles_and_scripts' ); 

Nota: Não tenho certeza se o download do FontAwesome e o atendimento local seria benéfico ou não. Tenho certeza de que o Google PageSpeed ​​preferiria isso, mas você perderia as futuras atualizações .

Aqui está um ótimo WordPress/Bulma boilerplate theme:

https://github.com/teamscops/bulmapress

Desta forma, você nem vai precisar de um tema pai b / c você está criando um modelo de “scratch”.