WordPressHTML企业官网

Bus-Template-Theme-Wordpress — WordPress 企业官网模板

作者 raratravel131-ai

Rara Travel & Tour 巴士旅游与包车业务的静态单页网站模板，包含首页轮播、路线、车队、商店与博客示例区块。

打开源站下载源码 ZIP

看看你的网站会是什么样

浏览真实页面截图，比较内容排版与手机效果。点击下方缩略图切换，放大查看整页细节。

1 个预览视图
桌面端首页
桌面端截图首屏预览

由服务器浏览器实际访问页面后截取。

目前有 1 张原始预览，可打开完整图片查看设计细节。

截图用于了解视觉与布局，交互效果请以实际项目为准。

采集于 2026-10-13查看来源

值得关注的模板亮点

从已有项目资料中，快速了解它的特点。

01

单文件 index.html，HTML、CSS 与原生 JavaScript 全部内联，无需构建工具或外部依赖

02

首页包含 Most Requested、Popular Routes、Testimonials 三组自动轮播，并支持手动控制

03

服务、车队与设施、商店、文章、预订表单、支付跑马灯等区块覆盖巴士旅游业务常见内容

04

小于 768px 时切换为汉堡菜单，缩小字号与内边距，轮播与圆点导航仍可用

05

MIT 许可，允许免费使用、修改、商用与分发该版本代码

模板详细介绍

该模板是面向巴士旅游、包车与团体出行公司的静态网站主题，仓库中实际交付的是一个 index.html 文件，所有 HTML、CSS 与原生 JavaScript 都写在同一文件中，无需构建工具或外部依赖即可在浏览器中打开。页面结构覆盖 Hero 区（含统计数据与 CTA）、Most Requested 卡片轮播、Popular Routes 自动轮播、客户评价轮播、服务区块（包车、城市接送、旅游套餐、企业出行）、车队与设施（中巴、大巴等）、商店与文章示例、带校验的预订表单、支付方式跑马灯，以及带汉堡菜单的粘性导航。

README 将其描述为 WordPress 主题，但文件结构与使用说明均按静态单文件页面编写：内容修改需要直接编辑 HTML 中的文本、渐变或图片 URL，并手动调整各轮播的自动播放延时与幻灯片数量。模板中的商店与文章仅为展示性示例，README 明确说明若要接入 WooCommerce 或 CMS 等后端，需要自行改造表单与“加入购物车”“阅读更多”按钮以向服务器提交数据。

响应式方面，页面在小于 768px 宽度时切换为汉堡菜单并缩小字号与内边距，轮播与圆点导航保持可用。仓库采用 MIT 许可，可免费使用、修改、商用与分发该版本代码，但演示图片、字体、图标等第三方素材需按各自许可单独核对，域名、托管、数据库等外部服务可能另行收费。

WordPressHTML企业官网

适合你的项目吗？

适用场景

  • 为巴士旅游、包车或团体出行公司搭建静态展示页面
  • 作为单页 HTML 模板，快速修改文案与配色后用于演示或原型
  • 参考其轮播、表单校验与响应式导航实现，用于前端练习

适合人群

  • 巴士旅游、包车与团体出行服务商
  • 需要单文件静态页面、不引入构建流程的前端开发者
  • 希望以 MIT 许可代码为基础自行改造的团队

上手与定制指南

结合仓库当前版本的说明，按下面的资料检查内容、配置与运行要求。

  1. 1

    下载或复制 index.html 到本地项目，用现代浏览器（Chrome、Firefox、Edge、Safari）直接打开即可预览

  2. 2

    修改内容需直接编辑 HTML：Most Requested 卡片在 .trip-card，Popular Routes 在 #routesTrack，评价在 #testimonialTrack

  3. 3

    轮播自动播放延时通过各脚本中的 AUTOPLAY_DELAY 调整，新增幻灯片时复制对应卡片元素，圆点数量会自动适配

  4. 4

    商店、文章与预订表单为前端示例，接入 WooCommerce 或 CMS 等后端需自行改造提交逻辑

  5. 5

    演示图片、字体、图标等第三方素材需按各自许可核对，外部托管与数据库等服务可能另行收费

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

本次收录的是公开仓库中采用 MIT 许可的免费版本；免费范围为该版本代码，不代表外部服务或第三方素材免费。

