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

Elementor 专业教程 26 - Template小工具的设置和使用方法

Elementor Template小工具是一个允许你在网站上添加任意自定义模板的工具。使用它,你可以在网站上添加包括网页、段落、页头、页脚等的任何自定义模板。

另外,你还可以在Elementor模板库中搜索和下载数以百计的免费和付费的高质量模板,以便快速创建具有专业水准的网站页面或模板。

所以,善用Template小工具可以提高制作网站的速度,且能快速创建富有创意的网站设计。

本篇教程将教你如何使用Template小工具。

Elementor Template小工具

首先,将Elementor Template小工具拖放到编辑栏内。如下图:

拖放小工具到编辑栏后,你会看到如下画面:

可以看到Elementor Template小工具只有内容标签,并且只有”Choose Template”选项。

这是因为Template小工具是专为导入模板并显示模板设计的,所以需要指定一个模板才能显示该模板的内容。简单来说,Template小工具就像一个影音播放器,而模板就是视频或音频文件。

接下来,我们将说明如何创建一个模板。

1. 创建Elementor模板

要制作Elementor模板,首先需要在后台模板中创建一个模板。如下图:

在Wordpress的后台页面,点击Elementor的“模板”按钮,然后点击上方的“添加新模板”。

在弹出的选项框中,选择模板类型为“Section”,为模板自定义名称,然后点击创建模板。

模板命名应便于记忆或整理。

在弹出的模板库中,你可以选择其中的设计来快速创建模板。但如果你想自定义设计模板,点击右上方的“×”关闭即可。本教程选择自定义设计,所以关闭了模板库。

关闭模板库后,你就进入了Elementor的编辑画面。

2.设计Elementor模板

进入Elementor编辑页面后,在编辑区域中创建一个包含两个编辑栏的段落。如下图:

创建了编辑栏后,在左边的编辑栏内分别拖放“标题小工具”和“文本编辑器”小工具,右边的编辑栏中拖放“图像小工具”并插入一张西红柿的图像,最后点击发布。如下图:

点击发布后,样本模板就创建完成了。

3.插入Elementor模板

制作好样本模板后,回到Elementor Template小工具的编辑页面,点击“Choose Template”下方的含有“All”字样的输入框,并在里面输入你制作好的“样本按钮”的名称。输入名称后,下方会弹出对应的候选模板,点击该候选模板即可。选择好模板后,你可以看到编辑栏中已导入制作好的样本模板。如下图:

选择模板后,如果你想替换其他的模板,可以点击右侧的“×”按钮删除现有的模板。

4.编辑Elementor模板

导入模板后,如果你想对导入的模板进行编辑,可以点击输入框下方的“Edit Template”按钮。

点击“Edit Template”按钮后,你将跳转到样本模板的编辑页面。如下图:

在编辑页面中,你可以对样本模板进行编辑或设计。如下图:

如上图所示,编辑标题和文本编辑器内容,调整图像大小,然后点击更新并保存。然后再回到Template编辑页面。

你可以看到Template小工具内的样本模板也已经改变了。

5.Template小工具的高级设置

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

以上就是Template小工具的使用说明。如果在网页中经常需要使用相同的排版,你可以制作多个模板,在多个页面中进行展示。这对于做联盟营销或产品宣传内容展示等非常有用。

希望本篇内容能对你在使用Elementor时有所帮助。

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

做点副业,为生活加点料

