Как включить загрузку в разработку плагина Wordpress?
Я разрабатываю плагин, и я бы хотел включить bootstrap в свой плагин. Каков наилучший способ включить? Я не мог найти ничего связанного с этим, до сих пор я нашел несколько загрузочных плагинов, которые мне не нужны, мне нужно включить некоторые js и css-элементы из bootstrap в моем плагине. Я новичок в бутстрапе.
Также я пробовал что-то похожее, как включение в тему WP, но это не работает?
Если вам нужна дополнительная информация, пожалуйста, спросите меня, я предоставлю вам
Я попытался включить что-то похожее на тему WP в основной файл, index.php this:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<!-- Latest compiled and minified JavaScript -->
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
Ответы
Ответ 1
Вам нужно использовать wp_register_script()
, а затем wp_enqueue_script()
для js.
Вам нужно использовать wp_register_style()
, а затем wp_enqueue_style()
для css.
См. следующий пример js...
wp_register_script('prefix_bootstrap', '//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js');
wp_enqueue_script('prefix_bootstrap');
А теперь сделаем то же самое для css...
wp_register_style('prefix_bootstrap', '//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css');
wp_enqueue_style('prefix_bootstrap');
Это хорошая идея поместить их в метод многократного использования, если вы будете использовать ajax. Таким образом, вам не нужно использовать каждый script или таблицу стилей в методах ajax.
function prefix_enqueue()
{
// JS
wp_register_script('prefix_bootstrap', '//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js');
wp_enqueue_script('prefix_bootstrap');
// CSS
wp_register_style('prefix_bootstrap', '//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css');
wp_enqueue_style('prefix_bootstrap');
}
Использование "prefix_" поможет предотвратить конфликты и сэкономить вам некоторую проблему в долгосрочной перспективе.
Ответ 2
Вы можете использовать действие wp_head для добавления кода в заголовок сайта каждый раз, когда загружается страница. Поместите что-то вроде этого в свой плагин:
add_action('wp_head','head_code');
function head_code()
{
$output = '<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>';
$output .= '<script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>';
$output .= '<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>';
echo $output;
}