0
107
2018-12-26

WordPress - King Composer: Как подключить файл стилей для Live Editor

Пример кода который поможет подключить свой файл стилей при работе с фронтенд редактором (Live Editor) King Composer
Понравилась страница? Поставь свою оценку!
PLUGIN_STAR_RATINGS.SCORE_TEXTPLUGIN_STAR_RATINGS.VOTES_TEXT

Короткая заметка которая поможет подключить файл стилей для правильного отображения элементов конструктора или страницы. Данный код срабатывает только во время редактирования страницы Live Editor'ом плагина King Composer.

Пример подключения CSS файла для работы в Live Editor KingComposer'a

Для того что бы код сработал как нужно, в начале нужно создать файл для стилей, в моем примере это:

PLUGIN_KingComposer_LiveEditor.css

Далее наполните его нужныйми стилями и подключить как указано ниже.

Код который необходимо добавить в function.php:

if ( is_plugin_active( 'kc_pro/kc_pro.php' ) ) {
    // King Composer - Функция для Live Editor 
    global $kc;
    if ($kc->action == 'live-editor'){
        if (current_user_can('administrator')){
            wp_enqueue_style( 'PLUGIN_KingComposer_LiveEditor', get_stylesheet_directory_uri() .'/__SDStudio_CSS_INCLUDED_ON_PART/018_PLUGIN_KingComposer_LiveEditor.css' );
        }
    };
};

В пятой строке Вам необходимо заменить мой путь к файлу на свой:

get_stylesheet_directory_uri() .'/__SDStudio_CSS_INCLUDED_ON_PART/PLUGIN_KingComposer_LiveEditor.css'

По сути благодаря правилу:

if ($kc->action == 'live-editor')

Вы можете подключать не только необходимые стили но и скрипты. Так же Вас не кто не ограничивает в выполнении других функций зависящих от условия активации живого редактора в King Composer.

Пример подключения jQuery для Live Editor в KingComposer

if ( is_plugin_active( 'kc_pro/kc_pro.php'  )) {
    // King Composer - Функция для Live Editor 
    global $kc;
    if ($kc->action == 'live-editor' ){
        if (current_user_can('administrator')){
            // wp_enqueue_style( 'PLUGIN_KingComposer_LiveEditor', get_stylesheet_directory_uri() .'/__SDStudio_CSS_INCLUDED_ON_PART/018_PLUGIN_KingComposer_LiveEditor.css' );
            wp_enqueue_script( 'jQuery_for_KC', 'https://code.jquery.com/jquery-3.3.1.js');
        }
    };
};