[WordPress]如何通过插件实现网站简繁切换功能+添加小工具的方法

                           

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

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

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。

register_sidebar(array(   ‘name’ 　 => __(‘Header’, ‘arimolite’),   ‘id’ 　　=>   ‘header-main’,   ‘before_widget’ => ‘<div id=”%1$s” class=”widget %2$s”>’,   ‘after_widget’ => ‘</div>’,   ‘before_title’ 　 => ‘<h4 class=”widget-title”>’,   ‘after_title’ 　 => ‘</h4>’ ));

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

2.2.修改header.php文件

之后转换到header.php。

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

<div class=”top-right”>   <?php dynamic_sidebar(‘header-main’); ?> </div>

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

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

在这里我就添加了Chinese Conversion。

2.3.适当调整css

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

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

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

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

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

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

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

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

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

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

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

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

3.效果验证

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

最初的默认字体是简体字，点击繁体之后～

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

当然，再点击简体的话就可以切换回简体～

 

---

 

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

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