Добавление таблицы стилей в Wordpress

Я новичок в Wordpress, и мне нужно конвертировать PSD в тему Wordpress. Для этого я скачал голую тему WordPress для начала и попытался добавить свой собственный стиль CSS в function.php следующим образом:

function naked_scripts()  { 

// get the theme directory style.css and link to it in the header
wp_enqueue_style( 'main-style', get_template_directory_uri() . '/style/main.css' );
wp_enqueue_style( 'responsive-style', get_template_directory_uri() . '/style/responsive.css' );
wp_enqueue_style( 'bootstrap-style', get_template_directory_uri() . '/style/bootstrap.min.css' );


// add fitvid
wp_enqueue_script( 'jquery-js', get_template_directory_uri() . '/js/jquery.js', array( 'jquery' ), '1.10.2', true );

// add theme scripts
wp_enqueue_script( 'bootstrap-js', get_template_directory_uri() . '/js/bootstrap.min.js', array(), '3.0.3', true );

}
add_action( 'wp_enqueue_scripts', 'naked_scripts' ); // Register this fxn and   allow Wordpress to call it automatcally in the header

но в браузере я не получил свой стиль, и у меня есть его ошибка:

 GET http://rota.alwaysdata.net/wp-content/themes/theme1/style/main.css?ver=4.1 

что вер =4.1??

2 ответа

Это кэш-бастер, добавленный WordPress. Вы можете установить его на любой номер, который вы хотите, используя $ver аргумент в wp_enqueue_style

http://codex.wordpress.org/Function_Reference/wp_enqueue_style

? Ver=X.XX не влияет на содержимое таблицы стилей.

CSS-кеш-ссылки:

http://css-tricks.com/snippets/wordpress/prevent-css-caching/ https://www.mojowill.com/developer/get-your-wordpress-css-changes-noticed-immediately/

Я предлагаю, если вы впервые создаете шаблон WordPress, используя следующие ресурсы:

  1. Подчеркивает пустую тему WordPress: http://underscores.me/

  2. Lynda.com подчеркивает учебник:
    http://www.lynda.com/underscores-tutorials/WordPress-Building-Themes-from-Scratch-Using-Underscores/163092-2.html

Это то, что я использовал, чтобы сделать свой первый проект WordPress, и это сработало, вот результат: ibreatheart.com

Надеюсь, поможет.

Другие вопросы по тегам