小Q的博客

  • 首页
  • net编程
    • 产品和框架
    • 开发实例
    • 经验技巧
    • 开源组件
  • wp独立站
  • 自媒体
  • 日记本
  • 工具箱
每个程序员,都应该有一个自己的博客站
  1. 首页
  2. wp独立站
  3. 正文

WordPress中Elementor教程 常规元素示例

2023年4月3日 1596点热度 1人点赞 0条评论

继续讲解WordPress中Elementor插件的各元素用法,今天要讲的是常规面板里的。这个面板里提供的元素,都是比较常用的元素,功能都很实用。下面也做个简单介绍,如果功能简单,直接看效果图就行。

 

Table of Contents

Toggle
  • 1、图像框
  • 2、图标框
  • 3、星级
  • 4、图像幻灯器
  • 5、基本图库
  • 6、图标列表
  • 7、计数器
  • 8、进度条
  • 9、证明
  • 10、标签
  • 11、手风琴
  • 12、切换
  • 13、社交图标
  • 14、警告
  • 15、SoundCloud
  • 16、简码
  • 17、Html
  • 18、菜单锚点
  • 19、侧边栏
  • 20、阅读更多
  • 21、文本类型

1、图像框


就是加载一张图片,同时可以编辑它的标题和副标题。

2、图标框


图片换成了图标,适合一些简短的卡片服务

3、星级


就是淘宝、京东等电商平台上给产品打星的那个控件。

4、图像幻灯器


和之前讲过的Slides类似,用于图片浏览

5、基本图库


也是用于图片展示。

6、图标列表


相当于Winform中的ListView控件,Detail模式下。

7、计数器


只有一个计时的计时器。虽然前面和后面都可以加自定义的文字,但效果没有前面专业版里的好。

8、进度条


这个感觉比专业版里的效果好,能设置当前进度和显示文字。

9、证明


这个元素和之前的“Testimonial Carousel”元素差不多。区别就是后面这个可以轮播评论,这个不行。

10、标签


相当于Winform中的TabControl控件,可以加载多个TabPage子面板。子面板是个富文本编辑框,需要自己写代码才可以

11、手风琴


相当于Winform中的Accordion控件,与”标签“元素类似。内容也是自己需要写代码加载的

12、切换


这就是”切换“元素的效果图。

13、社交图标


内置3个社交平台的图标,也可以自己加载新的。

14、警告


就是一个警告,相当于Winform中的MessageBox.Show()方法

15、SoundCloud


加载一段音频,只需提供一个Url地址即可

16、简码


这个功能其实很实用,它可以直接引用别的元素。再深入点说,每个元素,制作完成后都可以输入一个CssId的标识码,相当于元素名称吧。然后用这个元素引用到其他页面里。

17、Html


就是能够插入一段Html代码的元素,好坏美丑全凭自己发挥

18、菜单锚点


快速定位。同一页面里从一个位置跳转到另一个位置

19、侧边栏


可以理解为一个容器,可以加载主侧边栏

20、阅读更多


这个元素有使用限制,只能在特定场合下使用。所以使用率不高

21、文本类型

就是提供一个文本框,但输出可以是弧型等

下面看下效果图

标签: Elementor教程 WordPress教程 常规面板
最后更新:2023年4月3日

小Q

80后中年不油腻大叔,喜欢编写代码、打羽毛球、做木制玩具。目前定居浙江杭州

打赏 点赞
< 上一篇
下一篇 >

文章评论

razz evil exclaim smile redface biggrin eek confused idea lol mad twisted rolleyes wink cool arrow neutral cry mrgreen drooling persevering
取消回复

COPYRIGHT © 2022 小Q的博客. ALL RIGHTS RESERVED.

Theme Kratos Made By Seaton Jiang

浙ICP备2022019157号-2