Стили внешнего интерфейса Gutenberg не применяются - PullRequest
Новая
       3

Стили внешнего интерфейса Gutenberg не применяются

0 голосов
/ 02 января 2019

У меня зарегистрирован блок, который добавляет разные стили к редактору и интерфейсу дисплея блока.

Стили редактора отображаются, но я не могу отобразить стили внешнего интерфейса.

Вот что у меня в файле 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')
    );

}

1 Ответ

0 голосов
/ 03 января 2019

Хорошо, похоже, что удаление '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')
    );

}
...