标签： 文章

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

wordpress代码为文章图片自动添加alt和title信息

今天刚上线的，所以发现了不少问题，这段可以很方便的为图片添加alt和title，我们能够用代码来完成所需功能的，

就尽量不要使用插件，毕竟wordpress插件安装越多速度越慢嘛！

下面是需要添加到主题里的代码：

//给文章图片自动添加alt和title信息
add_filter('the_content', 'imagesalt');
function imagesalt($content) {
       global $post;
       $pattern ="/<a(.*?)href=('|\")(.*?).(bmp|gif|jpeg|jpg|png)('|\")(.*?)>/i";
       $replacement = '<a$1href=$2$3.$4$5 alt="'.$post->post_title.'" title="'.$post->post_title.'"$6>';
       $content = preg_replace($pattern, $replacement, $content);
       return $content;
}

20151029230029 20151029230146 将上面的代码放到 wordpress主题 文件夹下的functions.php文件内，这样文章图片就会自动添加alt和title信息。