相关 文章
Wordpress插件与设计 - Elementor 基础教程 7 - 分割线小工具的设置和使用方法 - 特色图片
Elementor 基础教程 7 - 分割线小工具的设置和使用方法
Wordpress插件与设计 - JetEngine 通用教程 2 - Labels和Advance Setting的设置方法 - 特色图片
JetEngine 通用教程 2 - Labels和Advance Setting的设置方法
Wordpress插件与设计 - Elementor 专业教程 8 - Nav Menu小工具的设置和使用方法 - 特色图片
Elementor 专业教程 8 - Nav Menu小工具的设置和使用方法
Wordpress插件与设计 - Elementor 基础教程 11 - 图像框小工具的设置和使用方法 - 特色图片
Elementor 基础教程 11 - 图像框小工具的设置和使用方法
Wordpress插件与设计 - Elementor 专业教程 32 - Progress Tracker小工具的设置和使用方法 - 特色图片
Elementor 专业教程 32 - Progress Tracker小工具的设置和使用方法
Wordpress插件与设计 - Elementor 基础教程 17 - 计数器小工具的设置和使用方法 - 特色图片
Elementor 基础教程 17 - 计数器小工具的设置和使用方法
Wordpress插件与设计 - Elementor 专业教程 19 - Countdown小工具的设置和使用方法 - 特色图片
Elementor 专业教程 19 - Countdown小工具的设置和使用方法
Wordpress插件与设计 - WP教程 8 - 掌握文本和按钮链接的设定及使用方法 - 特色图片
WP教程 8 - 掌握文本和按钮链接的设定及使用方法
Wordpress插件与设计 - Elementor 专业教程 29 - Video Playlist小工具的设置和使用方法 - 特色图片
Elementor 专业教程 29 - Video Playlist小工具的设置和使用方法
Wordpress插件与设计 - WP教程 30 - 安全与效率并重!如何优化你的WordPress个人资料设置? - 特色图片
WP教程 30 - 安全与效率并重!如何优化你的WordPress个人资料设置?
快速 搜索
站长 推荐
副业时代 站内使用 推广图像 - 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工具与服务推荐 - Pin Generator - Pinterest营销工具 - 特色图片
Pin Generator - Pinterest营销得力助手,自动生成图钉,轻松提升品牌影响力
AI工具与服务推荐 - Treefera - 可持续发展解决方案 - 特色图片
Treefera - 尖端技术助企业加速自然解决方案分析,推动可持续发展
AI工具与服务推荐 - TiamatAI - 在线AI绘画平台 - 特色图片
Tiamat AI - AI赋能,激发无限创想,与您共同绘制梦想的新画卷!
AI工具与服务推荐 - Kili - AI自动化平台 - 特色图片
Kili - AI助力,释放生产力,轻松应对重复性任务!
AI工具与服务推荐 - Latte Social - AI视频创作工具 - 特色图片
Latte Social - 文本转视频新玩法,轻松实现病毒式营销
AI工具与服务推荐 - Pepper Content - AI内容营销平台 - 特色图片
Pepper Content - AI驱动内容营销平台,简化流程,加速业务目标实现
Canva Post
Canva使用教程 - Canva 相关教程 2 - Canva免费版与付费版的详细解析,助你做出最明智的选择? - 特色图片
Canva 相关教程 2 - Canva免费版与付费版的详细解析,助你做出最明智的选择?
Canva使用教程 - Canva 新手指南 1 - 全面解析Canva文本框的基本功能! - 特色图片
Canva新手指南1 - 全面解析Canva文本框的基本功能!
Canva使用教程 - Canva 新手指南 3 - 无需编程!用Canva创建专业一页式网站的指南 - 特色图片
Canva新手指南3 - 无需编程!用Canva创建专业一页式网站的指南
Canva使用教程 - Canva 新手指南 5 - 掌握Docs的功能和技巧,使文档创作更简单! - 特色图片
Canva新手指南5 - 掌握Docs的功能和技巧,使文档创作更简单!
Canva使用教程 - Canva 新手指南 2 - 告别PS!全面解析Canva 图像编辑功能及其使用方法 - 特色图片
Canva新手指南2 – 告别PS!全面解析Canva 图像编辑功能及其使用方法
Canva使用教程 - Canva 相关教程 3 - 设计初体验!用Canva打造你的第一个创意作品 - 特色图片
Canva 相关教程 3 - 设计初体验!用Canva打造你的第一个创意作品
Smm Post
社媒运营推广 - Youtube - 特色图片设计终极指南,打造吸睛的视频门面! - 特色图片
缩略图设计终极指南,打造吸睛的视频门面!
社媒运营推广 - Youtube - YouTube频道交易的大揭秘:机遇还是陷阱?你需要知道的一切都在这里! - 特色图片
YouTube频道交易的大揭秘:机遇还是陷阱?你需要知道的一切都在这里!
社媒运营推广 - Youtube - 如何正确选择一款适合自己的视频编辑软件? - 特色图片
如何正确选择一款适合自己的视频编辑软件?
社媒运营推广 - Youtube - YouTube运营全攻略 从零到一打造你的油管频道 - 特色图片
YouTube运营全攻略:从零到一打造你的油管频道
社媒运营推广 - Youtube - 将爱好转为事业!通过YouTube频道赚钱的秘诀 - 特色图片
将爱好转为事业!通过YouTube频道赚钱的秘诀
社媒运营推广 - Lemon8 - 一文带你解析海外版小红书Lemon8!Z世代的社交新宠,品牌营销新阵地! - 特色图片
一文带你解析海外版小红书Lemon8!Z世代的社交新宠,品牌营销新阵地!
AI工具 分类筛选
AI Main Category checkbox