最近来自香港和台湾的朋友变多了~于是就添加了一个能够简繁切换的功能。
希望以下经验可以帮助到各位哦!
Contents
1.安装插件WP Chinese Conversion
首先先到WordPress的后台仪表盘。
点击插件后,搜索“WP Chinese Conversion”,并点击安装。
安装好后,来到设置插件的页面。
在这里可以选择你想要切换的语言,以及表现方式。(也可以自定义“不切换(默认语言)”时的表现方式)
下面也还有很多自定义选项,例如可以设定链接格式等,设定完后点击保存即可。
2.添加至小工具栏目
2.1.修改function.php文件
我们可以通过小工具的功能添加插件到主页面。
我这次想把简繁切换的功能放在首页的右上方,可是目前小工具里可添加的区域只有Sidebar(侧边栏)和Footer Instagram(底栏)。
因此我们可以通过修改function.php來添加header(顶栏)。
点击侧边的“外观”-“主题编辑器”,找到function.php文件。(提醒大家修改之前先做好备份哦!不然改错了没办法还原)
之后可以看到定义小工具的代码,定义Sidebar和Footer Instagram的代码已经有了。我们只要在自己添加一个定义header的就行了。
像以下设置好你要添加的header。
name => 输入对应的模块名(header.php)以及WordPress主题名。
id => 输入对应的class id。
剩余的可以不用管。设置完之后点击保存。
2.2.修改header.php文件
之后转换到header.php。
找到你想放置顶栏的位置,设置以下代码。点击保存。
之后我们再来到小工具页面后就会发现多了header啦!
可以往header里添加你想要的小工具(大部分是你安装好的插件)。
在这里我就添加了Chinese Conversion。
2.3.适当调整css
由于我们只添加了在插件里设置好的链接与文字,并还没有对字体的样式以及位置等做设定。
我们可以通过仪表板的自定义功能进行css编辑,来设定样式。
首先我们要先确定设置css的对象id(top-right)是否已经存在。
来到主页面,右键点击“检查”。
会出现开发者工具,可以查看页面代码。
可以看到我们刚在header.php里添加的top-right已经存在于代码中。
之后我们到仪表盘,进入自定义功能。
进入自定义页面后,点击底下的“额外CSS”。
就可以在这里设置top-right区域的样式啦!
由于我不打算更改字体以及颜色,所以只添加了向右对齐的定义。
大家可以更具自己的具体需要进行样式编辑。编辑完后记得保存。
(这个css也可以在通过style.css等文件进行编辑,但我比较懒,所以就在这里添加了)
3.效果验证
那么我们来看看实际效果吧!
最初的默认字体是简体字,点击繁体之后~
页面上所有文字就切换成繁体啦!
当然,再点击简体的话就可以切换回简体~
以上就是制作网站简繁切换功能的方法咯~
希望可以帮到有需要的朋友!
Kikajia最近终于开设了FB粉丝专页!!
点赞即可追踪最新帖文哦!您的支持是我最大的动力(o^^o)