Как добавить новый класс CSS в виджет?

Я хочу назначить новый класс CSS для виджета по умолчанию <ul> на странице создания страницы / сообщения в WordPress. Как я могу это сделать?

См. Изображение ниже.

введите описание изображения здесь

Solutions Collecting From Web of "Как добавить новый класс CSS в виджет?"

Не редактируйте файл functions.php родительской темы.

 register_sidebar( array( 'name' => __( 'Sidebar name', 'theme_text_domain' ), 'id' => 'unique-sidebar-id', 'description' => '', 'class' => 'add class here', 'before_widget' => '<li id="%1$s" class="widget %2$s">', 'after_widget' => '</li>', 'before_title' => '<h2 class="widgettitle">', 'after_title' => '</h2>' ) ); 

Скопируйте его на functions.php дочерней темы и внесите изменения там или просто зарегистрируйте новый виджет.

Затем вы можете подключить его к functions.php вашей дочерней темы следующим образом:

 add_action( 'your_hook', 'new_widget' ); function new_widget() { if ( is_your_conditional_tag() && is_active_sidebar( 'new-widget' ) ) { dynamic_sidebar( 'new-widget', array( 'before' => '<div class="new-widget">', 'after' => '</div>' ) ); } } 

Вы также можете добавить дополнительные классы в функцию dynamic_sidebar .

Перейдите в свой файл function.php и найдите свой код виджетов

Вы должны добавить или отредактировать параметры этого class в вашем коде боковой панели, например, 'class' => 'new-class',

Это будет так:

 register_sidebar(array( 'name' => __( 'Right Hand Sidebar' ), 'id' => 'right-sidebar', 'class' => 'new-class', 'description' => __( 'Widgets in this area will be shown on the right-hand side.' ), 'before_title' => '<h1>', 'after_title' => '</h1>' )); 

Вы должны проверить WordPress Codex для более широкого использования

вы написали неправильный вопрос. его не в виджетах, а в описании post / page.

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

Списки стилей

 #content ul {margin: 0.3em 1em; list-style-position: outside; list-style:url(ball.gif) disc; font-size:98%} #content ul ul {margin-top: 0.3em; list-style:url(bullet.gif) square; font-size:96%} #content ul ul ul {margin-top: 0.3em; list-style:url(ball1.gif) circle; font-size:98%} #content li, #content li li, #content li li li {padding:0.25px 10px 5px 0.25em}