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

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

bookmark

Legendo 是一个摄影作品集单页模板，采用纯静态 HTML/CSS/JS 实现，包含 12 种首页变体（幻灯片、视差背景、视频背景等），适合摄影师、创意工作室或个人作品展示页面快速搭建。

HTMLagencyarchitectblogbusinesscleancorporatecreative

项目简介

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 用于表单处理）

项目结构

text
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

常见问题