WordPress – King Composer: Как подключить файл стилей для Live Editor
Короткая заметка которая поможет подключить файл стилей для правильного отображения элементов конструктора или страницы. Данный код срабатывает только во время редактирования страницы 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');
}
};
};