tips
教程需要,本站采用的国外服务器,国内访问较慢,感谢耐心等待。

自带Elementor Pro的WordPress网站

Elementor Cloud Website
使用教程

Elementor Cloud Website介绍

Elementor Cloud Website是Elementor推出的一个网站托管服务,Elementor是WordPress平台上非常出名的页面构建器,你所看到的ELE教程网就是使用的Elementor Cloud Website配合Elementor构建器搭建制作的。

购买Elementor Cloud Website搭建网站

一、购买服务

首先,点击这里进入Elementor官网,购买Elementor Cloud Website服务。

购买ele云网站

点击Buy Now按钮,正好赶上Elementor的生日促销,Elementor云网站仅需69一年,而单买Elementor Pro都需要49美元一年,相当划算。

elementor云网站结账页面。

创建或者登录账号进行结账,结账之前还需要填写第三步的账单信息billing info。

只需要填写上对应的资料即可,不一定需要真实的,Optional的为选填项目。

接着选择PayPal付款支付。

 

二、创建网站

当你成功支付之后,会跳转到创建网站的引导界面。

1、在这个界面需要填写一个网站名称,随便填写一个就行,不影响绑定自己的域名网站。

给elementor创建名称

2、然后会根据你命名的生成一个临时域名,你也可以自己修改这个临时域名为其他的。

elementor临时域名

3、然后会让你选择准备搭建的网站类型,便于给你推荐预装模板。

选择搭建的网站类型

4、如果有你觉得正好中意的模板,就选择,没有的话就点击右下角跳过按钮,从零开始自己设计。

跳过模板选择

接着就会进入网站安装过程,我们只需要静静等待即可。

安装WordPRess网站

当安装完毕后,点击按钮进入My Elementor后台,可以看到控制选项,如下图:

Elementor控制选项

Open WP dashboard就是打开WordPress后台。

Edit with Elementor就是直接进入了Elementor编辑界面。

Manage this website就是管理你购买的云网站的后台。

三、管理网站

我们先点击Manage this website进入网站管理界面,然后点击Manage Domains右上角的加号给网站绑定域名。

给Elementor Cloud Website绑定域名

当然,如果你还没有注册域名,那么也可以先用提供的临时域名去管理你的WordPress网站,不过为了避免万一出现后面绑定域名网站上还有临时网址的情况(几率很小),还是建议先把域名绑定了来。

Elementor Cloud Website域名解析记录。

上图是Elementor Cloud Website给你的域名解析记录的值。先复制下来备用。然后点击下一步。

如果你还没有域名,请参见奶爸建站笔记的域名专题里面的教程先去注册一个。

填写上你的域名,不需要输入www.,然后点击Connect my domain按钮。

绑定域名在Elementor Cloud Website

添加域名解析记录后最晚可能需要48小时生效,ELE教程网域名是使用的cloudflare的域名解析服务,解析记录如下图:

Elementor Cloud Website

这里添加解析记录有两种方式,一种是添加A记录,就是填写分配给你的IP地址,另外一种就是CNAME记录,ELE教程网这里是采用的CNAME记录方式。

部分域名服务商不支持不带www.的主域名添加CNAME的记录,那么就把不带www.的记录值改成A记录,后面填写IP地址就OK了。

Elementor Cloud Website域名解析生效状态

域名填写正确后,全球解析生效需要一定时间,期间Elementor Cloud Website会自动检测域名解析情况,并且自动安装SSL安全证书。在域名解析没生效期间,你可以先看看后面的教程,提前熟悉下整个流程,避免盲目的自己操作而走了弯路。

继续学到更多

更多关于Elementor Cloud Website、Elementor和WordPress的知识,请访问博客查看。
推荐

#!trpst#trp-gettext data-trpgettextoriginal=578#!trpen#發佈留言#!trpst#/trp-gettext#!trpen#

#!trpst#trp-gettext data-trpgettextoriginal=577#!trpen#發佈留言必須填寫的電子郵件地址不會公開。#!trpst#/trp-gettext#!trpen# #!trpst#trp-gettext data-trpgettextoriginal=572#!trpen#必填欄位標示為 *#!trpst#/trp-gettext#!trpen#