
Legendo v1.2 - 一页组合 WordPress 主题
categoryHTML
# 项目简介
Legendo 是一个摄影作品集单页模板,采用纯静态 HTML/CSS/JS 实现,包含 12 种首页变体(幻灯片、视差背景、视频背景等),适合摄影师、创意工作室或个人作品展示页面快速搭建。
## 技术栈
- HTML5 / CSS3(响应式布局)
- jQuery(核心交互库)
- Slick Carousel(全屏轮播)
- jQuery mb.YTPlayer(YouTube 背景视频)
- Owl Carousel 2(作品展示轮播)
- Vimeo / HTML5 原生视频背景
- Ken Burns 动态效果
- enllax 视差滚动
- PHP(仅 contact.php、subscribe.php 用于表单处理)
## 项目结构
```
legendo-12/
├── Legendo-v1-2-Template/ ← 模板主目录
│ ├── index-*.html ← 12 种首页变体
│ ├── contact.php ← 联系表单后端
│ ├── subscribe.php ← MailChimp 订阅后端
│ ├── css/
│ │ ├── style.css ← 主样式(含大量注释分区)
│ │ └── plugins.css ← 第三方插件样式
│ ├── fonts/ ← Ion Icons 图标字体
│ └── img/ ← 示例图片素材
└── Legendo-v1-2-Documentation/ ← 官方文档
```
## 核心文件说明
- `index-*.html` — 12 个首页变体,替换其中内容即可使用
- `css/style.css` — 主样式表,约 35 个区块注释,涵盖轮播、视差、按钮等所有组件
- `contact.php` — 联系表单 POST 接收端,需配置 `$myemail`
- `subscribe.php` — MailChimp 订阅端,需配置 API Key 与 List ID
- `css/plugins.css` — Slick、Owl Carousel 等第三方组件的额外样式
## 快速开始
1. 直接在浏览器中打开 `Legendo-v1-2-Template/index-SINGLE-IMAGE.html` 即可预览
2. 修改各 `index-*.html` 文件中的图片路径(`css/style.css` 中定义的背景图 URL 也需同步替换)
3. 表单功能:将 `contact.php`、`subscribe.php` 部署至支持 PHP 的 Web 服务器
## 使用建议
模板所有资源(图片、字体)均为示例占位内容,部署前请替换为真实作品图片;视频背景功能需保证网络环境可访问 YouTube/Vimeo,或改用自托管 HTML5 视频。
help_outline
常见问题
评论0
发布时间Dec 7, 2025
技术栈
HTML
标签
agencyarchitectblogbusinesscleancorporatecreativefashiongalleryminimalmodernpersonal portfoliophotographyportfolioresponsive