古腾堡前端块样式不适用答案

【问题标题】：Gutenberg frontend block styles not applying古腾堡前端块样式不适用
【发布时间】：2019-05-29 11:53:20
【问题描述】：

我注册了一个块，它向编辑器和块显示的前端添加了不同的样式。

编辑器样式正在显示，但我无法显示前端样式。

这是我的 index.php 文件中的内容：

<?php

defined('ABSPATH') || exit;

// add_action engueue_block_editor_assets
add_action( 'enqueue_block_editor_assets', 'block_examples_02_stylesheets_block_enqueue_block_editor_assets');

// plugin-name_block-name_function-name
function block_examples_02_stylesheets_block_enqueue_block_editor_assets() {
    wp_enqueue_script(
        // name of script
        'block-examples_02-stylesheets-block-editor',
        // full url of script location
        plugins_url( 'block.build.js', __FILE__ ),
        // dependencies of script
        array( 'wp-blocks', 'wp-i18n', 'wp-element' ),
        // version number
        filemtime( plugin_dir_path( __FILE__) . 'block.build.js')
    );

    wp_enqueue_style(
        'block-examples_02-stylesheets-block-editor',
        plugins_url( 'editor.css', __FILE__ ),
        array('wp-edit-blocks'),
        filemtime( plugin_dir_path( __FILE__) . 'editor.css')
    );

}

// add_action engueue_block_editor_assets
add_action( 'enqueue_block_assets', 'block_examples_02_stylesheets_block_enqueue_block_assets');

// plugin-name_block-name_function-name
function block_examples_02_stylesheets_block_enqueue_block_assets() {

    wp_enqueue_style(
        'block-examples_02-stylesheets-block',
        plugins_url( 'style.css', __FILE__ ),
        array('wp-blocks'),
        filemtime( plugin_dir_path( __FILE__) . 'style.css')
    );

}

【问题讨论】：

能否分享 register_block_type 块代码或在 register_block_type 中添加 editor_style 以在编辑器中加载样式。

标签： php wordpress wordpress-gutenberg

【解决方案1】：

好的，看来删除“wp-blocks”解决了这个问题，并且该块现在反映了 style.css 文件中的样式。

// add_action engueue_block_editor_assets
add_action( 'enqueue_block_assets', 'block_examples_02_stylesheets_block_enqueue_block_assets');

// plugin-name_block-name_function-name
function block_examples_02_stylesheets_block_enqueue_block_assets() {

    wp_enqueue_style(
        'block-examples_02-stylesheets-block',
        plugins_url( 'style.css', __FILE__ ),
        array(),
        filemtime( plugin_dir_path( __FILE__) . 'style.css')
    );

}

【讨论】：