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

添加类别,作者和日期

通过前面我们来添加标题和副标题把文章标题显示出来这两篇文章,我们已经了解了wordpress主题的基本使用方法,首先要有index.php和style.css文件,通过调用相应的函数,可以轻松获得需要的结果,并展示在页面上。

今天这篇文章接着完善内容的输出。

编辑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>
			<div>
			<?php _e('类别:');?><?php the_category(' ')?>
			<br/>
			<?php _e('作者:');?><?php the_author();?>
			<?php _e('发表日期:');?><?php the_time(get_option('date_format'));?>
			<br/>
			</div>
		<?php endwhile;?>
	<?php endif;?>
	</div>
</body>
</html>

代码贴在上面,但是还是劝各位看官,有意锻炼php,html的伙伴,还是一点一点输入代码,一方面可以了解自己做的页面的基础结构,一方面锻炼代码的编写能力。

好了,保存,浏览器加载首页。我们可以看到如下的页面

页面内容越来越多,后面的文章中没有特别原因,就不再输出展示的页面。接着查看网页源代码。

结果和我们设想的一样,没有出现偏差。

今天我们在昨天的基础上,使用了 _e()the_category(),the_author(),the_time(),get_option() 这些函数。

_e() 函数作用就是直接在页面输出参数。比方_e(‘类别:’),_e(‘作者:’),_e(‘发表日期:’)

the_category() 函数遍历这篇文章的分类,并且输出每个分类的连接,函数中参数作为每个连接的分隔符。比如:the_category(‘ ‘)使用空格分割每个分类<a href=”https://example.com/category/wordpress/” rel=”category tag”>wordpress</a> <a href=”https:// example.com/category/%e5%9b%be%e4%b9%a6/” rel=”category tag”>图书</a>

the_author() 函数输出这篇文章的作者。

get_option() 获取系统参数,这里直接用的get_option(‘date_format’)获取我们在设置->常规里,设置的日期格式。

the_time() 用于输出时间的函数,这里参数用上面获取的日期格式,输出的结果就是文章发布的日期“2020年4月7日”

文章先写到这里,各位看官可能也看出来了,对于wordpress主题的制作,更多的是使用wordpress的函数,调用各种函数输出我们需要的网页内容。自己制作wordpress主题的过程就是我们熟悉和使用wordpress函数的过程。

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

发表评论

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