Wordpress插件与设计 - Elementor 基础教程 27 - HTML小工具的设置和使用方法 - 特色图片

Elementor 基础教程 27 - HTML小工具的设置和使用方法

Elementor 小工具可以轻松地将HTML代码添加到页面中。

HTML代码小工具非常强大,它不仅可以添加HTML代码,还可以添加自定义的JavaScript或CSS代码,甚至嵌入第三方服务的图像、视频,以及联盟营销链接代码等。

本教程将说明HTML小工具的使用方法。

Elementor HTML小工具

首先,将HTML小工具拖放到编辑栏内,如下图所示:

拖放小工具到编辑栏后,可以看到以下画面。

1.HTML小工具的内容标签

HTML小工具只有HTML代码设置项。下面就列举几个HTML小工具的使用案例。

① 写入文本内容

上图中输入了最基本的HTML代码以及CSS装饰。

② 插入script

上图中输入了最简单的Script通知。

③ 联盟营销横板链接

上图中输入了联盟营销网站提供的横板链接。输入后可展示横板内容。

以上三点是HTML小工具的常用方法。在设计网页时,虽然拖拽式的网页制作方法简单,但有些功能用HTML或者Script来写会更方便。

如果您对HTML或者CSS不是很清楚,可以不用此工具。

2.HTML小工具的高级设置

高级设置是所有小工具通用的设置项,具体功能设置和使用方法请阅读《Elementor通用教程 – 高级标签的设置和使用方法

以上就是HTML小工具的使用方法说明。

希望本内容对您使用Elementor有所帮助。

用户评论
{{ reviewsTotal }}{{ options.labels.singularReviewCountLabel }}
{{ reviewsTotal }}{{ options.labels.pluralReviewCountLabel }}
{{ options.labels.newReviewButton }}
{{ userData.canReview.message }}
副业时代 站内使用 图像内容 LOGO图像 4
fuyeshidai

做点副业,为生活加点料

相关 文章
Wordpress插件与设计 - Elementor 专业教程 1 - Post小工具的设置和使用方法 内容标签篇 - 特色图片
Elementor 专业教程 1 - Post小工具的设置和使用方法 内容标签篇
Wordpress插件与设计 - Elementor 基础教程 30 - 阅读更多小工具的设置和使用方法 - 特色图片
Elementor 基础教程 30 - 阅读更多小工具的设置和使用方法
Wordpress插件与设计 - WP教程 31 - 不可不知的WP工具功能,让站点管理和维护更高效! - 特色图片
WP教程 31 - 不可不知的WP工具功能,让站点管理和维护更高效!
Wordpress插件与设计 - Elementor 通用教程 1 - 全局颜色和全局字体的设置方法 - 特色图片
Elementor 通用教程 1 - 全局颜色和全局字体的设置方法
Wordpress插件与设计 - WP教程 8 - 掌握文本和按钮链接的设定及使用方法 - 特色图片
WP教程 8 - 掌握文本和按钮链接的设定及使用方法
Wordpress插件与设计 - WP教程 18 - 设置自定义静态首页,打造吸引眼球的网站门面! - 特色图片
WP教程 18 - 设置自定义静态首页,打造吸引眼球的网站门面!
Wordpress插件与设计 - Elementor 基础教程 16 - 图标列表小工具的设置和使用方法 - 特色图片
Elementor 基础教程 16 - 图标列表小工具的设置和使用方法
Wordpress插件与设计 - Elementor 基础教程 13 - 星级小工具的设置和使用方法 - 特色图片
Elementor 基础教程 13 - 星级小工具的设置和使用方法
Wordpress插件与设计 - JetEngine 使用教程 2 - Custom Taxonomies的制作和设置以及使用方法 -特色图片
JetEngine 使用教程 2 - Custom Taxonomies的制作和设置以及使用方法
Wordpress插件与设计 - Elementor 专业教程 12 - Price Table小工具的设置和使用方法 - 特色图片
Elementor 专业教程 12 - Price Table小工具的设置和使用方法
快速 搜索
站长 推荐
副业时代 站内使用 推广图像 - PR-image.webp

Elementor

建站必备插件推荐
Elementor是一款WordPress平台上的可视化页面构建器插件,无需编程即可设计网页

访问官网
副业时代 站内使用 推广图像 - PR-image.webp

Astra Theme

建站主题推荐
Astra Theme是一个快速、轻量级且高度可定制的WordPress主题,适合各种网站

