1、建立基本主题模板和安装主题
2、页头和页脚,加载引入我们主题必须的css,js文件
3、主题注册Bootstrap菜单、搜索框和导航
4、首页设计index.php
5、创建single.php页
6、创建sidebar.php页
7、创建comments.php页
8、创建archive.php页
1、首先设计布局部分。代码如下:
<div class="container">
<div class="row">
<div class="col-md-9">
<div class="blog-post">
<h2 class="blog-post-title">文章标题</h2>
<p class="blog-post-meta">发布时间 by <a href="#">作者</a></p>
<p>文章内容</p>
</div><!-- /.blog-post -->
<nav>
<ul class="pager">
<li><a href="#">Previous</a></li>
<li><a href="#">Next</a></li>
</ul>
</nav>
</div><!-- /.blog-main -->
2、WordPress循环,在WordPress代码中添加该页面的标题和内容,标题的代码为 the_title() 内容的代码为 the_content(),建议您阅读 WordPress主题制作基本模版文件以及基本函数,循环代码如下:
<?php if ( have_posts()):?>
<?php while( have_posts()): the_post();?>
<div class="blog-post">
<h2 class="blog-post-title"><?php the_title(); ?></h2>
<p class="blog-post-meta"><?php the_time('y-m-d')?> by <a href="#"><?php the_author();?></a></p>
<p><?php the_content(); ?></p>
</div><!-- /.blog-post -->
<?php endwhile; else: ?>
<p><?php _e('Sorry, 还没有文章发布。'); ?></p>
<?php endif; ?>
3、加入相关链接
我们添加一个新标签 the_permalink() ,我们可以用其作从主新闻页面链接到独立新闻文章的链接锚点,这个标记应该在 the_title() 外层,WordPress会在当前活动外观主题中查找若干模板文件,首个查找结果将会被用来显示给定页面打开链接,WordPress会按如下顺序查找文件:
修改后的链接代码如下所示:
<h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
4、为wordpress添加作者名及链接和显示作者文章
默认情况下,Wordpress将先使用author.php模板然后是archive.php最后是index.php来显示作者信息. 意思是,如果你没有author.php文件, WordPress将使用archive.php, 以此类推。
如果你想更换作者页面的外观, 你需要创建一个author.php文件(如果主题没有),方法:复制archive.php或index.php,然后根据自己的设计重新修改author.php。(以后设计......)
<a href="<?php echo get_author_posts_url(get_the_author_meta('ID')); ?>" title="查看<?php the_author(); ?>所有文章"><?php the_author(); ?></a>
5、首页文章内容摘要字数限制
把the_content
换成以下代码,260摘要显示的字数
<?php echo mb_strimwidth(strip_tags(apply_filters('the_content', $post->post_content)), 0, 260,"......"); ?>
<?php get_header(); ?>
<div class="container">
<div class="row">
<div class="col-md-9">
<?php if ( have_posts()):?>
<?php while( have_posts()): the_post();?>
<div class="blog-post">
<h2 class="blog-post-title"><h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2></h2>
<p class="blog-post-meta"><?php the_time('y-m-d')?> by <a href="<?php echo get_author_posts_url(get_the_author_meta('ID')); ?>" title="查看<?php the_author(); ?>所有文章"><?php the_author(); ?></a></a></p>
<p><?php echo mb_strimwidth(strip_tags(apply_filters('the_content', $post->post_content)), 0, 260,"..."); ?></p>
</div><!-- /.blog-post -->
<?php endwhile; else: ?>
<p><?php _e('Sorry, 还没有文章发布。'); ?></p>
<?php endif; ?>
<nav>
<ul class="pager">
<li><a href="#">Previous</a></li>
<li><a href="#">Next</a></li>
</ul>
</nav>
</div><!-- /.blog-main -->