什么是信息卡片
信息卡片（Info Card）是网页设计中常用的一种内容展示形式，通常包含标题、图标、简短描述和可能的链接，以视觉上吸引人的方式突出显示重要信息。在WordPress网站中使用信息卡片可以有效提升用户体验，使关键内容更加醒目。
古腾堡编辑器中添加信息卡片的三种方法
方法一：使用内置区块组合
- 在古腾堡编辑器中点击”+“按钮添加新区块
- 选择”组”区块（Group）作为卡片容器
- 在组内添加以下区块：
- “标题”区块作为卡片标题
- “段落”区块作为卡片内容
- 可选添加”按钮”区块作为行动号召
- 为组区块设置背景色、边框等样式
方法二：使用Columns区块创建卡片组
- 添加”Columns”区块
- 设置所需的列数（如3列）
- 在每列中添加正文：
- 图标（可以使用”图像”区块或图标插件）
- 标题
- 简短描述
- 为每列设置统一的样式保持一致性
方法三：安装专用卡片区块插件
推荐插件：
- Kadence Blocks - 提供丰富的预制卡片样式
- Ultimate Addons for Gutenberg - 包含多种卡片设计
- Stackable - 专业的信息卡片设计工具
安装步骤：
- 进入WordPress后台→插件→安装插件
- 搜索并安装上述任一插件
- 激活插件后，在古腾堡编辑器中即可看到新增的卡片区块
专业技巧：优化信息卡片设计
- 保持一致性：全站使用相似的卡片样式和配色方案
- 响应式设计：确保卡片在不同设备上显示良好
- 添加微交互：悬停效果可以提升用户体验
- 合理使用空白：避免卡片内容过于拥挤
- 明确行动号召：如有按钮，使用明确的文案如”了解更多”
常见问题解答
Q：如何让卡片在移动设备上堆叠显示？ A：在Columns区块设置中，调整”在移动设备上堆叠”选项
Q：能否为不同卡片设置不同颜色？ A：可以，每个组区块都可以单独设置背景色和文字颜色
Q：如何添加卡片悬停效果？ A：需要使用CSS代码或安装提供悬停效果的插件
通过以上方法，您可以轻松在WordPress古腾堡编辑器中创建专业美观的信息卡片，有效提升网站内容的可读性和视觉吸引力。
