在创建主题时,您可能需要创建其他样式表或JavaScript文件。但是,WordPress网站不仅通过主题丰富网站内容,它也将使用许多不同的插件。所以重要的是主题和插件使用标准的WordPress方法加载脚本和样式表。

 

向WordPress添加脚本和样式非常简单。您将创建一个排列所有脚本和样式的函数,当插入脚本或样式表时,WordPress会创建一个路径来找到您的文件和它可能有的依赖项(比如JQuery),然后插入您的脚本和样式表。

 

脚本和样式

 

为主题添加脚本和样式的正确方法是将它们放入functions.php文件。style.css文件是所有主题中必须的,但可能需要添加其他文件来扩展主题功能。

一般是使用wp_enqueue_script()或wp_enqueue_style()来链接脚本或样式

 

wp_enqueue_script(‘html5’,get_theme_file_uri(‘/assets/js/html5.js),array(),’3.7.3’);

 

wp_enqueue_style(‘twentyseventeen-fonts’,twentyseventeen_fonts_url(),array(),null);

 

样式表

 

您的CSS样式表用于自定义您的主题样式。样式表也是存储有关您主题信息的文件,因此,每个主题都需要style.css文件。

但不是加载样式表在您的header.php文件中,您应该使用wp_enqueue_style()加载它。

 

加载style.css

 

wp_enqueue_style(‘twentyseventeen-style’,get_stylesheet_uri());

 

这里是查找名为”twentyseventeen-style”的样式表并加载它。

 

基本功能是

 

wp_enqueue_style( $handle, $src, $deps, $ver, $media );

 

您可以包括以下参数:

  • $handle是样式表的名称
  • $src是它所在的位置。其余参数可选
  • $deps是指这个样式表是否依赖于另一个样式表,这样要先加载其依赖样式表
  • $ver设置版本号
  • $media可以指定加载此样式表的媒体类型

 

脚本

 

应该使用wp_enqueue_script(),这样有利于加载和缓存,类似于wp_enqueue_style()的语法。

 

wp_enqueue_script( $handle, $src, $deps, $ver, $in_footer);

 

  • $handle是样式表的名称
  • $src是它所在的位置。其余参数可选
  • $deps是一个数组,可以处理您的依赖脚本,比如JQuery
  • $ver设置版本号
  • $in_footer是一个布尔参数(true/false),允许您将脚本放置在HTML文档的页脚中,而不是标题中,以免延迟加载

 

评论回复脚本

 

if(is_singular()&&comments_open()&&get_option(‘thread_comments’)){

wp_enqueue_script(‘comment-reply’);

}

 

在详情页面开启线性评论功能

 

组合功能

 

将所有的脚本和样式表组合成一个函数,然后使用wp_enqueue_scripts调用它们

 

 

<< WordPress主题制作教程2.4-WordPress主题功能WordPress主题制作教程2.6-WordPress的条件标签(一) >>

发表评论

您的电邮不会被公布 必填字段标记为*

提交评论