标签： 美化

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插件实现wordpress图片暗箱功能！

本人用的是万网的免费虚拟机，所以感觉还是不要用太多插件了，就想着都用代码代替。

这样会快一些吧！听说！

这短代码还是很简单的，我这里会详细的说下让你们更清楚。

这是测试：
156498（还不错吧！）

首先是下载文件！ 提取码：cf7h

文件名是fancybox 然后解压开，里面还有一个fancybox文件夹，然后把这个fancybox文件夹放到网站的主题文件下。

然后在header.php文件里面的</head>前面添加：

<!-- 加载 Fancybox CSS文件 -->
<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_directory'); ?>/fancybox/fancybox.css" />
<!-- 加载 jQuery JS文件（如果模版文件已经加载jQuery，无需加入此段代码） -->
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/fancybox/jquery-1.9.0.min.js"></script>
<!-- 加载 Fancybox JS文件 -->
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/fancybox/fancybox.js"></script>

<script type="text/javascript">
$(document).ready(function() {
$(".fancybox").fancybox();
});
</script>

再在functions.php文件里面添加：

add_filter('the_content', 'fancybox');
function fancybox ($content)
{ global $post;
$pattern = "/<a(.*?)href=('|\")([^>]*).(bmp|gif|jpeg|jpg|png|swf)('|\")(.*?)>(.*?)<\/a>/i";
$replacement = '<a$1href=$2$3.$4$5 rel="box" class="fancybox"$6>$7</a>';
$content = preg_replace($pattern, $replacement, $content);
return $content;
}

这个添加在最后面就好了！

就这样就可以了！ 快去看看效果吧!