作者头像《 WordPress 主题开发》

下面我们处理一下文章作者的头像 ... 首先我们要获得作者头像 ... 可以使用 get_avatar() ，把这个 <img> 标签的内容去掉，我们要使用 get_avatar() 动态的获得作者的头像 ...

输入 <?php get_avatar() ?> ，另个我们要给这个函数的第一个参数设置一个值，可以是用户的 id 或者用户的 e-mail 地址 ... 也就是我们要告诉这个函数，想要获取哪个用户的头像 ...

WordPress 默认使用 gravatar.com 的头像服务，用户在这个网站上给自己的 e-mail 相关一张头像图片，这样用户不管在什么网站上，只要使用这个 e-mail 地址，网站就可以从 gravatar.com 获取相关的头像。

要想获取用户的相关信息，我们可以使用 get_the_author_meta() 这个函数 ... 输入 get_the_author_meta( 'user_email' ) ... 这里我们给这个函数去找到用户的 email 地址 ...

在 get_avatar() 函数的前面，再加上一个 echo ，用来输出函数获取的用户头像 ...

保存 ... 回到首页看一下 ...

在内容块上会显示作者的头像，不过在我们的设计里，作者的头像是圆形的，我们需要在使用 get_avatar() 获得的头像的 <img> 标签里，添加一个叫 .img_circle 的类 ...

打开资料包 xx-xx ... 复制一下这段代码 ... 打开主题的 functions.php .. 粘贴过来 ...

这段代码的作者就是修改了一个 get_avatar() 函数获取的头像里的 css 类，加上了一个 .img-circle 类。

想在你的主题里使用这段代码，可以把这个 fenikso 替换成你自己的主题名称 ...

作者名称

再回到 index.php 这个模板文件，我们继续处理作者的头像 ...

在 data-original-title 这个属性里的值，是弹出的工具提示里的内容，也就是作者的名称 ...

先去掉这里的内容，然后我们用 get_the_author() 获取文章的作者 http://codex.wordpress.org/Function_Reference/get_the_author

<?php get_the_author(); ?> ... 这个内容是在标签的属性里，所以我们要用 esc_attr() 来处理一下它...

<?php esc_attr( get_the_author() ); ?> ... 在它的前面再加上一个 echo ，输入内容 ... <?php echo esc_attr( get_the_author() ); ?>

作者页面

最后还有作者的链接 ... 这个链接打开的页面会显示所有这个作者发布的内容 ... 可以用 get_author_posts_url()

输入 <?php get_author_posts_url(); ?> ... 我们要告诉这个函数作者的 id ... 在后面的这个括号里，用 get_the_author_meta()　来获取作者相关的信息　．．．　　我们要的是作者的 ID ，所以要给它加一个 'ID'

get_author_posts_url( get_the_author_meta( 'ID' ) )

因这是地址，所以要用 esc_url() 函数处理一下它 ...

esc_url( get_author_posts_url( get_the_author_meta( 'ID' ) ) );

再用一个 echo ，输出这个地址内容 ...

保存一下 .... 回到网站的首页 ... 你会看到，会显示作者的头像 ... 而且是圆形了，因为我们添加了 .img_circle 类，鼠标放在上面会弹出工具提示，上面会显示作者的名称 ...

点击这个头像 ... 打开的页面里，会显示这个作者发布的所有内容 ...

统计