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教程 13 - 文章发布不求人,这些发布设置你一定要了解 - 特色图片
WP教程 13 - 文章发布不求人,这些发布设置你一定要了解
Wordpress插件与设计 - Elementor 专业教程 23 - Facebook Comments小工具的设置和使用方法 - 特色图片
Elementor 专业教程 23 - Facebook Comments小工具的设置和使用方法
Wordpress插件与设计 - Elementor 基础教程 24 - 警告小工具的设置和使用方法 - 特色图片
Elementor 基础教程 24 - 警告小工具的设置和使用方法
Wordpress插件与设计 - Elementor 专业教程 5 - Carousel小工具的设置和使用方法 - 特色图片
Elementor 专业教程 5 - Carousel小工具的设置和使用方法
Wordpress插件与设计 - Elementor 基础教程 15 - 基本图库小工具的设置使用方法 - 特色图片
Elementor 基础教程 15 - 基本图库小工具的设置使用方法
Wordpress插件与设计 - Elementor 专业教程 8 - Nav Menu小工具的设置和使用方法 - 特色图片
Elementor 专业教程 8 - Nav Menu小工具的设置和使用方法
Wordpress插件与设计 - Elementor 专业教程 20 - Share Buttons小工具的设置和使用方法 - 特色图片
Elementor 专业教程 20 - Share Buttons小工具的设置和使用方法
Wordpress插件与设计 - Elementor 专业教程 11 - Price List小工具的设置和使用方法 - 特色图片
Elementor 专业教程 11 - Price List小工具的设置和使用方法
Wordpress插件与设计 - Elementor 专业教程 15 - Media Caroucel小工具的设置和使用方法 - 特色图片
Elementor 专业教程 15 - Media Caroucel小工具的设置和使用方法
Wordpress插件与设计 - WP教程 9 - 如何轻松添加文件下载功能以提升用户体验? - 特色图片
WP教程 9 - 如何轻松添加文件下载功能以提升用户体验?
快速 搜索
站长 推荐
副业时代 站内使用 推广图像 - 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工具与服务推荐 - Nando.ai - AI文案创作工具 - 特色图片
Nando.ai - 在线业务不可或缺的AI文案助手,助力提升转化率
AI工具与服务推荐 - ProWritingAid - AI写作助手 - 特色图片
ProWritingAid - AI写作教练,信心满满地发表
AI工具与服务推荐 - Resume Worded - AI求职辅助平台 - 特色图片
Resume Worded - 贴心的AI求职助手,为您的职场成功加速助力
AI工具与服务推荐 - Jam - 自动捕获Bug信息的开发利器 - 特色图片
Jam - 一键Bug上报,开发者之爱,畅通无阻的产品开发流程!
AI工具与服务推荐 - Conferbot - 无代码聊天机器人构建器 - 特色图片
Conferbot - 无代码聊天机器人构建器,轻松改善客户互动体验,提升满意度
AI工具与服务推荐 - 字语智能 - AI写作与创作平台 - 特色图片
字语智能(Giiso) - 内容创作AI得力助手,支持多场景应用,大幅提高写作效率
Canva Post
Canva使用教程 - Canva 新手指南 8 - 提升设计效率!使用调整功能,轻松管理素材样式和层级 - 特色图片
Canva新手指南8 - 提升设计效率!使用调整功能,轻松管理素材样式和层级
Canva使用教程 - Canva 相关教程 2 - Canva免费版与付费版的详细解析,助你做出最明智的选择? - 特色图片
Canva 相关教程 2 - Canva免费版与付费版的详细解析,助你做出最明智的选择?
Canva使用教程 - Canva 新手指南 1 - 全面解析Canva文本框的基本功能! - 特色图片
Canva新手指南1 - 全面解析Canva文本框的基本功能!
Canva使用教程 - Canva 新手指南 3 - 无需编程!用Canva创建专业一页式网站的指南 - 特色图片
Canva新手指南3 - 无需编程!用Canva创建专业一页式网站的指南
Canva使用教程 - Canva 新手指南 4 - 告别平庸!用Canva打造与众不同PPT演示文稿 - 特色图片
Canva新手指南4 – 告别平庸!用Canva打造与众不同PPT演示文稿
Canva使用教程 - Canva 相关教程 1 - 未来的设计在这里!Canva「Magic Studio」AI工具包大揭秘! - 特色图片
Canva 相关教程 1 - 未来的设计在这里!Canva「Magic Studio」AI工具包大揭秘!
Smm Post
社媒运营推广 - Youtube - 将爱好转为事业!通过YouTube频道赚钱的秘诀 - 特色图片
将爱好转为事业!通过YouTube频道赚钱的秘诀
社媒运营推广 - Youtube - 解密YouTube用户互动策略!掌握频道人气的秘诀 - 特色图片
解密YouTube用户互动策略!掌握频道人气的秘诀
社媒运营推广 - Youtube - 从零到一!创建YouTube频道并上传视频的全流程 - 特色图片
从零到一!创建YouTube频道并上传视频的全流程
社媒运营推广 - Lemon8 - 一文带你解析海外版小红书Lemon8!Z世代的社交新宠,品牌营销新阵地! - 特色图片
一文带你解析海外版小红书Lemon8!Z世代的社交新宠,品牌营销新阵地!
社媒运营推广 - Youtube - 特色图片设计终极指南,打造吸睛的视频门面! - 特色图片
缩略图设计终极指南,打造吸睛的视频门面!
社媒运营推广 - Youtube - 新手必看!解锁YouTube视频广告投放优化技巧,提升转化率 - 特色图片
新手必看!解锁YouTube视频广告投放优化技巧,提升转化率
AI工具 分类筛选
AI Main Category checkbox