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插件与设计 - WP教程 6 - 掌握文章创建和编辑的核心技巧(文本篇) - 特色图片
WP教程 6 - 掌握文章创建和编辑的核心技巧(文...
Wordpress插件与设计 - WP教程 7 - 掌握添加、编辑图片以及常规设置的技巧 - 特色图片
WP教程 7 - 掌握添加、编辑图片以及常规设置的...
wp post WordPress新手必读之WordPress插件选择与使用全攻略 特色图片
WordPress新手必读之WordPress插件选择与使用全...
Wordpress插件与设计 - WP教程 8 - 掌握文本和按钮链接的设定及使用方法 - 特色图片
WP教程 8 - 掌握文本和按钮链接的设定及使用方...
Wordpress插件与设计 - Elementor 专业教程 8 - Nav Menu小工具的设置和使用方法 - 特色图片
Elementor 专业教程 8 - Nav Menu小工具的设置...
Wordpress插件与设计 - Elementor 专业教程 16 - Testimonial Carousel小工具的设置和使用方法 - 特色图片
Elementor 专业教程 16 - Testimonial Carousel...
Wordpress插件与设计 - WP教程 28 - 如何有效使用WP评论功能,提高博客的互动性! - 特色图片
WP教程 28 - 如何有效使用WP评论功能,提高博客...
Wordpress插件与设计 - Elementor 专业教程 7 - Slides小工具的设置和使用方法 - 特色图片
Elementor 专业教程 7 - Slides小工具的设置和...
Wordpress插件与设计 - Elementor 通用教程 1 - 全局颜色和全局字体的设置方法 - 特色图片
Elementor 通用教程 1 - 全局颜色和全局字体的...
Wordpress插件与设计 - Elementor 通用教程 5 - 如何拷贝和粘贴不同网站的设计元素 - 特色图片
Elementor 通用教程 5 - 如何拷贝和粘贴不同网...
已阅读 文章一览
没有找到更多文章
站长 推荐
副业项目 与技能
from-keywords-to-content-optimization-seo-strategy tumnail

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

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

Elementor 专业教程 16 - Testimonial ...

Wordpress插件与设计 - WP教程 30 - 安全与效率并重!如何优化你的WordPress个人资料设置? - 特色图片

WP教程 30 - 安全与效率并重!如何优化...

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

Elementor 基础教程 21 - 手风琴小工具...

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

Elementor 专业教程 32 - Progress Tra...

Wordpress插件与设计 - Elementor 通用教程 6 - Elementor Kit Library的使用方法 - 特色图片

Elementor 通用教程 6 - Elementor Kit...

WP Post - WordPress新手必读指南!如何选择最适合你的网站主题 缩略图

WordPress新手必读指南!如何选择最适...

AI工具 与服务
AI工具与服务推荐 - Mutable.ai - AI驱动的代码文档和知识管理平台 - 特色图片

Mutable.ai - 自动生成代码文档,促进...

AI工具与服务推荐 - Logomaster.ai - 智能logo设计平台 - 特色图片

Logomaster.ai - 5分钟AI制作专业炫酷l...

AI工具与服务推荐 - Viso Suite - 计算机视觉开发平台 - 特色图片

Viso Suite - 无需编码,轻松构建、部...

AI工具与服务推荐 - CodeRabbit - AI代码审查平台 - 特色图片

CodeRabbit - 让代码审查如兔子般迅速...

AI工具与服务推荐 - AutoSlide - AI PPT创建工具 - 特色图片

AutoSlide - 创意秒变PPT,AI让演示更...

AI工具与服务推荐 - Moonlander - AI游戏开发平台 - 特色图片

Moonlander - AI游戏开发平台,快速构...

Canva教程 与技巧
Canva使用教程 - Canva 新手指南 4 - 告别平庸!用Canva打造与众不同PPT演示文稿 - 特色图片

Canva新手指南4 – 告别平庸!用Canva打...

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

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

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

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

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

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

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

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

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

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

社媒运营 与营销
社媒运营推广 - Lemon8 - 一文带你解析海外版小红书Lemon8!Z世代的社交新宠,品牌营销新阵地! - 特色图片

一文带你解析海外版小红书Lemon8!Z世...

社媒运营推广 - Youtube - YouTube频道交易的大揭秘:机遇还是陷阱?你需要知道的一切都在这里! - 特色图片

YouTube频道交易的大揭秘:机遇还是陷...

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

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

社媒运营推广 - Youtube - 解密YouTube用户互动策略!掌握频道人气的秘诀 - 特色图片

解密YouTube用户互动策略!掌握频道人...

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

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

社媒运营推广 - Youtube - 一文读懂YouTube Premium会员权益!让你不再犹豫 - 特色图片

一文读懂YouTube Premium会员权益!让...

AI工具 分类筛选
AI Main Category checkbox