Как правильно подключить в WP стили и скрипты jquery-ui

@victorija · Регистрация: 05.03.2017

Author24 — интернет-сервис помощи студентам

Добрый день!
Подскажите пожалуйста, как мне правильно подключить в WP стили и скрипты jquery-ui?
Вот исходный код:

HTML5

<html>
<head>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<style type="text/css">
#tabs
{font-size:0.8em;}
</style>
<script type="text/javascript">
$(document).ready(function() {
 
   $("#tabs").tabs();
 
});
</script>
</head>
<body>
<div id="tabs">
<ul>
<li><a href="#tabs-1">Водоросли</a></li>
<li><a href="#tabs-2">Мхи</a></li>
<li><a href="#tabs-3">Грибы</a></li>
<li><a href="#tabs-4">Лишайники</a></li>
<li><a href="#tabs-5">Высшие растения</a></li>
</ul>
<div id="tabs-1">
<h2>Альгология</h2>
<p><b>Альгология</b> — наука о водорослях, подразделяющихся на пресно и соленоводные, а также на аэрофильные.</p>
<p>Согласно эволюционной теории, первые водоросли появились еще в....</p>
</div>
<div id="tabs-2">
<h2>Бриология</h2>
<p><b>Бриология</b> — наука о мхах.</p>
</div>
<div id="tabs-3">
<h2>Микология</h2>
<p><b>Микология</b>  — наука о грибах.</p>
</div>
<div id="tabs-4">
<h2>Лихенология</h2>
<p><b>Лихенология</b> — наука о лишайниках.</p>
</div>
<div id="tabs-5">
<h2>Высшие растения</h2>
<p><b>Высшие растения</b> — ...</p>
</div>
</div>
</body>
</html>

P.S. Стили мне требуется подправить под мой дизайн. :0)

SergWP · 20.05.2017, 15:23

Сообщение от victorija

Подскажите пожалуйста, как мне правильно подключить в WP стили и скрипты jquery-ui?

https://wp-kama.ru/function/wp_enqueue_style
https://wp-kama.ru/function/wp_enqueue_script

Использовать в дочерней теме.

Сообщение от victorija

Стили мне требуется подправить под мой дизайн

Если только стили, то в кастомайзере (внешний вид-настроить) есть доп.стили.

@victorija · 20.05.2017, 16:30 **[ТС]**

Так ведь помимо предопределенных стилей и скриптов, в коде присутствует:

CSS

<style type="text/css">
#tabs
{font-size:0.8em;}
</style>

И

Javascript

<script type="text/javascript">
$(document).ready(function() {
 
   $("#tabs").tabs();
 
});
</script>

Как их подключить в WP?

SergWP · 20.05.2017, 17:27

Сообщение от victorija

в коде присутствует:

В коде ЧЕГО? Указанного выше код какого ЛЕВОГО (не имеющего к ВП отношения) файла? Так вот вместо этого нужно сделать как сказано в документации.

@victorija · 20.05.2017, 20:34 **[ТС]**

Вот этот код!))

SergWP 334 / 334 / 57 Регистрация: 24.08.2013 Сообщений: 1,472
	20.05.2017, 15:23	2
	Сообщение от victorija Подскажите пожалуйста, как мне правильно подключить в WP стили и скрипты jquery-ui? https://wp-kama.ru/function/wp_enqueue_style https://wp-kama.ru/function/wp_enqueue_script Использовать в дочерней теме. Сообщение от victorija Стили мне требуется подправить под мой дизайн Если только стили, то в кастомайзере (внешний вид-настроить) есть доп.стили. 0

SergWP 334 / 334 / 57 Регистрация: 24.08.2013 Сообщений: 1,472
	20.05.2017, 17:27	4
	Сообщение от victorija в коде присутствует: В коде ЧЕГО? Указанного выше код какого ЛЕВОГО (не имеющего к ВП отношения) файла? Так вот вместо этого нужно сделать как сказано в документации. 0

@victorija 6 / 6 / 2 Регистрация: 05.03.2017 Сообщений: 118
	20.05.2017, 20:34 [ТС]	5
	Вот этот код!)) Миниатюры 0