如何在 Elementor 中添加信息框
您需要 Elementor 和 WordPress。org 的免费主插件。
- 检查信息框是否已打开 主插件、小部件.
- 在 Elementor 编辑器中,搜索 信息框 并将其拖入一列。
- 选择一个 样式预设.变式一至五是免费的。
- 套 图像或图标式,然后选择图标或上传图像。
- 键入标题和说明,如果卡应该链接到某个地方,则添加标题 URL。
- 打开 风格 tab来设置边框、背景、悬停动画、图标和文本样式,复制小部件来构建一行。
每个设置都包含在 信息框小部件设置 指南。
样式预设:5 个免费,10 个带 Pro
的 样式预设 drodown 改变卡片的布局和装饰,而不会触及你的内容 变奏一到五在免费插件中工作 变奏二和变奏三在卡片后面添加一个图标的大褪色副本,变奏五将图标呈六边形,Pro 解锁变奏六到十。
- 图像或图标: 择无,图标或图像。图像使用图像分辨率设置。
- 标题 URL: links标题,要使整张卡片可点击,就用免费 包装链接 扩展。
- 阅读更多文本和链接: 仅在变奏六 (Pro) 上显示。
标题和描述造型
的 标题 並 描述 节(sections)都有排版、颜色、对齐和填充,两者都有普通和悬停选项卡,当访问者指向卡片上的任何位置时,悬停颜色会发生变化,而不仅仅是在文本标题上总是渲染为 H3,因此请围绕该选项计划您的标题顺序。
- 字体:家庭、大小、重量、变形、风格、装饰、线高、字母和字间距。
- 标题和描述的单独悬停颜色。
- 每个设备的对齐方式和填充方式可能有所不同。
盒子、图标和悬停造型
一般风格 covereds卡片:边框类型,边框宽度,边框颜色,边框半径,填充和边距背景有普通和悬停选项卡,每个选项卡都有经典或渐变背景。 悬停动画 使用元素器效果,例如生长、脉冲、推力和鲍勃。 图标风格 设置图标大小、图标颜色、图标背景和对齐方式,同样具有正常状态和悬停状态。
- 正常卡和悬停卡的不同背景。
- 这两种状态的图标和褪色的背景图标颜色。
- Variation Six 上的渐变图标背景是 Pro。
Elementor 图标框与主插件信息框
Elementor已经免费发货图标盒和图像盒小部件,它们对于许多站点来说已经足够了,所以这里是每个站点都适合的地方。
| 特点 | 元素图标盒 | 主插件信息框 |
|---|---|---|
| 价格 | 在元素器中免费 | 免费预设 5 个,Pro 还增加了 5 个 |
| 图标或图像 | 两个小部件:图标框和图像框 | 一个没有、图标或图像的小部件 |
| 布局 | 图标位置开始、结束、顶部或底部;默认、堆叠或框架图标 | 现成风格预设 |
| 标题 HTML 标签 | H1到H6,div,跨度或p | 始终 H3 |
| 链接 | 图标和标题的一个链接 | 标题 URL;带有包装链接的整张卡 |
| 卡背景 | 从高级选项卡 | 正常和悬停背景,经典或渐变 |
| 悬停效果 | 图标和标题悬停颜色,图标悬停动画 | 卡悬停动画以及图标、标题和描述的悬停颜色 |
| 阅读更多按钮 | 否 | 仅变体六(专业版) |
Elementor图标框,当你需要特定的标题标签或侧面图标布局时选择信息框,当你想要一个风格化的卡片时,一步悬停背景,对于一个背面的卡片,请参见 翻转框并且对于带有按钮的卡片,请参阅 呼吁采取行动.
信息框常见问题解答
了解用户对 Infobox 询问最多的查询,并在一个地方找到答案。
Info Box 与 Elementor 图标盒有何不同?
Elementor图标框是免费的,让你挑选标题标签,把图标放在一边,信息框给你现成的预设,图像或图标在一个小部件,并分离正常和悬停背景的卡信息框标题总是H3。
我可以使用图像而不是图标吗?
是。将图像或图标设置为图像,从媒体库中选择一个文件并选择图像分辨率。仅文本卡选择无。
![Master Addons 元素的帖子/页面复制器扩展:WordPress 页面列表中的 MA 复制器行链接创建着陆页 - [Duplicated #128] 草案](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
