首先了解WordPress主题的文件构成,在WordPress根目录下找到wp-content/themes,这里保存的就是所有主题文件夹。
首先一个静态模板包含:
首页:index.html
存档页:archive.html
页面:page.html
文章页:single.html
联系页:contact.html
无边栏页:full_width.html
图片:/images/
样式表:style.css
缩略图:screenshot.png
随意找一个模板,将所有.html改为.php。在style.css文件最前面添加信息:
/*
Theme Name: 这里填主题名称
Theme URI: 这里填主题介绍的网址,没有就填你的博客网址吧
Description: 这里填主题的简短介绍
Version: 版本号
Author: 作者名
Author URI: 作者的网址
Tags: 标签,多个用半角逗号隔开
*/
再到wp后台管理外观就会出现主题的基本信息。缩略图即是screenshot.png。
开始修改模板,将静态页面改为动态
1.制作header.php
在模板目录下创建文件header.php,将index.php、archive.php、contace.php、full_width.php、page.php、single.php中所有头部代码剪切到header.php中(一份即可)。然后在以上文件顶部加入一行代码:
<?php get_header();?>
即文件加载header.php中的代码。
(1)更改title
在header.php中将<title></title>中的内容删掉,改为:
<title><?php if ( is_home() ) {
bloginfo(‘name‘); echo " - "; bloginfo(‘description‘);
} elseif ( is_category() ) {
single_cat_title(); echo " - "; bloginfo(‘name‘);
} elseif (is_single() || is_page() ) {
single_post_title();
} elseif (is_search() ) {
echo "搜索结果"; echo " - "; bloginfo(‘name‘);
} elseif (is_404() ) {
echo ‘页面未找到!‘;
} else {
wp_title(‘‘,true);
} ?></title>
此处为判断,根据不同页面采用不同的title。
is_home()
:当前页面为主页时返回true
is_category()
:当前页面为分类页时返回true
is_single()
:当前页面为单文章页时返回true
is_page()
:当前页面为单页面时返回true
2.更改style.css路径
在header.php中找到<link rel="stylesheet" href="./style.css" type="text/css" media="screen" />,将其改为:
<link rel="stylesheet" href="<?php bloginfo(‘stylesheet_url‘); ?>" type="text/css" media="screen" />
将index.php、archive.php、contact.php、full_width.php、page.php和single.php中所有的src="images/批量替换成src="<?php bloginfo(‘template_url‘);?>/images/
此时所有缩略图已正常显示。
3.添加pingback
PingBack是用来通知网志系统文章被引用情况的一种手段,它出现完全是为了解决Trackback的诸多问题。Pingback可以译作“自动引用通知”,因为Pingback的使用是完全自动的。也可以译作“广播”,最先由[3G博客网]提供,是指计算机系统向外部发出引用信息。
如需要此功能,在<head>里添加:
<link rel="pingback" href="<?php bloginfo(‘pingback_url‘); ?>" />
4.更改博客名称和描述
在header.php中,将静态的名称和描述代码:
<h1 id="logo" class="grid_4"></h1>
<h2 class="grid_12 caption clearfix">Our <span>blog</span>, keeping you up-to-date on our latest news.</h2>
改为动态php代码:
<h1 id="logo" class="grid_4"><a href="<?php echo get_option(‘home‘); ?>/"><?php bloginfo(‘name‘); ?></a></h1>
<h2 class="grid_12 caption clearfix"><?php bloginfo(‘description‘); ?></h2>
代码作用:
<?php echo get_option(‘home‘); ?>
输出你的博客首页网址
<?php bloginfo(‘name‘); ?>
输出你的博客名称
<?php bloginfo(‘description‘); ?>
输出博客描述
博客描述和名称可在wp管理后台—设置—常规里进行修改。
5.添加订阅feed链接
在</head>之前添加代码:
<link rel="alternate" type="application/rss+xml" title="RSS 2.0 - 所有文章" href="<?php echo get_bloginfo(‘rss2_url‘); ?>" />
<link rel="alternate" type="application/rss+xml" title="RSS 2.0 - 所有评论" href="<?php bloginfo(‘comments_rss2_url‘); ?>" />
6.添加wp_head
在</head>前添加代码:
<?php wp_head();?>
7.显示菜单栏
将header.php中
<ul id="navigation" class="grid_8">
<li><a href="contact.html"><span class="meta">Get in touch</span><br />
Contact Us</a></li>
<li><a href="blog.html" class="current"><span class="meta">Latest news</span><br />
Blog</a></li>
<li><a href="index.html"><span class="meta">Homepage</span><br />
Home</a></li>
</ul>
改为:
<ul id="navigation" class="grid_8">
<?php wp_list_pages(‘depth=1&title_li=0&sort_column=menu_order‘); ?>
<li <?php if (is_home()) { echo ‘class="current"‘;} ?>><a title="<?php bloginfo(‘name‘); ?>" href="<?php echo get_option(‘home‘); ?>/">主页</a></li>
</ul>
8.刷新缓存
在<body>前面,</head>后面添加PHP代码,用于提高程序运行效率:
<?php flush();?>