wordpress主题制作，从零开始制作WordPress主题（图文教程）

wordpress主题制作，WordPress主题由一系列文件和 CSS 样式表构成，构成了一个美丽的WordPress网站。每个主题都是不同的，这样WordPress用户就可以随时更改WordPress网站的外观。站长也许想为自己开发 WordPress主题，或者制作公开发行的的主题。创建自己独特的 WordPress 主题外观。利用模板，模板标签，和WordPress 循环来产生不同的效果。为了产生不同的效果，比如在pages页面和搜索结果页面产生个性的效果。设计WordPress主题，这样大家就可以通过网络更好的使用网站的作品。

wordpress主题制作目录位于wp-content/themes/。主题的子目录拥有所有样式文件、模板文件、可选的函数文件(functions.php)、JavaScript文件、图片等。比如说一个叫做test的主题就会放在 wp-content/themes/test/目录里。请避免使用数字名字，这会导致无法在主题列表中正常显示出来。wordpress主题制作每一个发行版都会有一个默认的主题。请认真查看默认的主题，这样可能会对制作网站自己的主题有帮助。

WordPress 主题除了图片和JavaScript，经常由三种文件构成。样式表文件style.css，控制着页面的外观，函数文件 (functions.php)。模板文件，它控制着从数据库中调出的数据所呈现的外观。

wordpress主题制作的CSS文件不仅定义了网站的主题样式，style.css *必须以注释的形式列出主题的详细信息。*两个不同的主题是不允许拥有相同的表述的，因为这样会导致主题选择出错。如果网站通过拷贝一个你已经制作的主题来制作你新的主题，请确保先更改这些头部注释。

wordpress主题制作也有很多好处：主题将样式表单和模板文件从系统文件中独立出来，这样网站升级时就不会对网站的视觉外观造成大幅影响。每个主题的呈现样式和网页布局都是独一无二的，通过主题更换，WordPress网站可以快速改变其外观。用户再也不必为了让网站表现得清新自然而清除CSS、HTML、PHP代码。

我们自己开发wordpress主题制作原因还在于：这是一个深入学习CSS、HTML/XHTML、PHP的好机会，同时也是一个积累CSS、HTML/XHTML、PHP实践经验的机会。wordpress主题制作可以发挥站长的创造性，开发主题是一个充满乐趣的过程（大部分时候），将主题公开发布，与其他用户分享自己的劳动成果，回馈WordPress社区。

随着WordPress功能的增强，以及人们对于WordPress建站的功能需求的提高，现在的wordpress主题制作一般都不仅仅几串代码那么简单了，不过再怎么复杂，文件一般都是比较常用的，也是最基本的。WordPress主题的判断标签，比较常用于面包屑导航和侧边栏中，用于判断不同的页面加载不同的内容，可以多个搭配一起用，有些还可以定义参数，运用的好的话，可以制定出很多不同的显示方案。

如何才能禁止WordPress头部加载s.w.org？

WordPress在头部添加dns-prefetch，应该是为了从s.w.org预获取表情和头像，目的是提高网页加载速度 ，但s.w.org国内根本无法访问，什么预获取、什么提高速度，都是泡影，不仅没用处，反而可能会影响速度，那就禁止它。如何才能禁止加载s.w.org？

升级到WordPress 4.6之后，发现头部加载了一个:

<link rel=\'dns-prefetch\' href=\'//s.w.org\'>

WordPress在头部添加dns-prefetch，应该是为了从s.w.org预获取表情和头像，目的是提高网页加载速度 ，但s.w.org国内根本无法访问，什么预获取、什么提高速度，都是泡影，不仅没用处，反而可能会影响速度，那就禁止它。

将下面的代码添加到主题functions.php模板中：

方法一

remove_action( \'wp_head\', \'wp_resource_hints\', 2 );

方法二

function remove_dns_prefetch( $hints, $relation_type ) {
if ( \'dns-prefetch\' === $relation_type ) {
return array_diff( wp_dependencies_unique_hosts(), $hints );
}
return $hints;
}
add_filter( \'wp_resource_hints\', \'remove_dns_prefetch\', 10, 2 );

方法二貌似兼容性更好些。

附带一个禁止加载表情代码

// Remove emoji script
remove_action( \'wp_head\', \'print_emoji_detection_script\', 7 );
remove_action( \'wp_print_styles\', \'print_emoji_styles\' );
add_filter( \'emoji_svg_url\', \'__return_false\' );

方法二

function remove_dns_prefetch( $hints, $relation_type ) {
if ( \'dns-prefetch\' === $relation_type ) {
return array_diff( wp_dependencies_unique_hosts(), $hints );
}
return $hints;
}
add_filter( \'wp_resource_hints\', \'remove_dns_prefetch\', 10, 2 );

方法二貌似兼容性更好些。

附带一个禁止加载表情代码

// Remove emoji script
remove_action( \'wp_head\', \'print_emoji_detection_script\', 7 );
remove_action( \'wp_print_styles\', \'print_emoji_styles\' );
add_filter( \'emoji_svg_url\', \'__return_false\' );

以上就是如何禁止WordPress头部加载s.w.org的详细内容。