WordPress与Elementor结合:构建无与伦比的网页体验

WordPress插件Elementor

对于许多使用 WordPress 构建网站的人来说,缺乏编程技能可能使得创建一个专业的网站变得困难。但幸运的是,借助像 Elementor 这样的页面构建器插件,可以轻松实现这个目标。在本教程中,我们将介绍如何使用 Elementor 快速上手,并结合 WordPress 的建站流程,让你的网站设计更加自由和灵活。

Elementor介绍

什么是Elementor
Elementor 是一款功能强大的 WordPress 插件,专为那些不具备编程技能的用户设计。它通过直观的拖放界面,使得网页编辑变得简单易行。拥有超过 300 个模块、90 多个小部件和丰富的模板库,Elementor 大大提升了建站效率,降低了建站难度。作为目前最受欢迎的 WordPress 可视化编辑器插件之一,它的操作简便且功能强大。

我们可以看下官方提供的视频:

Elementor的特点

  • 通过专业功能和 100 多个小部件来满足您的需求,获得无限的设计灵活性。
  • 可视化编辑,直观的拖放界面,易于使用。
  • 丰富的元素库,包括文本、图像、按钮、表格、进度条等。
  • 支持实时预览,可以随时查看页面效果。
  • 支持响应式设计,可以轻松创建适应不同设备的页面。
  • 支持自定义CSS和JavaScript代码,可以满足高级用户的需求。

Elementor免费版和高级版的区别

功能ElementorElementor Pro
Drag & Drop Editor 拖放编辑器
Widgets 微件3090+
Theme Builder 主题编辑器
Premium Support 高级支持
Mobile Editing 移动端编辑
300+ Pro Templates & Blocks 模版
Custom Fonts & Adobe TypeKit 定制字体
Sliders & Carousels 幻灯片和轮播
Custom CSS 自定义CSS
Scrolling Effects 滚动效果
Animated Headlines 动画标题
Flip Box 翻转
Popup Builder 弹窗设计
Sticky Elements 固定元素
Social Buttons & Integrations 社交分享按钮
Social Proof Widgets
Call To Action Widget CTA微件
Form Widget 表格微件
Theme Elements 主题元素
Display Conditions 展示设置
Header And Footer 页眉和页脚
Sticky Header 固定页眉
404 Page 404页面
Single Post 文章单页
Archive Page 聚合页
Role Manager 编辑器角色
Contact Forms 联系表单
Subscription Forms 订阅表单
Login Form 登录表单
Action After Submit & Redirect 提交操作&重定向

Elementor Pro提供了更多的模版库

ElementorPro模版库

Elementor Pro提供了主题生成器

ElementorPro生成器
Elementor的安装和配置
elementor插件安装

Elementor的安装非常简单,只需要在WordPress后台插件库里面搜索Elementor插件并安装即可。另外 Elementor还有许多的配套的插件功能来丰富网站的功能。

关于Elementor的设置

elementor禁用google字体

这里有个小知识屏蔽Google Font字体的使用,可以加速网页的打开速度哦。

Elementor基础使用教程
elementor编辑

点击页面/文章 – 新增 – 创建一个新的页面/文章

elementor编辑

使用Elementor页面编辑器,如果你感觉Elementor打开速度有点慢,不妨看看《安装过程中白屏解决方案》这篇文章,到底发生了什么?

elementor容器

点击左上角的“+”号按钮,将 “容器” 拖拽到右侧的小部件虚线框内。

elementor拖拽修改内容

再点左上角“+”号,将 “标题” 拖拽到 “容器” 中。在左侧可以修改页面标题的内容,字体大小,色号等等。你可以继续点“+”号根据你的需要进行添加。

elementor页面预览

当你想要查看页面效果是,点击右上角“发布” 按钮右侧“向下箭头”,点击“查看页面”进行预览。

Elementor使用教程

上图是未发布状态下的预览图。如果你已经编辑完此页可以点击发布,就完成了页面/文章的编辑。是不是很简单?

就如我之前提到的《WordPress魔法时刻3分钟建站》最后提到的总结,用WordPress建站、导入模版、安装插件、Elementor编辑页面最基础的部分是挺简单的,但如果要做好一个完整的网站,并且是高质量内容能让SEO收录和排名是需要一个挺漫长的过程。如果在这过程中遇到任何问题,欢迎在评论区留言或者联系我们。

转载:感谢您对本站的认可,非常欢迎各位朋友分享到个人站长或者朋友圈,但转载请说明文章出处 “来源wordpress建站 - 漾动网络”

5 1 投票
文章评分
订阅评论
提醒
0 评论
最旧
最新
内联反馈
查看所有评论
wordpress建站广告宣传图

Get Your Free Demo Free Demo

Sign Up to Sitech