如何在wordpress主题中添加样式表?

时间:2017-02-06 11:29:17

标签: wordpress wordpress-theming

我是wordpress的新手,我用html和css制作我的模板

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

我将它放入主题目录,现在是什么???

2 个答案:

答案 0 :(得分:1)

您必须enqueue stylessheets和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

让我们说你想从谷歌cdn到你的主题的最新版本[jquery] [1]。为此,您必须首先从wordpress取消注册已安装的jquery。

// 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' );

答案 1 :(得分:0)

在WP中,您需要enqueue脚本和样式

请参阅WP Codex了解入门所需的一切

实施例

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

这将放在主题中的functions.php

如果它不起作用,请检查您的路径。一个很好的帮助是浏览器中的网络选项卡,它将告诉您它是404还是200。