如何美化知更鸟Begin主题侧边栏关于作者小工具

  • 4
  • 148 views
  • A+
所属分类:wordpress主题

前两天在星光博客里看到侧边栏的一个关于作者的小工具,感觉这种美化效果挺不错的,虽说本人好早之前就已经添加了这一功能,但忘记在哪找到教程添加的了。最近一个朋友问起这一效果忽然不知道怎么告诉他了,所以在找到这个教程之后就迫不及待的想分享给大家。

美化知更鸟Begin主题侧边栏关于作者小工具

首先这里说的侧边栏小工具和首页侧边栏的关于作者是两码事,虽说有点相像,不过这也不难理解,因为确实有点小小的相像,就连之前自己也有搞错过,后来经过短时间的揣摩可算搞定了。话不多说,我们首先先来看看效果吧,效果如下图:

美化知更鸟Begin主题侧边栏关于作者小工具

首先,打开wp-content/themes/begin/inc文件夹,找到widgets.php文件(叶忠文以知更鸟Begin主题为例,其他WP主题也可以试试)。

先添加“作者”二字,找到1906行。

<h4 class="author-the"><?php the_author(); ?></h4>

中间添加以下代码:

&nbsp;&nbsp;<span><strong style="background:red"><font color="#ffffff">作者</font></strong></span>

添加之后变成:

<h4 class="author-the"><?php the_author(); ?> &nbsp;&nbsp;<span><strong style="background:red"><font color="#ffffff">作者</font></strong></span></h4>

然后在1911行,添加一段“自述语句”,这里的自述语也就是自己想要自定义的一些话。

<div class="author-description"><?php the_author_meta( 'user_description' ); ?></div>

在上述的中间添加以下代码:

<font color="#999">共享精品 分享技术 作为一个有态度的个人博客</font>

添加完成之后的代码如下显示:

<div class="author-description"><?php the_author_meta( 'user_description' ); ?><font color="#999">共享精品 分享技术 作为一个有态度的个人博客</font></div>

我们只要把上面代码中的“自述语句”修改成自己想要的语句就OK了,加了之后看起来效果是不是很不错咧。 :razz: :razz: :razz:

Joson

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

目前评论:4   其中:访客  2   博主  2

    • 猫叔 猫叔 来自天朝的朋友 谷歌浏览器 Windows 7 安徽省黄山市 电信 3

      太突兀的两个字

        • Joson Joson  博主 来自天朝的朋友 谷歌浏览器 Windows 7 广东省东莞市 电信

          @猫叔 那两个字没有省略的、或者不加粗、不加颜色啥的

        • 百万图转存 百万图转存 搜狗浏览器 Windows 7 欧洲和中东地区 0

          写的真不错,能学到很多东西!

            • Joson Joson  博主 来自天朝的朋友 谷歌浏览器 Windows 7 广东省东莞市 电信

              @百万图转存 有帮助就好