我是wordpress的新手, 我以这种格式在html和css中创建模板
root[folder]
css[folder]
style.css
js[folder]
script.js
index.html
我将其放入主题目录, 现在是什么???
#1在WP中, 你需要加入脚本和样式
请参阅WP Codex以获取开始所需的一切
【如何在WordPress主题中添加样式表()】例子
wp_enqueue_style(‘ styleCSS’ , get_stylesheet_directory_uri()。’ path / to / style.css’ );
这将放在位于主题中的functions.php中。
如果不起作用, 请检查你的路径。一个很好的帮助是浏览器中的” 网络” 标签, 它将告诉你它的404还是200。
#2你必须加入样式表和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
假设你要从google cdn获得主题的最新版本[jquery] [1]。为此, 你必须首先从wordpress注销已安装的jquery。
// include custom jQuery
function include_custom_jquery() {wp_deregister_script('jquery');
//removing installed jquerywp_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' );
推荐阅读
- 如何获取在functions.php中的函数中使用的woocommerce订单的订单ID()
- 在单个页面中获取自定义帖子类型的ID
- get_posts-orderby desc错误的顺序
- WP获取子类别列表
- #yyds干货盘点#私有CA和证书申请
- Linux 服务器日常巡检脚本分享 #yyds干货盘点#
- 国际专线主要是能解决用户什么问题呢()
- #yyds干货盘点# 数字序列
- 阿里云镜像配置 PackMan 镜像