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(‘« %link’); ?>
下一篇:<?php next_post_link(‘%link »’); ?>
3、独立页面制作,添加页面情况称代码:
<?php
/*
Template Name: 留言板页面
*/
?>
4、搜索页调用:
<?php endwhile; ?>
<?php else : ?>
您搜索的结果不存在,请重新搜索!
未完待续……..
- QQ群:253510359
- 建议:VPS商家层出不穷,根据需要购买,切莫剁剁剁!
- 评测:很多VPS虽已评测,但网络环境改变稳定性,速度也会随之改变.评测只能作为一般性参考.不负任何法律,道义责任.
- 申明:所有vps,域名,服务器优惠信息均来自网络公开内容,由于水平有限不免有谬误.请以官方为准.