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

把文章标题显示出来

经过昨天的操作,我们已经把站点的标题和副标题给显示出来了,具体方法可以看 我们来添加标题和副标题

大家可能会有一个疑问,做wordpress主题,怎么没有用到style.css这个必要的样式文件,个人认为:画人先画骨,同样的,网页首先必要有的是“骨”,而“骨”就是html,所以一直到现在,都没有做一点样式。因为现在需要的是先把“骨”给建起来,需要把表现在页面上的内容先展现出来。后面会用到style.css这个“皮”。最后有能力再来点“神”,这个“神”当然是js啦。

今天接着昨天的操作,把文章标题显示出来。为了展现的内容丰富一点,首先在测试站点上添加了几篇文章,并发布。

接着编辑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();?>"><?php the_title();?></a></h2>
		<?php endwhile;?>
	<?php endif;?>
	</div>
</body>
</html>

首先使用的have_posts()函数,它的作用是检查当前WordPress查询是否有任何要循环的结果。它是一个布尔函数,不用任何参数,返回值是TRUE或FALSE。

if,while结构需要写清晰,方便后面维护,这点很重要,自己写的代码,自己使用了,如果需要加入一些特殊的功能,结果自己看代码都看的眼花缭乱。那还怎么改呢?

接着使用the_post()函数,它的功能就是从最后一篇文章开始检索文章,并设置该文章,并在循环中将 have_posts() 的值设置为true,这样就可以检索下一篇文章。这里说的很绕口。我们用一个简单的说法来阐述,它就是一个文章选择函数,每执行一次该函数,就可以在循环内获得这篇文章的各个属性。

保存index.php到服务器。刷新网页。

这是我们需要的页面,同时查看网页源代码。

这里使用了 the_permalink() 函数和 the_title() 函数,这两个函数从名称就可以看出来。the_permalink()是当前正在处理的文章的永久链接的URL。the_title()是当前正在处理的文章的标题。

今天显示wordpress的文章标题就到此。

总结:

have_posts()函数,循环函数。

the_post()函数,遍历文章函数。和have_posts()配合使用。

the_permalink()函数,输出当前文章永久链接的函数。

the_title()函数,输出当前文章标题的函数。

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

“把文章标题显示出来”上的23条回复

发表评论

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