WordPress⾃定义模板开发1——将静态的HTML模板转换为
Wordpress主题
前提准备：已经写好HTML页⾯。
第⼀步：在⽹站根⽬录⾥双击打开⽂件夹wp-conten，再双击打开⽂件夹themes，在⾥⾯新建⼀个⽂件夹（命名不要出现中⽂等特殊符号），给⾃⼰的模板命名，这⾥起名为shisai。
第⼆步：将⾃⼰制作的静态页⾯内容全部移动到模板⽂件夹shisai⾥⾯，然后将原有的css⽂件名称修改为style.css，将原有的html⽂件名称修改为index.php，style.css是WP程序唯⼀能识别的CSS名称。
第三步：修改style.css⽂件夹，在DW软件中打开该⽂件，然后再STYLE.CSS的最上⽅添加以下的版权信息。这个版权信息会显⽰在⽹站后台。
/*
Theme Name: wagndi
wordpress主题怎么安装Theme URI:
Description: It's a theme create by wagndi
Version: 1.0
Author: wangdi
Author URI: wangdi
Tags: custom header, fixed width, two columns, widgets
*/
第四步：在DW软件中打开index.php⽂件，将页⾯中的css样式调⽤使⽤以下代码替换。
<?php bloginfo( 'stylesheet_url' ); ?>
第五步：修改index.php中的图⽚的路径，在原有路径前⾯添加<?php bloginfo('template_directory'); ?>/，来解决WordPress模板图⽚⽂件不显⽰的问题。
<?php bloginfo('template_directory'); ?>/
引⽤图⽚较多时，可以使⽤CTRL+F，查替换。
第六步：在⽹站后台【外观】——【主题】，可以查看⾃⼰⼼添加的主题。
注意观察，系统提供的模板，都有缩略图，⽽我们的模板却没有。
解决办法：主题⽂件来下⾯放⼀个缩略图图⽚，缩略图的名字必须是：screenshot.png或者screenshot.jpg。这个模板缩略图也会在⽹站后台显⽰出来。
，

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。