使用时需要遵守

  • 允许免费使用、修改、商用和分发该版本代码。
  • 分发代码副本或实质性部分时，保留原作者版权声明和完整 MIT 许可声明。
  • 代码按现状提供；担保与责任限制以原许可证及适用法律为准。

额外费用与待核对事项

  • 演示图片、字体、图标及其他第三方素材需按各自许可核对，不能仅凭代码的 MIT 许可判断。
  • 域名、托管、数据库、支付或 AI 等外部服务可能另外收费。
  • README 说明该主题是为演示目的而制作，可自由用于个人或商业项目；即免费版本定位为演示用途，未提供生产级保证。
  • 商店与文章仅为前端示例；若要接入 WooCommerce 或 CMS 等后端，需自行修改表单及“加入购物车”“阅读更多”按钮以向服务器提交数据。
  • 主题为单个 HTML 文件，无需构建工具或外部依赖；内容修改需直接编辑该文件中的文本、图片与脚本参数。
查看原文依据

Permission is hereby granted, free of charge

许可证原文

Tema ini dibuat untuk keperluan demonstrasi dan dapat digunakan secara bebas untuk proyek pribadi atau komersial.

README 原文

Jika ingin menghubungkan ke sistem backend (WooCommerce, CMS), Anda perlu memodifikasi form dan tombol "Add to Cart" / "Read More" untuk mengirim data ke server.

README 原文

Karena tema ini dibuat dalam satu file HTML, tidak diperlukan build tools atau dependensi eksternal.

README 原文
https://github.com/raratravel131-ai/Bus-Template-Theme-Wordpress/blob/main/LICENSEhttps://github.com/raratravel131-ai/Bus-Template-Theme-Wordpress/blob/main/README.md

DeepSeek 根据仓库许可证和 README 整理 ·2026-10-13。结果仅覆盖已读取资料，依赖、图片、字体及后续条款变更以各自原文为准。

项目核对记录与介绍依据

模板资料

来源平台
GitHub
资料与维护参考分
资料较完整 · 85 / 100
技术栈
WordPress · HTML
网站类型
企业官网
这个分数如何计算

本站按许可资料（最高30分）、演示链接（12分）、预览图（10分）、Star数（15分）、记录的维护时间（15分）、描述完整度（8分）、功能记录（5分）和分类资料（5分）计算。它不是代码、安全或性能测试，也不是 Google 评分；有链接不代表已实测可用。

这个项目需要核对什么

记录的仓库更新时间
2026-06-06
截图检查日期
2026-10-13

已收录演示链接。请用你的内容与屏幕尺寸检查；有演示不代表表单、认证或支付已经可用。

目录记录的主要技术栈是 WordPress。请通过依赖清单和锁文件核对实际版本与托管要求。这些说明基于收录资料，不代表代码审计或部署实测。

查看具体选型方法 →

介绍的制作与核对状态

介绍由 AI 辅助整理目录与仓库资料。仓库作者不等于这篇介绍的审核者。

审核声明: [email protected] · 2026-10-13

查看当时使用的来源资料

SHA-256: fe25f1a9794f247af17a29126c38628a0b811fa4a5b8af6f825854c082a4d783

2026-10-13T08:20:04.048Z

来源文件 / 仓库
# 🚌 Rara Travel & Tour – Tema Website Transportasi & Travel

Tema website statis modern untuk perusahaan penyedia layanan bus pariwisata, charter, dan perjalanan grup. Dilengkapi dengan slider otomatis pada bagian **Most Requested**, **Popular Routes**, serta **Testimonials**, serta halaman _shop_ dan _article_ untuk konten produk dan blog.

## ✨ Fitur Utama

- **Hero Section** dengan statistik & CTA
- **Slider interaktif pada kartu "Most requested"** (gambar berganti dengan ilustrasi rute populer)
- **Slider otomatis untuk Popular Routes** (4 rute unggulan)
- **Slider testimoni pelanggan** (auto-slide & kontrol manual)
- **Bagian Layanan** (bus charter, city transfer, tour packages, corporate trips)
- **Fleet & Fasilitas** (mini bus, medium bus, big bus)
- **Toko (Shop)** – contoh produk perjalanan (WooCommerce-style)
- **Artikel (Blog)** – konten tips perjalanan
- **Formulir pemesanan** sederhana dengan validasi
- **Payment marquee** (QRIS, kartu kredit, e-wallet, bank)
- **Responsif** (mobile friendly)
- **Menu navigasi sticky** dengan hamburger menu untuk mobile

