Не подключаются стили к Wordpress

186
05 апреля 2018, 10:59

Пытаюсь из обычной html-страницы сделать тему для Wordpress, который стоит у меня локально. Отделил Header и Footer, в Header.php добавил wp_head(), а в functions.php добавил следующий код:

<?php
function mytheme_scripts() {
  wp_enqueue_style( 'main', get_template_directory_uri() . '/main.css');
  wp_enqueue_style( 'fonts', get_template_directory_uri() . '/css/fonts.css');
  wp_enqueue_style( 'media', get_template_directory_uri() . '/css/media.css' );
  wp_enqueue_script( 'common', get_template_directory_uri() . '/js/common.js');
}
add_action( 'wp_enqueue_scripts', 'mytheme_scripts' );

Но, несмотря ни на что, таблицы стилей не подключаются (проверял через браузер). В чем может быть проблема? После редактирования main.css у меня подключились все стили. Но скрипты подключаться не хотят.

Answer 1

В первую очередь, вынесите add_action из тела функции!

<?php
function mytheme_scripts() {
    wp_enqueue_style( 'main', get_template_directory_uri() . '/main.css');
    wp_enqueue_style( 'fonts', get_template_directory_uri() . '/css/fonts.css');
    wp_enqueue_style( 'media', get_template_directory_uri() . '/css/media.css' );
    wp_enqueue_script( 'common', get_template_directory_uri() . '/js/common.js');
}
add_action( 'wp_enqueue_scripts', 'mytheme_scripts' );

get_template_directory_ur() не содержит закрывающий слеш. Я исправил код.

Кроме того, если у вас в header.php нет вызова wp_head(), то весь ваш код работать не будет.

Answer 2

Была такая проблемка. Решил так, просто подключал стили через функцию

function main_load() { 
    $theme_uri = get_template_directory_uri(); 
    wp_register_style('main', $theme_uri.'/main.css', false, '0.1');
    wp_enqueue_style('main'); 
} 
add_action('main', 'main_load');
READ ALSO
Вывести данные из формы JS

Вывести данные из формы JS

Суть такова: в человек вводит данные 1, 2, 3, ф потом мы это выводим на странице htmlПроблема в том, что я не могу вывести данные, так как они почти...

304
Всплывающая форма при клике на элемент. HTML

Всплывающая форма при клике на элемент. HTML

Как сделать, чтобы при клике на блок около него всплывала форма(что-то вроде подсказки)Вот пример:

227
Transposh плагин WP. Исчезают флажки языков при загрузке страниц в мобильной версии сайта

Transposh плагин WP. Исчезают флажки языков при загрузке страниц в мобильной версии сайта

Столкнулся с проблемой отображения языковых флажков в шапке сайте темы Aurum версии 29

220
Помогите сделать сложную кнопку

Помогите сделать сложную кнопку

Есть SVG файл с дизайном кнопки - https://yadisk/d/ueGSqTix3U4tjc

250