宝塔 没有找到站点_【2020年7月新】WordPress Elementor WPML 仿多语言企业站点超详细教程...

这段时间用WordPress + Elementor + WPML 仿了一个多语言企业站。

下面这张图就是要仿的站点：https://www.micro-mechanics.com/

最后仿站呈现的效果：http://www.sz-accurate.com.cn/

下面就介绍一下整个过程：

1. 基础环境安装（宝塔）
2. WordPress安装（一键部署）
3. 插件安装
4. 网站内容上传（Elementor）
5. 多语言部署（WPML）
6. 切换域名上线，优化加速

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之后，在清楚一下缓存即可

至此网站就完成了！

以上内容如有侵权，请及时联系我，我会尽快处理！