wordpress主题标签及模板制作流程

博客模板一般包含以下文件：
1、 index.php 首页模板
—- header.php 头部
—- sidebar.php 侧边栏
—- footer.php 底部
2、 style.css 样式表
3、 single.php 文章内页模板
4、 page.php 页面模板
5、 archive.php 分类页面模板
6、 search.php 搜索模板
7、 404.php 错误提示模板

以下是wordpress主题模板制作流程以及部分标签的调用方法

一、在style.css样式表文件的顶部添加以下主题版权信息：

/*
Theme Name: 模版名字
Theme URI: http://www.yourdomain.com
Description:主题说明,介绍
Author: 作者
Author URI:http://www.yourdomain.com
Version: 1.0
Tags: 主题关键词, wordpress模板, wordprss主题
*/

二、复制首页文件index.html并重命名为index.php,修改相对路径为绝对路径，修改style.css样式表中的图片路径使得图片与路径对应。

<?php bloginfo(‘name’); ?>             获取博客名字、博客标题
<?php echo get_option(‘home’); ?>       获取主页路径
<?php bloginfo(‘template_directory’); ?>  获取主题存放路径
<?php bloginfo( ‘stylesheet_url’ ); ?>     Style.css路径调用
<?php bloginfo(‘description’); ?>       博客描述

三、拆分首页index.php文件为header.php、sidebar.php、footer.php

<?php get_header();?>  头部文件header.php的调用
<?php get_sidebar();?>  侧边栏sidebar.php的调用
<?php get_footer();?>  底部文件footer.php的调用

四、在头部文件header.php的顶部添加以下编码格式、标题、hook信息。

<meta http-equiv=”Content-Type” content=”text/html; charset=<?php bloginfo( ‘charset’ ); ?
>” />
<title><?php if (is_home()||is_search()) { bloginfo(‘name’); } else { wp_title(”); print “
- “; bloginfo(‘name’); } ?> </title>
<?php wp_head(); ?>

五、导航菜单的制作。
1、新建 functions.php 函数文件并添加以下代码。

<?php
//自定义菜单
register_nav_menus(
array(
‘header-menu’ => __( ‘导航自定义菜单’ ),
)
);
?>

2、导航位置添加菜单调用代码

<?php wp_nav_menu( array( ‘theme_location’ => ‘header-menu’ ) ); ?>

3、菜单标签参数列表：

//最外层容器的标签名，默认div    
‘container’ => ‘div’,
//最外层容器的class名    
‘container_class’ => ‘mainNavBlock’,
//最外层容器的id名    
‘container_id’ => ‘menu’,
//导航菜单ul标签的class名    
‘menu_class’ => ‘mainNav’,
//导航菜单ul标签的id名    
‘menu_id’ => “nav”,
//是否打印，默认是true，如果想将导航的代码作为赋值使用，可设置为false    
‘echo’ => true,
//备用的导航菜单函数，用于没有在后台设置导航时调用    
‘fallback_cb’ => ‘the_main_nav’,
//显示在导航a标签之前    
‘before’ => ‘<p>’,
//显示在导航a标签之后    
‘after’ => ‘</p>’,
//显示在导航链接名之前    
‘link_before’ => ‘<em>’,
//显示在导航链接名之后    
‘link_after’ => ‘</em>’,
//显示的菜单层数，默认0，0是显示所有层    
‘depth’ => 0,
//调用一个对象定义显示导航菜单    
‘walker’ => new Walker_Nav_Menu(),
//指定显示的导航名，如果没有设置，则显示第一个    
‘theme_location’ => ‘primary’,

4、导航分类和页面单独调用。
(1)页面调用：

<?php wp_list_pages(‘title_li=0&sort_column=menu_order&include=’); ?>

(2)分类目录调用：

	
<?php wp_list_categories(‘title_li=0&orderby=name&show_count=0′); ?>

(3)首页调用：

<li><a href=”<?php echo get_option(‘home’); ?>”>首页</a></li>

六、侧边栏文件sidebar.php的制作。
1、分类目录调用：

<?php wp_list_cats(‘sort_column=name&optioncount=1&hierarchical=0′); ?>

说明：
hierarchial=0 – 不按照层式结构显示子分类
optioncount=1 – 显示每个分类含有的日志数
sort_column=name – 把分类按字符顺序排列

2、最新文章调用：

	
<?php wp_get_archives(‘type=postbypost&limit=10′); ?>

说明：
type=postbypost：按最新文章排列
limit：限制文章数量最新10篇

3、日期存档调用：

