Как добавить таблицу стилей в тему Wordpress?

Question

Я новичок в WordPress, я сделать свой шаблон в HTML и CSS в этом формате

root[folder] 
    css[folder] 
    style.css 
    js[folder] 
    script.js 
index.html 

я поместить его в папку темы и что теперь ???

Answer 1

В документе WP, вы должны enqueue ваши скрипты и стили

Смотрите WP Codex все, что нужно, чтобы начать

Пример

wp_enqueue_style('styleCSS', get_stylesheet_directory_uri(). 'path/to/style.css');

Это будет идти в ваш functions.php расположенный в теме.

Если он не работает, проверьте ваш путь. Хорошая справка - это вкладка сети в вашем браузере, она сообщит вам, если ее 404 или 200.

Answer 2

Для того, чтобы добавить к теме, вам необходимо написать enqueue стили и скрипты js. см ниже коды:

function my_theme_scripts(){ 

// Theme's main stylesheet (style.css). 
wp_enqueue_style('twentysixteen-style', get_stylesheet_uri()); 

// custom theme's stylesheet like (font-awesome) 
wp_enqueue_style('fontawesome-stylesheet', get_template_directory_uri() . '/css/font-awesome.css', array(''), '20170106'); 

//add custom scripts to your theme 
wp_enqueue_script('my-custom-script', get_template_directory_uri() . '/js/app.js', array('jquery'), '20170106', true); 
//adding jquery into array means its dependable to jquery 
} 
    add_action('wp_enqueue_scripts', 'my_theme_scripts'); //hooking/adding those scripts and stylesheets to wordpress 

Допустим, вы хотите последнюю версию [JQuery] [1] к вашей теме от Google КДС. Для этого вам нужно сначала отменить регистрацию установленного jquery из wordpress.

// include custom jQuery 
function include_custom_jquery() { 

wp_deregister_script('jquery'); //removing installed jquery 

wp_enqueue_script('jquery','https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js', array(), null, true); //adding custom jquery 
} 
add_action('wp_enqueue_scripts', 'include_custom_jquery');