WordPress, jQuery UI CSS файлы?

Я не думаю, что тема пользовательского интерфейса поставляется с предустановленной. Вам нужно добавить script в заголовок.

Я думаю, что вы ищете эту функцию. Он позволяет добавить script в ваш заголовок. Просто поместите тему css где-нибудь в свою папку с плагинами и включите ее.

Чтобы добавить дополнительную информацию в ответ EkoJr, с JQuery UI v1.11.4, если вы добавите всю таблицу стилей CSS JQuery, это может сломать стиль Wordpress по умолчанию.

Итак, вы можете добавлять только классы CSS, соответствующие компоненту слайдера. Вот классы, которые я использовал (примечание: они построены для темы ui-darkness):

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    border: 1px solid #666666;
    /* this image is from the ui-darkness theme, use the one you'd like */
    background: #555555 url("img/jquery-ui/ui-bg_glass_20_555555_1x400.png") 50% 50% repeat-x;
    font-weight: bold;
    color: #eeeeee;
}
.ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: -.6em;
}
.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    border-bottom-right-radius: 6px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    border-bottom-left-radius: 6px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    border-top-right-radius: 6px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    border-top-left-radius: 6px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    border-bottom-right-radius: 6px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    border-bottom-left-radius: 6px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    border-top-right-radius: 6px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    border-top-left-radius: 6px;
}
.ui-widget-content {
    border: 1px solid #666666;
    /* this image is from the ui-darkness theme, use the one you'd like */
    background: #000000 url("img/jquery-ui/ui-bg_inset-soft_25_000000_1x100.png") 50% bottom repeat-x;
    color: #ffffff;
}
.ui-widget {
    font-family: Segoe UI,Arial,sans-serif;
    font-size: 1.1em;
}
.ui-slider-horizontal {
    height: .8em;
}
.ui-slider {
    position: relative;
    text-align: left;
}

Кроме того, обратите внимание, что вы можете префикс этих классов с идентификатором контейнера. Например, если ваш слайдер имеет ID-ползунок, используйте:

 #slider .ui-state-default,
 #slider .ui-widget-content .ui-state-default,
 #slider .ui-widget-header .ui-state-default {
    border: 1px solid #666666;
    /* this image is from the ui-darkness theme, use the one you'd like */
    background: #555555 url("img/jquery-ui/ui-bg_glass_20_555555_1x400.png") 50% 50% repeat-x;
    font-weight: bold;
    color: #eeeeee;
}
....ETC

Если вы правильно используете вызовы wp_enqueue_style() и wp_enqueue_script(), и если другой автор правильно их использует, то WordPress позаботится о конфликтах.

Однако, если автор плагина или темы печатает стили или сценарии непосредственно в начале страницы с помощью действий wp_head или admin_head, вы не можете сделать это, чтобы избежать конфликта.

Refs:
 - http://codex.wordpress.org/Function_Reference/wp_enqueue_style
 - http://codex.wordpress.org/Function_Reference/wp_enqueue_script

Обновление для изменений, которые произошли с WordPress с тех пор. Последние пакеты WordPress поставляются с CSS в коробке.

Вы можете найти в wp-includes\css и поставить в очередь с помощью wp_enqueue_style().

Я думаю, что для случая использования OP wp_enqueue_style( 'wp-jquery-ui-dialog' ); это все, что было необходимо.

Надеюсь, это поможет кому-то в будущем.

Я просто столкнулся с этой проблемой и нашел сообщение, тогда я нашел способ, что вставка класса "subsubsub" в тег ul. Список будет неплохим. Код будет выглядеть следующим образом:

<div id="tabs">
<ul class="subsubsub"><li><a href="#tab1"></a></li>
<div id="tab1"></div>
</div>

Надеюсь, это может помочь кому-то.