Elementor是一款网页设计生成器,通过‘拖放’来设计我们的站页面,不需要任何代码知识就能完全设计出精美并且响应式的页面,通过这个工具让很多小白都能实现自己外贸建站的想法。

Elementor Pro(专业版的elementor可以解锁全部的建站小工具和网页模板)

今天小编就来和大家讲讲怎么通过elementor来设计自己的网站页面,首先我们安装好WordPress,并且安装oceanwp主题(这个主题完美支持elementor工具)。通过后台添加插件来安装好我们的elementor插件。(这个插件大约有五百万的下载量了)

安装好后我们就可以在WordPress后台看到多了个elementor的选项菜单。这里我们不需要任何设置,直接创建一个新的Page页面,比如HomePage(填写好标题后,直接发布这个页面).这时候就会发现多了个‘Edit with Elementor  ’的按钮,我们直接点击这个按钮就进入这个工具的编辑页面。

Elementor编辑页面,左侧是小工具直接可以按住鼠标左键,然后拽到右侧的编辑区域进行编辑。比如图片,文字编辑器,slider,icon等小工具。

添加元素之前,首先我们要确定我们一行的列数,右侧页面编辑区域有个加号按钮。我们点击后可以确定我们一行要添加的列数。右侧小文件的按钮可以添加elementor网页模板(这个我们暂时不讨论)比如我们添加两列区域,直接选择第二个。如图所示。

确定好列数之后,我们就可以将小工具拖放到页面的区域。比如我们想在左侧添加一个文字板块,这时候我们就可以将左侧小工具中的,text editor工具拖拽到里面进行编辑。

编辑好内容后我们可以对文字进行设置,比如我们可以设置字体的样式,颜色,大小等。一个工具一般有三个区域,content,style,advanced三个设置部分

Content:板块内容的设置Style:内容的样式设置Avanced:内容间距,效果等的设置

通过这三个部分的设置,我们几乎完全对一个板块的任何样式以轻松设置。

免费版本的elementor使用的建站小工具是有限制的,付费版本的elementor可以解锁全部的小工具和网页模板。如果想用更多小工具的可以考虑购买专业版本的elementor。

原文来自邦阅网 (52by.com) - www.52by.com/article/44366

声明:该文观点仅代表作者本人,邦阅网系信息发布平台,仅提供信息存储空间服务,若存在侵权问题,请及时联系邦阅网或作者进行删除。

评论
登录 后参与评论
发表你的高见