Legendo v1.2 - 一页组合 WordPress 主题

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