Стили админ-панели WordPress

Question

Стили админ-панели WordPress

7 мар. 2012 г., 17:18:12

Просмотры: 25K

Голосов: 14

Есть ли способ переопределить стили в админ-панели через мою тему?

Я не хочу изменять файл стилей админ-панели напрямую, если это возможно.

Я просто хочу сделать колонку шире в админ-панели, но при этом сделать это таким образом, чтобы изменения не были перезаписаны при будущих обновлениях WordPress.

redconservatory

2.51K

админ панель css wp enqueue style

Все ответы на вопрос

Комментарии

Добавляется ли созданный мной CSS к текущим стилям админки? Мне нужно переопределить только 1 стиль, поэтому я не хочу переделывать весь внешний вид админ-панели...

redconservatory

7 мар. 2012 г. 17:38:59

Да, он добавляется к уже существующим стилям

The Z Man

7 мар. 2012 г. 17:47:01

Это сработало отлично. Добавлю только, что более современный способ указания пути к таблице стилей - get_stylesheet_directory_uri() вместо get_bloginfo('stylesheet_directory')

yitwail

23 февр. 2013 г. 20:02:08

Комментарии

admin_init здесь использовать неправильно.

Foysal

27 сент. 2024 г. 14:17:52

The Z Man 736 · Answer 1 · 2012-03-07T17:22:58Z

Посмотрите пример того, как это сделать, в CODEX.

Пример: Загрузка CSS файла на всех страницах админки

function load_custom_wp_admin_style(){
    wp_register_style( 'custom_wp_admin_css', get_bloginfo('stylesheet_directory') . '/admin-style.css', false, '1.0.0' );
    wp_enqueue_style( 'custom_wp_admin_css' );
}
add_action('admin_enqueue_scripts', 'load_custom_wp_admin_style');

Пример: Нацеливание на конкретную страницу админки

function my_enqueue($hook) {
    if( 'edit.php' != $hook )
    return;
    wp_enqueue_script( 'my_custom_script', plugins_url('/myscript.js', __FILE__) );
}
add_action( 'admin_enqueue_scripts', 'my_enqueue' );

The Z Man

736

7 мар. 2012 г. 17:22:58

mor7ifer 8.61K · Answer 2 · 2012-03-07T17:28:12Z

Вы можете использовать хук admin_enqueue_scripts в сочетании с функцией wp_enqueue_style следующим образом:

// можно обернуть add_action() в условие, чтобы предотвратить подключение на всех страницах
add_action( 'admin_enqueue_scripts', 'wpse44753_admin_enqueue' );

function wpse44753_admin_enqueue() {
    wp_enqueue_script(
        'wpse44753_style',
        'script/location/here.css', // вероятно, стоит использовать plugins_url() для указания пути
    );
}

mor7ifer

8.61K

7 мар. 2012 г. 17:28:12

Nuno Sarmento 585 · Answer 3 · 2020-05-14T23:08:01Z

Что насчёт использования "add_editor_style( array|string $stylesheet = 'editor-style.css' )"?

"Параметр $stylesheet - это название файла стилей, указанное относительно корня темы. Также принимает массив стилей. Параметр необязательный, по умолчанию используется 'editor-style.css'.

Эта функция автоматически добавляет ещё один файл стилей с префиксом -rtl, например, editor-style-rtl.css. Если такого файла не существует, он удаляется перед добавлением стилей в TinyMCE. Если в add_editor_style() передаётся массив стилей, RTL добавляется только для первого файла стилей."

/**
 * Регистрирует стили редактора для темы.
 */
 if ( ! function_exists( 'ns_admin_custom_css' ) ) : 
 function ns_admin_custom_css() {
    add_editor_style( get_stylesheet_directory_uri() . '/assets/css/admin.css' );
 }
 add_action( 'admin_init', 'ns_admin_custom_css' );
 endif;