访问官网
副业时代 站内使用 推广图像 - PR-image.webp

Crocoblock

建站功能插件推荐
Crocoblock是一系列高功能的Elementor附加插件,用于创建动态内容和专业级网站

访问官网
副业时代 站内使用 elementor 免费教程 横板图像 - image-2.webp

Elementor Free Widget

Elementor 免费版小工具
是设计网页时所需的基础类工具。
大约包含30多个小工具

访问课程页
副业时代 站内使用 elementor 专业教程 横板图像 - image-2.webp

Elementor Pro Widget

Elementor 专业版小工具
是面向专业熟练用户的高级设计套件。
大约包含30多个小工具

访问课程页
已阅读 文章
您还没有阅读任何文章
AI Tools Post
AI工具与服务推荐 - Moonvalley - AI视频生成工具 - 特色图片
Moonvalley - 文本秒变视频动画,电影级视觉触手可及
AI工具与服务推荐 - Vengreso FlyMSG - AI生产力工具 - 特色图片
FlyMSG - AI生产力工具,自动化书面文字处理,节省时间精力,提高产出
AI工具与服务推荐 - 画宇宙 - AI创作平台 - 特色图片
HuaYuZhou - AI绘画,随心所欲,创意无极限!
AI工具与服务推荐 - Tensor.Art - AI模型分享平台 - 特色图片
Tensor.Art - AI唤醒创造力,赋予艺术全新生命!
AI工具与服务推荐 - 小莫写作 - AI写作助手 - 特色图片
小莫写作 - 新一代AI写作助手,精通提纲、续写、改写等多种功能
AI工具与服务推荐 - Moonlander - AI游戏开发平台 - 特色图片
Moonlander - AI游戏开发平台,快速构思,领先一步
Canva Post
Canva使用教程 - Canva 新手指南 6 - 无需专业软件!用Canva制作高质量动态视频 - 特色图片
Canva新手指南6 - 无需专业软件!用Canva制作高质量动态视频
Canva使用教程 - Canva 新手指南 2 - 告别PS!全面解析Canva 图像编辑功能及其使用方法 - 特色图片
Canva新手指南2 – 告别PS!全面解析Canva 图像编辑功能及其使用方法
Canva使用教程 - Canva 新手指南 5 - 掌握Docs的功能和技巧,使文档创作更简单! - 特色图片
Canva新手指南5 - 掌握Docs的功能和技巧,使文档创作更简单!
Canva使用教程 - Canva 新手指南 4 - 告别平庸!用Canva打造与众不同PPT演示文稿 - 特色图片
Canva新手指南4 – 告别平庸!用Canva打造与众不同PPT演示文稿
Canva使用教程 - Canva 新手指南 1 - 全面解析Canva文本框的基本功能! - 特色图片
Canva新手指南1 - 全面解析Canva文本框的基本功能!
Canva使用教程 - Canva 相关教程 3 - 设计初体验!用Canva打造你的第一个创意作品 - 特色图片
Canva 相关教程 3 - 设计初体验!用Canva打造你的第一个创意作品
Smm Post
社媒运营推广 - Youtube - 特色图片设计终极指南,打造吸睛的视频门面! - 特色图片
缩略图设计终极指南,打造吸睛的视频门面!
社媒运营推广 - Lemon8 - 一文带你解析海外版小红书Lemon8!Z世代的社交新宠,品牌营销新阵地! - 特色图片
一文带你解析海外版小红书Lemon8!Z世代的社交新宠,品牌营销新阵地!
社媒运营推广 - Youtube - YouTube频道交易的大揭秘:机遇还是陷阱?你需要知道的一切都在这里! - 特色图片
YouTube频道交易的大揭秘:机遇还是陷阱?你需要知道的一切都在这里!
社媒运营推广 - Youtube - 一文读懂YouTube Premium会员权益!让你不再犹豫 - 特色图片
一文读懂YouTube Premium会员权益!让你不再犹豫
社媒运营推广 - Youtube - 新手必看!解锁YouTube视频广告投放优化技巧,提升转化率 - 特色图片
新手必看!解锁YouTube视频广告投放优化技巧,提升转化率
社媒运营推广 - Youtube - 将爱好转为事业!通过YouTube频道赚钱的秘诀 - 特色图片
将爱好转为事业!通过YouTube频道赚钱的秘诀
AI工具 分类筛选
AI Main Category checkbox