同样发表于http://www.longgaming.com/archives/137 推荐前往阅读
最后一篇,教你如何美化你的博客。
首先得选一个自己喜欢的theme,我也找寻了挺久,最后选择了Semplicemente这个主题,有些类似于github网站的风格,简约却不单调。标签云之类的相信大家应该自己能调出来(如果希望标签云显示彩色的可以参考http://zou.lu/colorful-tag-cloud-without-any-plugin-in-wordpress/)。这里主要说一下如何修改和配置右上角的SNS的图标。首先该主题提供了一个配置页面(theme-options.php),供我们输入相应SNS的链接,而不需要的SNS则留空,这样就不会显示出来了。
其实里面的逻辑也很简单,就是你输入的地址会被保存在semplicemente_theme_options这个关联数组里,由诸如Facebookburl这样的key来进行索引,
1
|
<?php
$se_options
=
get_option
(
'semplicemente_theme_options'
,
$semplicemente_theme_options
)
;
?>
|
之后由
1
|
<?php
if
(
$se_options
[
'facebookurl'
]
)
:
?>
|
来进行判断Value是否为空。
但是这里面没有我们相应的图标怎么办(github那一栏是后来加上去的),那么只有自己动手了。实际上Semplicemente主题使用了Font Awesome字体图标库,也就是一个CSS库,只要将相应的html元素设为相应的class,就可以显示成相应的图标。经过调查,发现其实是有github的图标的,标记为<i class=”fa fa-github”></i>,那么我们就有办法了。
首先,打开Semplicemente\inc\theme-options.php,在facebook的段落下输入
1
2
3
4
5
6
7
8
9
10
11
|
<?php
/**
* github Icon
*/
?>
<
tr
valign
=
"top"
>
<
th
scope
=
"row"
>
<?php
_e
(
'Enter your github URL'
,
'semplicemente'
)
;
?>
<
/
th
>
<
td
>
<
input
id
=
"semplicemente_theme_options[githuburl]"
class
=
"regular-text"
type
=
"text"
name
=
"semplicemente_theme_options[githuburl]"
value
=
"<?php if( isset( $se_options[ 'githuburl' ] ) ) echo esc_url( $se_options[ 'githuburl' ] ); ?>"
/
>
<
label
class
=
"description"
for
=
"semplicemente_theme_options[githuburl]"
>
<?php
_e
(
'Leave blank to hide github Icon'
,
'semplicemente'
)
;
?>
<
/
label
>
<
/
td
>
<
/
tr
>
|
这样在主题配置页面就会出现输入github的一栏。
然后打开Semplicemente\header.php,在facebook的段落下面输入语句,
1
2
3
|
<?php
if
(
$se_options
[
'githuburl'
]
)
:
?>
<
a
href
=
"<?php echo esc_url($se_options['githuburl']); ?>"
title
=
"github"
target
=
"_blank"
>
<
i
class
=
"fa spaceLeftDouble fa-github"
>
<
/
i
>
<
/
a
>
<?php
endif
;
?>
|
就可以了。最后去配置页面输入正确的地址就好了,不希望出现的SNS则将#号删掉。
如果你懒得自己动手,我将自己修改好的版本放到了github上https://github.com/natsu1211/semplicemente-theme,大家可以自取。
当你访问别的网站或是浏览收藏夹时,发现许多网站的名字前会有个小图标,这个小图标就是favicon,方便人家记住和更加直观的辨认出你的网站。添加favicon其实很简单,首先找一张自己喜欢的图片,当然分辨率不要太奇葩了,然后去http://www.favicon.co.uk/,上传图片取回做好的favicon,然后将favicon.ico上传到的wordpress根目录以及当前主题的根目录下即可。
默认设置下,评论的头像显示是开启的。当然你可以在dashboard的设置-讨论下面为没有设置头像的用户设置默认头像,另外还有个评级的选项,有G,PG,R,X四个级别,这个等下会说。这里主要介绍如何为自己设置自定义头像,同时也在别人的wordpress博客留言时显示出自定义头像。Wordpress的头像是通过Gravatar来显示的,首先需要去Gravatar进行注册,只需要输入你的邮箱以及设置好密码就行了,之后系统会寄一封确认信到你的信箱,确认一下即可。之后进入账户上传头像,头像通过审核后会得到一个评级,一般不是太黄太暴力的头像都会得到G评级,X则是超重口了。所以之前看到的那个头像评级选项就是设置你的网站中所允许的头像的最高评级。Gravatar的好处是显而易见的,对于管理员来说,无需管理用户账户以及他们的头像,对于用户来说,他们无需进行注册,只需要在支持Gravatar的网站输入自己的邮箱地址就能显示出设置好的头像。
该系列到这里就搞一个段落了,总算是可以安心的写文章了,但是WordPress的路才刚刚开始,也许我们可以试着从做一个自己的theme开始。