Bulma.io 可能与《创世纪》（Genesis）中的任何造型（或任何其他主题）相冲突。如果您理解HTML/CSS，我建议您在不使用任何其他主题/框架的情况下使用bulma，以避免冲突/膨胀。如果您依赖任何可视化页面生成器，我会避免使用像bulma这样的CSS框架，而只使用主题。

我对此做了很多研究，认为现有的主题不是我想要的。bulma框架允许我完全按照自己的意愿构建所有内容。我目前正在使用bulma和Font Awesome 5 （新SVG热度）在项目中，一旦您了解了结构和修改器，它们就会非常有效。

对于我的设置，我使用这个站点下载了一个稍微定制的Bulma CSS文件版本https://bulma-customizer.bstash.io. 我已将其添加到/css 我的新主题中的文件夹，我正在将其和FA5从我的主题functions.php 使用以下代码：

// 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\' );

这里有一个很棒的Wordpress/Bulma 样板主题：

https://github.com/teamscops/bulmapress

Genesis框架由于seo原因和内置的挂钩/过滤器非常好，所以我理解您为什么要使用它。我通过多种方式合并了bulma。首先，我使用了sass，其中类之间可以进行一对一的匹配。i、 e类.wrap{ @extends .container; }. 另一种解决方案是在html中添加自定义类。我保留了默认的类，以防我决定摆脱bulma。您可以在此处阅读更多信息：https://alexanderdejong.com/genesis/changing-adding-custom-classes-html-5/

我还重新构建了标题，因为genesis菜单/标题结构很糟糕。您可以创建新标题。phphttps://github.com/teamscops/bulmapress/blob/master/header.php 或者使用内置挂钩。

remove_action( \'genesis_header\', \'genesis_header_markup_open\', 5 );
remove_action( \'genesis_header\', \'genesis_header_markup_close\', 15 );
remove_action( \'genesis_header\', \'genesis_do_header\' );
//add in the new header markup - prefix the function name - here sm_ is used
add_action( \'genesis_header\', \'sm_genesis_header_markup_open\', 5 );
add_action( \'genesis_header\', \'sm_genesis_header_markup_close\', 15 );
remove_action(\'genesis_after_header\', \'genesis_do_nav\');
remove_action( \'genesis_site_title\', \'genesis_seo_site_title\' );


//New Header functions
function sm_genesis_header_markup_open() {
    genesis_markup( array(
        \'html5\'   => \'<header %s>\',
        \'context\' => \'site-header\',
    ) );
    // Added in content
    do_action( \'genesis_site_title\' );
    echo \'<div class="navbar"><div class="container">\' . get_logo() . \'<div class="navbar-menu">\' .
        wp_nav_menu(array(
            \'menu_class\'            => \'main-menu\',
            \'container_class\'       => \'navbar-start\',
            \'echo\'                  =>false
        ))
         . \'</div></div></div>\';
    genesis_structural_wrap( \'header\' );
}

function sm_genesis_header_markup_close() {
    genesis_structural_wrap( \'header\', \'close\' );
    genesis_markup( array(
        \'close\'   => \'</header>\',
        \'context\' => \'site-header\',
    ) );
}

function get_logo() {
    return \'<div class="navbar-brand"><a class="navbar-item" href="\' . get_site_url() . \'"><img class="logo" src="\' . get_stylesheet_directory_URI(). \'/images/logo.png" alt="logo"></a></div>\';
}