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 专业教程 9 - Animated Headline小工具的设置和使用方法 - 特色图片
Elementor 专业教程 9 - Animated Headline小工...
Wordpress插件与设计 - Elementor 基础教程 2 - 内部区段 小工具的使用方法 - 特色图片
Elementor 基础教程 2 - 内部区段 小工具的使用...
Wordpress插件与设计 - Elementor 专业教程 16 - Testimonial Carousel小工具的设置和使用方法 - 特色图片
Elementor 专业教程 16 - Testimonial Carousel...
Wordpress插件与设计 - Elementor 专业教程 1 - Post小工具的设置和使用方法 内容标签篇 - 特色图片
Elementor 专业教程 1 - Post小工具的设置和使...
Wordpress插件与设计 - Elementor 专业教程 28 - Code Highlight小工具的设置和使用方法 - 特色图片
Elementor 专业教程 28 - Code Highlight小工具...
Wordpress插件与设计 - Elementor 基础教程 16 - 图标列表小工具的设置和使用方法 - 特色图片
Elementor 基础教程 16 - 图标列表小工具的设置...
Wordpress插件与设计 - WP教程 32 - 一文搞定WP设置功能!让设置不再是你的难题 - 特色图片
WP教程 32 - 一文搞定WP设置功能!让设置不再是...
Wordpress插件与设计 - Elementor 基础教程 7 - 分割线小工具的设置和使用方法 - 特色图片
Elementor 基础教程 7 - 分割线小工具的设置和...
Wordpress插件与设计 - Elementor 基础教程 3 - 标题小工具的设置和使用方法 - 特色图片
Elementor 基础教程 3 - 标题小工具的设置和使...
Wordpress插件与设计 - Elementor 专业教程 24 - Facebook Embed小工具的设置和使用方法 - 特色图片
Elementor 专业教程 24 - Facebook Embed小工具...
已阅读 文章一览
没有找到更多文章
站长 推荐
副业项目 与技能
from-keywords-to-content-optimization-seo-strategy tumnail

从关键词到内容优化,提升博客流量的SE...

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

Elementor 基础教程 12 - 图标框小工具...

Wordpress插件与设计 - WP教程 16 - 一步步教你如何创建诱人的导航菜单 - 特色图片

WP教程 17 - 轻松添加和编辑小工具,让...

Wordpress插件与设计 - WP教程 18 - 设置自定义静态首页,打造吸引眼球的网站门面! - 特色图片

WP教程 18 - 设置自定义静态首页,打造...

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

Elementor 基础教程 22 - 切换小工具的...

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

Elementor 基础教程 17 - 计数器小工具...

Wordpress插件与设计 - Elementor 专业教程 14 - Call To Action小工具的设置和使用方法 - 特色图片

Elementor 专业教程 14 - Call To Acti...

AI工具 与服务
YYP-2024-07-04-12-42-18

Neural Newsletters - AI专属编辑,2分...

AI工具与服务推荐 - Chat D-ID - AI虚拟人物对话平台 - 特色图片

MyHeritage - 创新AI聊天技术,让虚拟...

AI工具与服务推荐 - IMI Prompt - AI提示词生成器 - 特色图片

Prompt Genie - Midjourney v5全面提示...

AI工具与服务推荐 - My Digital CMO - 营销策略制定工具 - 特色图片

My Digital CMO - 构建全面的数字营销...

AI工具与服务推荐 - RTILA - 网络自动化工具 - 特色图片

RTILA - 网络自动化工具,数据抓取、监...

AI工具与服务推荐 - 序列猴子·奇妙文 - AI智能写作助手 - 特色图片

序列猴子·奇妙文 - AI智能文案创意写作...

Canva教程 与技巧
Canva使用教程 - Canva 新手指南 1 - 全面解析Canva文本框的基本功能! - 特色图片

Canva新手指南1 - 全面解析Canva文本框...

Canva使用教程 - Canva 新手指南 3 - 无需编程!用Canva创建专业一页式网站的指南 - 特色图片

Canva新手指南3 - 无需编程!用Canva创...

Canva使用教程 - Canva 新手指南 9 - 如何巧妙地利用建组功能,让你的设计效率翻倍! - 特色图片

Canva 使用教程 9 - 如何巧妙地利用建...

Canva使用教程 - Canva 新手指南 6 - 无需专业软件!用Canva制作高质量动态视频 - 特色图片

Canva新手指南6 - 无需专业软件!用Can...

Canva使用教程 - Canva 相关教程 3 - 设计初体验!用Canva打造你的第一个创意作品 - 特色图片

Canva 相关教程 3 - 设计初体验!用Can...

Canva使用教程 - Canva 新手指南 2 - 告别PS!全面解析Canva 图像编辑功能及其使用方法 - 特色图片

Canva新手指南2 – 告别PS!全面解析Can...

社媒运营 与营销
社媒运营推广 - Youtube - 如何正确选择一款适合自己的视频编辑软件? - 特色图片

如何正确选择一款适合自己的视频编辑软...

社媒运营推广 - Youtube - 将爱好转为事业!通过YouTube频道赚钱的秘诀 - 特色图片

将爱好转为事业!通过YouTube频道赚钱...

社媒运营推广 - Youtube - 特色图片设计终极指南,打造吸睛的视频门面! - 特色图片

缩略图设计终极指南,打造吸睛的视频门...

社媒运营推广 - Youtube - YouTube Shorts!解析短视频创作和收益的秘密 - 特色图片

YouTube Shorts!解析短视频创作和收益...

社媒运营推广 - Youtube - 从零到一!创建YouTube频道并上传视频的全流程 - 特色图片

从零到一!创建YouTube频道并上传视频...

社媒运营推广 - Youtube - 从0到10万!12个实用技巧快速提升YouTube频道的订阅量 - 特色图片

从0到10万!12个实用技巧快速提升YouTu...

AI工具 分类筛选
AI Main Category checkbox