酷笔记 > WordPress开发365bet开户网_365bet邮件_365bet提现时间 > 如何循环输出文章列表

如何循环输出文章列表


知识点

have_posts 是否有文章
the_post 获取下一篇文章的信息,并且将信息存入全局变量 $post 中
the_permalink 获取文章链接
the_title 获取文章标题
the_content 获取文章内容
the_category 获取分类信息
the_author 获取作者信息
the_time 获取时间the_time( 'Y-m-d' )
edit_post_link 获取编辑链接

功能实现

修改/wp-content/themes/shouce/index.PHP

HTML>

	<>Http-equiv="Content-Type"?content="text/html;?charset="?/>
	<?php?bloginfo('name');??>
	"?/>
	"?type="text/css"?/>

	


	
		
			

">

">

类别:| 作者:| 时间: |?',?''?);??>

效果图:

如何循环输出文章列表

现在我们稍微修改下css样式,让页面居中显示。

修改/wp-content/themes/shouce/style.css

body?{
????font-family:?'Microsoft?YaHei',?'微软雅黑',?Tahoma,?Verdana,?Arial,?Helvetica,?sans-serif;
????font-size:?12px;
????background-image:?url(images/bg-body.jpg);
????background-repeat:?repeat;
????background-position:?top?left;
????background-attachment:?scroll;
}

修改为

body?{
????font-family:?'Microsoft?YaHei',?'微软雅黑',?Tahoma,?Verdana,?Arial,?Helvetica,?sans-serif;
????font-size:?12px;
????background-image:?url(images/bg-body.jpg);
????background-repeat:?repeat;
????background-position:?top?left;
????background-attachment:?scroll;
????width:?80%;
????margin-left:?auto;
????margin-right:?auto;
}

刷新页面如图

如何循环输出文章列表


上一篇:
下一篇: