Как включить загрузку в разработку плагина 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;

}