WordPress和Elementor建站零基础新手指南

Elementor是一个神奇的WordPress插件,让你能够不写一行代码就能打造漂亮的自定义页面。它提供了一个简单的拖放界面和大量的设计元素,帮助你迅速搭建出专业级的网站页面。Elementor分为免费版和Pro版:免费版覆盖了所有基础功能和元素;Pro版则提供了更多高级选项和更丰富的元素库。接下来,我们将通过这篇文章,向新手介绍如何使用Elementor从零开始建站。

图片[1]-WordPress和Elementor建站零基础新手指南-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

Elementor官网:https://elementor.com/

1、安装Elementor

安装Elementor超级容易,只需到WordPress的插件库里找到Elementor插件,点安装就行了。

图片[2]-WordPress和Elementor建站零基础新手指南-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

2、配置Elementor

装好后,你需要做点基础设置,比如挑选默认的字体、颜色和按钮的外观。

图片[3]-WordPress和Elementor建站零基础新手指南-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

3、 创建新页面

用Elementor新建页面很简单,就在WordPress后台点击“新建页面”,然后选“用Elementor编辑器编辑”就可以了。

图片[4]-WordPress和Elementor建站零基础新手指南-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

4、添加元素

创建页面并开始用Elementor编辑后,你就会看到Elementor的设计界面,如图所示:

Elementor有很多现成的设计元素,像是标题、文本、图片、按钮、表格和进度条等等。你只需要用鼠标拖拽,就能轻松把这些元素放到你的页面上。

图片[5]-WordPress和Elementor建站零基础新手指南-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

5、调整元素样式

Elementor还有很多样式设置,比如改变字体、颜色、边框和阴影等。你可以利用这些功能来调整元素的外观,让它们更贴合你的风格。

图片[6]-WordPress和Elementor建站零基础新手指南-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

不同的设计元素能设置的选项也是不一样的。比如说,如果我们用标题元素作例子,在切换到“样式”选项卡后,你可以改变文本的颜色,在“排版”设置里,还能调整字体、字号、行距等。

图片[7]-WordPress和Elementor建站零基础新手指南-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

高级设置面板,可以调整这个元素的布局,常见的就是调整外距和内距。

6、预览和发布页面

当你用Elementor来设计页面的时候,随时可以预览页面看起来怎样。页面做好了之后,就可以发布到你的WordPress网站上去。

这里有个小提示:如果你是按照这篇Elementor教程创建页面,然后点击了“用Elementor编辑”按钮,我们建议你先点击“保存为草稿”。

图片[8]-WordPress和Elementor建站零基础新手指南-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

然后左上角选择三条横杠按钮之后,退出到WordPress后台页面。

图片[9]-WordPress和Elementor建站零基础新手指南-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

创建页面前因为没有修改标题,直接点击了使用Elementor编辑,所以回到页面之后,我们需要修改页面标题、修改URL,然后再发布。

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容