<?php wp_get_archives( ‘type=monthly’ ); ?>

说明：
type=monthly按月份读取

4、友情链接的调用：

<?php wp_list_bookmarks(‘title_li=&categorize=0&orderby=rand&limit=24′); ?>

说明：
type=monthly按月份读取
limit：调用友链数量为24个

免插件安装调用友情链接功能，在functions.php文件添加以下代码：

<?php add_filter( ‘pre_option_link_manager_enabled’, ‘__return_true’ ); ?>

5、元数据调用

注册：<?php wp_register(‘,’); ?>
登录：<?php wp_loginout(); ?>

七、小工具调用。
1、在functions.php函数文件中添加以下代码：

<?php
if ( function_exists(‘register_sidebar’) )
register_sidebar(array(
‘before_widget’ => ‘<div class=”sidebox”>   ‘,
‘after_widget’ => ‘</div>’,
‘before_title’ => ‘<h2>’,
‘after_title’ => ‘</h2>’,
));
?>

2、在sidebar.php文件中添加以下调用代码：

<?php if ( !function_exists(‘dynamic_sidebar’) || !dynamic_sidebar() ) : ?>
<?php endif; ?>

八、底部文件footer.php的制作
1、在footer.php文件中添加以下版权信息、并添加歉容代码hook函数

Copyright ©2017
<a href=” <?php echo get_option(‘home’); ?>”> <?php bloginfo(’name’); ?></a>
<?php wp_footer(); ?>

九、首页文件index.php的制作
1、给相同的内容添加循环标签：

<?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?>
<!– 需要循环输入的重复模块 –>
<?php endwhile; ?>
<?php endif; wp_reset_query(); ?>

说明：
if(have_posts()) – 检查博客是否有日志。
while(have_posts()) – 当博客有日志的时候，执行下面 the_post() 这个函数。
the_post() – 调用具体的日志来显示。
endwhile; – 遵照规则 #1，这里用于关闭 while()
endif; – 关闭 if()

2、博客日志的信息调用：

(1)调用标题 ：

<a href=”<?php the_permalink() ?>“><?php the_title_attribute(); ?></a>

长标题截部分标题代码:

<a href=”<?php the_permalink() ?>“><?php echo mb_strimwidth(get_the_title(), 0, 32, ‘…’); ?></a>

(2)内容调用-全文调用：

<?php the_content(); ?>

（3)内容调用-摘要调用：

<?php echo mb_strimwidth(strip_tags(apply_filters(‘the_content’, $post->post_content)), 0, 200,“……”);
?>

（4)发布日期调用：

<?php the_time(‘F d, Y’) ?>
<?php the_time(‘m-d’) ?>
<?php the_date_xml()?>

（5)所属分类调用：

<?php the_category(‘, ‘) ?>

（6)文章标签调用：

<?php the_tags(‘标签： ‘, ‘, ‘, ”); ?>

（7)留言数调用：

<?php comments_popup_link(‘0 条评论’, ‘1 条评论’, ‘% 条评论’, ”, ‘评论已关闭’); ?>

（8)更多内容调用：

<a href=”<?php the_permalink() ?>“>更多内容</a>

（9)发表评论调用：

<a href=”<?php the_permalink() ?>#commentform” >发表评论</a>

（10)显示作者名称：

<?php the_author(); ?>

（11)分页调用，先安装分页插件WP-PageNavi然后在需要分页的地方插入下面代码：

<?php wp_pagenavi(); ?>

居中显示效果：

<div style=”text-align:center”><?php wp_pagenavi(); ?></div>

放置在 <?php endwhile; ?> 和 <?php endif; wp_reset_query(); ?> 中间。

（12)搜索框的代码调用：

<form method=”get” action=”<?php bloginfo(‘url’); ?>/”>
<input type=”text” value=”<?php the_search_query(); ?>” name=”s” id=”s” />
<input type=”submit” id=”searchsubmit” value=”Search” />
</form>

十一、其他页面的标签调用：

1、添加默认评论模块：

<?php comments_template(); ?>

放置在 <?php endwhile; ?> 和 <?php endif; wp_reset_query(); ?> 中间。

2、翻页代码的调用：

上一篇：<?php previous_post_link(‘&laquo; %link’); ?>
下一篇：<?php next_post_link(‘%link &raquo;’); ?>

3、独立页面制作，添加页面情况称代码：

<?php
/*
Template Name: 留言板页面
*/
?>

4、搜索页调用：

<?php endwhile; ?>
<?php else : ?>
您搜索的结果不存在，请重新搜索！

未完待续……..