分类
css html php web wordpress 自己做wordpress主题

首页的内容展示

前面我们已经把页面的标题、副标题文章的标题显示类别,作者和日期都展示在了页面上。今天,把一个首页该有的文章内容,文章有无评论以及评论的数量展示出来。

打开wp-content/themes/test/index.php文件。

<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title><?php bloginfo('name');?></title>
</head>
<body>
	<h1><a href ="<?php bloginfo('url');?>"><?php bloginfo('name');?></a></h1>
	<?php bloginfo('description');?><br/>
	<div>
	<?php if(have_posts()):?>
		<?php while(have_posts()):?>
			<?php the_post();?>
			<h2><a href="<?php the_permalink();?>" title="<?php the_title();?>"><?php the_title();?></a></h2>
			<div>
				<?php _e('类别:');?><?php the_category(' ')?>
				<br/>
				<?php _e('作者:');?><?php the_author();?>
				<?php _e('发表日期:');?><?php the_time(get_option('date_format'));?>
				<?php comments_popup_link('无评论&#187;','有1条评论&#187;','有%条评论&#187;');?>
				<?php edit_post_link('编辑','&#124;','');?>
			</div>
			<div>
				<?php the_excerpt();?>
			</div>
		<?php endwhile;?>
		<div>
		<?php posts_nav_link(' ','上一页','下一页');?>
		</div>
	<?php endif;?>
	</div>
</body>
</html>

首先,由于加入了5篇测试文章,首页显示会很大,我把设置->阅读标签里的 博客页面至多显示 改成了1篇文章。这样,切下来的图片会比较利于展示,同时为使用posts_nav_link函数创造条件。保存为以上内容,刷新站点首页

设置首页只显示一篇文章,同时使用了the_excerpt()函数输出文章摘要,页面看起来就合适展示了。

<?php comments_popup_link(‘无评论&#187;’,’有1条评论&#187;’,’有%条评论&#187;’);?>

comments_popup_link() 函数在网页上输出评论数量并创造连接,这里使用了三个参数,第一个参数输出的是评论数为零的时候展示的页面,第二个参数输出的是评论数为1的时候展示的页面,第三个参数输出的是评论数大于1的时候展示的页面。其实这个函数后面还有2个参数,默认可以不需要设置。

<?php edit_post_link(‘编辑’,’&#124;’,”);?>

edit_post_link() 函数,当我们以作者的权限查看网页时,可以直接通过点击这个超链接,到后台进行文章编辑。同样这个函数有三个参数,第一个参数是在网页上显示的文字,第二个参数是在显示的内容前面显示的符号或者html标签,第三个参数是在显示的内容后面插入的符号或html标签。例如可以写成: <?php edit_post_link(‘编辑’,'<p>’,'</p>’);?>

<?php the_excerpt();?>

the_excerpt() 函数,输出当前循环中的文章摘要,假如我们要输出全文就用 the_content() 函数。在后面,用 single.php模板时,需要页面把真个文章内容都输出,就会用到。

<?php posts_nav_link(‘ ‘,’上一页’,’下一页’);?>

posts_nav_link() 函数,请认真理解这个函数的使用位置,它是在遍历完需要展示的文章后,在<?php endwhile;?>后。作用很简单,根据设置 博客页面至多显示 的文章数量,遍历后,文章数量大于设置的显示的文章数量,就会生成 下一页 链接,以便通过点击下一页再显示余下的数量,直到所有文章都遍历完。同时在不是最后一页的页面上生成上一页,下一页。

从零开始建造自己的wordpress主题:
为什么要自己做 WordPress 主题
WordPress主题的基本结构
从index.php开始
我们来添加标题和副标题
把文章标题显示出来
添加类别,作者和日期
首页的内容展示
添加侧边栏

发表评论

电子邮件地址不会被公开。 必填项已用*标注