如何在Elementor网站中添加区块标题?
给Elementor网站添加区块标题的简便方法
方法一:用Elementor自带标题组件(零代码最省心)
- 打开Elementor编辑器:进入WordPress后台,找到要编辑的页面/帖子,点击「用Elementor编辑」。
- 添加标题组件:在左侧组件面板搜索「标题」,直接拖拽到你需要放区块标题的位置。
- 自定义样式:右侧面板里可以直接修改标题文本、字体、大小、颜色、对齐方式,还能选择H1-H6的层级,甚至添加边框、间距这类装饰效果,全程可视化操作,不用写一行代码。
方法二:自定义HTML实现特殊样式(灵活度更高)
如果需要带特殊设计的标题,比如侧边线、图标搭配或者特殊排版,用这个方法:
- 添加HTML组件:从左侧面板拖拽「HTML」组件到目标位置。
- 输入标题代码:在编辑器里写入类似这样的代码:
<h3 class="my-section-title">我的自定义区块标题</h3>
- 添加自定义样式:在Elementor的「自定义CSS」面板(页面设置中可找到),给这个类编写样式,比如:
.my-section-title { color: #2d3748; border-left: 4px solid #4299e1; padding-left: 12px; margin-bottom: 24px; }
小技巧:复用标题样式
如果经常用到同一种风格的区块标题,右键点击设置好的标题组件,选择保存为「模板」,下次直接从模板库拖拽出来就能用,省去重复调整样式的麻烦。
内容的提问来源于stack exchange,提问作者Stefanie Adler
相关产品推荐
相关产品推荐

