wordpress文章发布时间文章作者美化

QQ截图20160529190643

其实也没别的,多了几个图标然后文章发布的时间精确了一点,多了一个浏览量和分类。

原版代码:

<i style="color:#7a7a7a" class="fa fa-user"></i> <a href="<?php echo get_author_posts_url(get_the_author_meta('ID')); ?>" title="查看<?php the_author(); ?>所有文章" target="_blank"><?php the_author(); ?></a> <i style="color:#7a7a7a" class="fa fa-clock-o"></i> <?php the_date('Y-m-d H:i l'); ?> <i style="color:#7a7a7a" class="fa fa-eye"></i> <?php post_views(' ', ''); ?>人围观 <i style="color:#7a7a7a" class="fa fa-tag"></i><?php the_category( ‘, ‘ ) ?>

放到你想展现的地方就好了,代码里面的内容还是比较简单的我简单的解释一下:

图标我用的是Font Awesome图标不懂怎么用的可以来这里看看:Font Awesome图标应用 简单实例教程 还有这里:Font Awesome 4.5图标 一款风靡全球的图标字体库和CSS框架

看来之后就知道这个图标怎么来的了!

还有一些就是调用了 这里就不做解释了可以来这里看看:开发WordPress主题常用的函数列表

附录:WordPress的时间函数

文章的时间函数为:
<?php the_time() ?>
 
评论的时间函数为:
<?php comment_date() ?>
 
评论的日期函数为:
<?php comment_time() ?>
 
一个典型的时间函数实例为以下代码:
<?php the_time(’F jS, Y) ?>

单引号内的代码即为时间参数。

WordPress的全部时间参数及显示效果

* a代表小写的英语的上下午,如am、pm
* A代表大写的英语的上下午,如AM、PM
* d代表英语的日期(小于10仍为两位数写法),如05、12
* D代表中文的星期,如五、七
* F代表中文的月份(包括“月”这个字),如五月、十二月
* g代表英语的小时(小于10为一位数写法),如5、12
* G代表英语的小时(小于10仍为两位数写法),如05、12
* h代表英语的分钟(小于10为一位数写法),如5、12
* H代表英语的分钟(小于10仍为两位数写法),如05、12
* j代表英语的日期(小于10为一位数写法),如08-02-09
* l代表中文的星期(包括“星期”这两个字),如星期五、星期七
* m代表英语的月份(小于10仍为两位数写法),如05、12
* M代表英语的月份(以单词的形式显示),如Jun
* n代表英语的月份(小于10为一位数写法),如5、12
* O代表英语的时区,如+0800
* r代表完整的日期时间,如Tue, 06 Jun 2006 18:37:11 +0800
* S代表日期的序数后缀,如st、th
* T代表英语的时区(以单词的形式显示),如CST
* w代表英语的星期,如5、7
* W代表周数,如23
* y代表两位数年份,如07、08
* Y代表四位数年份,如2007、2008
* z代表天数,如156