最近来自香港和台湾的朋友变多了~于是就添加了一个能够简繁切换的功能。

希望以下经验可以帮助到各位哦!

1.安装插件WP Chinese Conversion

首先先到WordPress的后台仪表盘。

点击插件后,搜索“WP Chinese Conversion”,并点击安装。

Snipaste 2020 07 29 22 46 41

安装好后,来到设置插件的页面。

在这里可以选择你想要切换的语言,以及表现方式。(也可以自定义“不切换(默认语言)”时的表现方式)

Snipaste 2020 07 29 22 51 39

下面也还有很多自定义选项,例如可以设定链接格式等,设定完后点击保存即可。

Snipaste 2020 07 29 22 56 32

2.添加至小工具栏目

2.1.修改function.php文件

我们可以通过小工具的功能添加插件到主页面。

我这次想把简繁切换的功能放在首页的右上方,可是目前小工具里可添加的区域只有Sidebar(侧边栏)和Footer Instagram(底栏)。

Snipaste 2020 07 30 23 07 12

因此我们可以通过修改function.php來添加header(顶栏)。

点击侧边的“外观”-“主题编辑器”,找到function.php文件。(提醒大家修改之前先做好备份哦!不然改错了没办法还原)

之后可以看到定义小工具的代码,定义Sidebar和Footer Instagram的代码已经有了。我们只要在自己添加一个定义header的就行了。

Snipaste 2020 07 30 21 51 51

像以下设置好你要添加的header。

name => 输入对应的模块名(header.php)以及WordPress主题名。

id => 输入对应的class id。

剩余的可以不用管。设置完之后点击保存。

Snipaste 2020 07 30 21 55 00

2.2.修改header.php文件

之后转换到header.php。

找到你想放置顶栏的位置,设置以下代码。点击保存。

Snipaste 2020 07 30 22 00 55

之后我们再来到小工具页面后就会发现多了header啦!

可以往header里添加你想要的小工具(大部分是你安装好的插件)。

在这里我就添加了Chinese Conversion。

Snipaste 2020 07 30 23 31 28

2.3.适当调整css

由于我们只添加了在插件里设置好的链接与文字,并还没有对字体的样式以及位置等做设定。

我们可以通过仪表板的自定义功能进行css编辑,来设定样式。

首先我们要先确定设置css的对象id(top-right)是否已经存在。

来到主页面,右键点击“检查”。

Snipaste 2020 07 30 23 35 04

会出现开发者工具,可以查看页面代码。

可以看到我们刚在header.php里添加的top-right已经存在于代码中。

Snipaste 2020 07 30 22 08 56

之后我们到仪表盘,进入自定义功能。

Snipaste 2020 07 30 22 11 37

进入自定义页面后,点击底下的“额外CSS”。

Snipaste 2020 07 30 22 12 17

就可以在这里设置top-right区域的样式啦!

由于我不打算更改字体以及颜色,所以只添加了向右对齐的定义。

大家可以更具自己的具体需要进行样式编辑。编辑完后记得保存。

(这个css也可以在通过style.css等文件进行编辑,但我比较懒,所以就在这里添加了)

Snipaste 2020 07 30 22 12 54

3.效果验证

那么我们来看看实际效果吧!

最初的默认字体是简体字,点击繁体之后~

Snipaste 2020 07 30 22 13 56

页面上所有文字就切换成繁体啦!

当然,再点击简体的话就可以切换回简体~

Snipaste 2020 07 30 22 14 27

 


 

以上就是制作网站简繁切换功能的方法咯~

希望可以帮到有需要的朋友!

Kikajia最近终于开设了FB粉丝专页!!

点赞即可追踪最新帖文哦!您的支持是我最大的动力(o^^o)