【2020年7月新】WordPress Elementor WPML 仿多语言企业站点超详细教程
时间：2023-04-23 23:48:01 | 来源：网站运营
时间：2023-04-23 23:48:01 来源：网站运营
【2020年7月新】WordPress Elementor WPML 仿多语言企业站点超详细教程：
这段时间用WordPress + Elementor + WPML 仿了一个多语言企业站。
下面这张图就是要仿的站点：
https://www.micro-mechanics.com/最后仿站呈现的效果：
http://www.sz-accurate.com.cn/下面就介绍一下整个过程：
- 基础环境安装（宝塔）
- WordPress安装（一键部署）
- 插件安装
- 网站内容上传（Elementor）
- 多语言部署（WPML）
- 切换域名上线，优化加速
1、基础环境安装（宝塔）
服务器已经准备Centos，直接SSH root登录即可
如果你是他服务器，请查看 宝塔linux面板，一键安装LAMP/LNMP/SSL/Tomcat
登录后下面的命令进行宝塔安装
yum install -y wget && wget -O install.sh http://download.bt.cn/install/install_6.0.sh && sh install.sh安装过程大概2min左右吧，等待就好，安装成功之后会显示如下界面：
接下来确认一下端口的开放，宝塔后台面板的默认端口是8888，需要开放改端口。
登录宝塔面板
同意用户协议
根据提示，一键安装推荐的LNMP
安装需要时间，耐心等待即可
安装完成后会提示你修改默认端口
这里建议在SSH中安装，执行下面的命令，强制修改默认端口，并重启面板，我这里改的8882端口（同时服务器防火墙要确认已开放该端口）
echo '8882' > /www/server/panel/data/port.pl && /etc/init.d/bt restart如果修改端口发现无法登录，执行下面的命令
iptables -I INPUT -p tcp -m state --state NEW -m tcp --dport 8882 -j ACCEPT重启一下宝塔面板
/etc/init.d/bt restart至此，宝塔环境已经安装完成。
（记得查看一下PHP版本，如果是5的版本最好升级到7）
2、一键部署WordPress
到宝塔的软件应用商店，搜索WordPress，点击一键部署
一键部署很快就会部署好，记录下这里提示的的数据库信息，后边注册WordPress的时候需要用到。
点击访问站点后面的连接访问，这里连接也可以直接用IP地址，在网站完成之后进行域名的切换。点击开始安装。
输入刚刚记录的数据库信息
没有报错，继续
输入网站基础信息，随便填，后面可以改，但要记住用户名密码。
成功，登录WordPress网站。
到这里WordPress安装已经完成
3、插件安装
网站用到的查看清单如下，想起的功能及费用我整理表格，在图片下方。
付费插件我基本都是上传安装，免费插件直接在线安装即可。
插件功能清单
4、Elementor 搭建模板和页面
1）模板搭建
我用Elementor的Theme Builder功能创建了如下模板：
- 新闻列表--single：新闻详情页模板
- 新闻列表--archive：这个不需要，我这里没有删除
- 产品列表--archive：产品列表详情页
- 搜素--archive：搜索页模板
- Product--single：产品详情页模板
- Footer--Footer：页脚模板
- Header--Hearder：页头模板
以上的模板是整站套用的，类似自定义了一个主题。
PS：在保存模板的时候一定要选择模板应用，如下图，新闻详情页模板就要选择应用到所有的新闻分类下的文章。
2）页面搭建
页面就直接新建，写好标题后，使用Elementor编辑即可。
3）产品上传
由于产品内容不多以图文为主，我在这里用文章来更新产品，只需要在文章分了下面新建一个产品分类，然后把所有产品信息都更新到这个分类下即可。
更新好产品后，在产品中心页面的Elementor编辑添加元素【post】元素，设置layout展示样式，提示一下这里需要在query中设置一下分类，不然新闻也会被展示出来。
4）新闻上传
新闻的上传方法同产品，在新闻中心页面的Elementor编辑添加元素【post】元素，在query中设置一下分类，选择新闻这个分类即可。
5）菜单制作
网站制作了4个菜单，一个主菜单，一个页脚菜单，还有产品侧边和页面侧边菜单。在菜单左侧选的对应的内容添加到菜单，然后拖拽顺序即可。
制作好菜单后，我们在模板中添加改菜单即可，用Header举例：
添加一个Nav Menu元素，在menu中选择对应的菜单即可。
5、多语言部署（WPML）
多语言的插件安装了2个
- WPML Multilingual CMS 多语言主插件实现多语言站点
- WPML String Translation 字符串翻译插件，实现Elementor的内容模板翻译，如果不安装这个插件，Elementor的模板无法被翻译。
1）配置多语言环境
网站主语言为中文，在WPML的语言中添加一个中文语言
不同语言采用不同的目录
语言切换器选项设置，缺少翻译就跳转到首页，这样，我们在某个页面点击语言切换器的时候，切换的语言没有该同样的页面，就会自动跳转到切换的语言首页。
在Header模板中添加语言切换器，我这里使用简码来添加，拖一个简码元素到Header模板中，并将[wpml_language_selector_widget]粘贴到文本框中，保存Header模板。
2)为页面和模板添加翻译
在后台页面列表中点击“+”翻译页面。
按照需要翻译的内容逐条翻译，翻译完成每项下面的勾勾上，帮助检查翻译进度。
完成后点击保存退出，切换顶部的语言，可以看到英文下会有对应语言页面。
4）文章及产品的翻译
文章和产品翻译，操作和页面一样，还是在后台的文章列表，点击语言+好添加对应的语言，这个站点英文站没有新闻，中英文产品也不一样，就没有做翻译。
英文的产品直接切换到英文下，进行更新录入的。
4）菜单翻译
在后台外观-菜单中选择对应的菜单，点击右上角的语言+号，添加这个菜单的翻译。
点击之后会切换到英文，这时候为这个菜单添加选项即可，还是从左侧进行添加，完成之后点击发布。
6、切换域名上线，网站优化加速
首先需要确认切换域名已经做好解析，指向当前网站服务器IP地址了。不然做了切换也无法访问。
可以通ping这个域名来确认一下。
1)切换域名
登录宝塔面板，打开站点管理，新建站点，按照下图提示填写，提交。
提交之后站点管理中会出现2个站点，都能访问到网站，清楚一下浏览器缓存，用心的域名访问站点。并尝试登录后台。
如果发现无法登录后台，有可能是修改域名数据中还是老域名，这时候2个方法解决：
一、用老域名登录网站后台，在设置-常规中修改域名为新的域名URL，点击提交。
二、直接修改数据库
宝塔面板的数据库管理，进入phpMyAdmin，数据库管理面板
找到对应的数据库下面的数据表 wp_options 修改表中 siteurl和home字段值，修改成新域名的URL。
修改之后，重新访问后台，可以直接进入。
进入之后需要在Elementor的【工具】选项中更新一下CSS样式，以防部分内容因为切换域名而加载不到。
2)优化加速
一、图片压缩（免费插件）
图片大小会影响网站的加载速度，我们除了在上传到网站之前需要进行压缩，使图片维持在200KB一下的标准，整体做好之后，可以通过插件再进行一次压缩。
安装EWWW Image Optimizer插件，安装后扫描，对扫描结果进行批量压缩即可，压缩前设置好你要压缩的尺寸，有三个选项可以选择。
也可以在媒体库中对单个文件进行压缩。
二、文件压缩及缓存（付费插件rocket）
安装插件并设置如下：
缓存设置
文件优化，所有都勾选即可
媒体设置，根据自己的需求，我这里没有内嵌和视频，所以主要是图片和emoji勾选。
其他都默认就可，设置好后会进行预缓存，预缓存之后建议重新生关键路劲CSS
重新生成CCS之后，在清楚一下缓存即可
至此网站就完成了！
以上内容如有侵权，请及时联系我，我会尽快处理！
在线咨询
