如何购买
1
登录您的BeikeShop商城后台
2
点击右上角“插件市场”
3
选择需要购买的插件
4
购买&安装
插件描述
H1 Media 首页 H1 媒体装修模块
概述
H1 Media 是一个为商城后台「设计 → 装修」功能增加首页首屏装饰模块的插件。它以「H1 标题 + 简短描述 + 行动号召按钮 + 媒体（图片/视频）」的形式装饰首页首屏。模块标题会作为页面的 <h1> 标签输出，帮助搜索引擎理解网站内容、提升 SEO 排名。建议将该模块放在其他装修模块之上，且整个首页仅添加一个。
主要功能
🎯 SEO 优化的 H1 标题
| 特性 | 说明 |
|---|---|
| H1 标签输出 | 模块标题自动输出为页面 <h1> 标签，提升搜索引擎对页面内容的理解 |
| SEO 建议 | 建议放在其他积木之上，且整页只添加一个此模块 |
| 多语言支持 | 标题、描述、按钮文字均支持多语言 |
🖼️ 媒体展示
| 特性 | 说明 |
|---|---|
| 图片/视频切换 | 支持图片或本地视频两种媒体类型 |
| PC 端独立图片 | PC 端可单独上传大图，建议宽度 1000px+ |
| 移动端适配 | 移动端媒体位置可独立配置（居上 / 居下） |
| 显示开关 | 可单独控制是否显示媒体区域 |
🎨 丰富的配置选项
| 配置项 | 说明 |
|---|---|
| 标题 | 主标题（作为 H1 标签输出） |
| 简短描述 | 富文本描述文字 |
| 按钮文字 | 行动号召按钮文案 |
| 按钮链接 | 支持内部/外部链接，可选择新窗口打开 |
| 文字对齐方式 | 左对齐 / 居中 / 右对齐 |
| PC 端媒体位置 | 居上 / 居下 / 居左 / 居右 |
| 移动端媒体位置 | 居上 / 居下 |
| 模块宽度 | 窄屏(760px) / 宽屏(1140px) / 全屏（可限制最大宽度或满屏铺满） |
| 全屏内容宽度 | 滑块控制全屏模式下内容最大宽度（700~2000px，拉满为满屏铺满） |
🎨 颜色自定义
| 配置项 | 说明 |
|---|---|
| 标题颜色 | 自定义标题文字颜色 |
| 描述颜色 | 自定义描述文字颜色 |
| 按钮字体颜色 | 自定义按钮文字颜色 |
| 按钮背景颜色 | 自定义按钮背景色（支持透明度） |
技术特点
-
✅ SEO 友好：标题输出为
<h1>标签，帮助搜索引擎理解页面核心内容 -
✅ 响应式布局：PC 端支持媒体居上/下/左/右，移动端自动堆叠为上下布局
-
✅ 三档模块宽度：窄屏(760px) / 宽屏(1140px) / 全屏（可限制最大宽度或满屏铺满）
-
✅ 媒体类型切换：图片与视频自由切换，满足不同展示需求
-
✅ 视频原生支持：使用 HTML5
<video>标签，支持控制条播放 -
✅ 颜色独立配置：标题、描述、按钮文字和背景均可独立设置颜色
-
✅ 任意主题兼容：前台视图由插件自带，样式使用 CSS 变量适配主题
-
✅ 装修编辑器完美支持：实时预览，配置项丰富直观
适用场景
-
首页首屏 Hero 区域
-
品牌形象展示
-
产品/服务宣传
-
活动促销首屏
-
品牌故事开篇