## 🛠 Teknologi

- HTML5
- CSS3 (Flexbox, Grid, animasi keyframes)
- JavaScript Native (Vanilla JS)
- Font: Inter (Google Fonts)
- Ikon: emoji & teks

## 📁 Struktur File
index.html # File utama tema (semua kode dalam satu file)
README.md # Dokumentasi

> Karena tema ini dibuat dalam satu file HTML, tidak diperlukan build tools atau dependensi eksternal.

## 🚀 Cara Menggunakan

1. **Download** atau salin kode `index.html` ke dalam proyek lokal Anda.
2. Buka file tersebut menggunakan **browser modern** (Chrome, Firefox, Edge, Safari).
3. Untuk mengubah konten:
   - Edit teks, gambar (emoji/gradient) pada **slider "Most requested"** di bagian `.trip-card`
   - Ganti rute pada **Popular Routes slider** di bagian `#routesTrack`
   - Ubah produk & artikel sesuai kebutuhan Anda
   - Sesuaikan nomor telepon, email, dan deskripsi di bagian **contact & footer**
4. Jika ingin menghubungkan ke sistem backend (WooCommerce, CMS), Anda perlu memodifikasi form dan tombol "Add to Cart" / "Read More" untuk mengirim data ke server.

## 📱 Responsivitas
Tema ini mendukung layar desktop, tablet, dan ponsel. Pada lebar < 768px:

Menu berubah menjadi hamburger

Ukuran font & padding mengecil

Slider tompan dan dots tetap berfungsi


## 📄 Lisensi
Tema ini dibuat untuk keperluan demonstrasi dan dapat digunakan secara bebas untuk proyek pribadi atau komersial. Tidak ada ketergantungan pustaka eksternal berlisensi terbatas.

Dikembangkan dengan ☕ dan Vanilla JS untuk [Rara Travel & Tour](https://raratravel.id).


## ⚙️ Kustomisasi

### Mengganti Gambar Slider Most Requested
Di dalam `index.html`, cari:
```html
<div class="trip-image" style="background-image: linear-gradient(...);">🚌✨</div>
Ubah nilai background-image atau ganti dengan URL gambar sebenarnya:

html
style="background-image: url('gambar-rute-1.jpg'); background-size: cover;"
Mengatur Durasi Slider
Pada bagian script JavaScript untuk masing-masing slider, ubah nilai AUTOPLAY_DELAY (dalam milidetik):

Most requested: AUTOPLAY_DELAY = 5000

Popular routes: AUTOPLAY_DELAY = 4500

Testimonial: AUTOPLAY_DELAY = 4000


## Menambah Slide Baru
Most requested: duplikat div .trip-card di dalam #tripSliderTrack

Popular routes: tambahkan div .route-card di dalam #routesTrack

Testimoni: tambahkan div .testimonial-card di dalam #testimonialTrack

Jangan lupa jumlah dots akan otomatis menyesuaikan.
反馈内容错误

看看同类模板

对比同技术栈与用途的模板，找到更适合的视觉与内容结构。

mallok

mallok

The Cloudflare-native CMS and website builder for multilingual B2B websites. A WordPress alternative: Markdown…

WordPress · 后台

real_estate_wordpress_theme

real_estate_wordpress_theme

This custom theme is designed for WordPress to help you create a website for real estate sales

WordPress · 企业官网

Stratify-WP-Theme

Stratify-WP-Theme

Versatile agency and portfolio theme built for creative professionals and digital brands.

WordPress · 作品集

nexgen-tech-wp-theme

nexgen-tech-wp-theme

A dark tech agency WordPress theme built with Tailwind CSS+GSAP animations

WordPress · 作品集

mazer

mazer

Free and Open-source Bootstrap 5 Admin Dashboard Template and Landing Page

HTML · 后台

Freelancer

Freelancer

Freelancer 是 Start Bootstrap 出品的单页作品集模板，专为自由职业者、设计师和小型工作室设计。 页面结构清晰，包含多个内容区块、响应式作品集网格，每个作品项目配有模态窗口展示详情。

HTML · 作品集