时刻表小组件 嵌入您的网站
免费的 HTML 时刻表小组件：设置城市、线路或站点，复制代码（iframe 或 JS 脚本）并粘贴到您的网站——WordPress、Wix、Squarespace、Joomla 同样适用。互动时刻表始终显示 kursuje.pl 的最新数据。
1. 小组件类型
2. 范围
选择“全部”时，下方的时刻表列表和小组件本身都会显示完整的线路列表。
3. 颜色和尺寸
颜色只能在有限范围内调整（标题栏和背景）——字体和 kursuje.pl 标志保持不变。
默认情况下，每条线路使用时刻表数据（GTFS）中的颜色。开启后，小组件中的所有线路将使用同一种所选颜色。
4. 预览
查看小组件在访客浏览器不同宽度下的显示效果。
请选择站点以查看预览。
5. 可粘贴的代码
完成上方配置后，代码将显示在此处。
如何在网站上添加时刻表？
- 选择小组件要显示的城市、线路或站点。
- 设置颜色、尺寸和交通类型，并在预览中查看小组件在手机、平板和电脑上的显示效果。
- 复制生成的 HTML 代码（iframe 或 JS 脚本）。
- 将代码粘贴到网站编辑器中——时刻表会自动显示，并始终保持最新。
时刻表小组件——可粘贴的 HTML 代码
生成的代码是纯 HTML，无需任何库，也无需自己编写 CSS。请将 TWOJE-MIASTO 替换为配置器给出的地址，配置器会为您的城市、线路或站点生成可直接使用的代码。
方案 1：iframe（最简单）
<iframe
src="https://kursuje.pl/embed/TWOJE-MIASTO/miasto"
width="370" height="420"
style="border:0;max-width:100%"
loading="lazy"
title="Rozkład jazdy — kursuje.pl"></iframe>方案 2：JS 脚本（自动调整高度）
<div data-kursuje-widget
data-src="https://kursuje.pl/embed/TWOJE-MIASTO/miasto"
data-width="370" data-height="420"></div>
<script src="https://kursuje.pl/embed.js" async></script>在 WordPress、Wix、Squarespace 和 Joomla 中添加时刻表
只要支持插入 HTML 代码的 CMS 或建站工具，小组件都能正常使用。以下是最常用平台的操作说明。
WordPress 时刻表插件
无需单独的插件——小组件的用法与任何时刻表插件一样，却无需安装和更新。在区块编辑器（Gutenberg）中添加“自定义 HTML”区块，粘贴代码并保存页面；在经典编辑器中切换到“文本”选项卡。如果您更喜欢使用插件，任意“Insert Headers and Footers”类插件或带自定义 HTML 的短代码即可。
Wix 时刻表
添加“嵌入代码”元素（Embed → Embed HTML / Embed a Widget），选择“HTML 代码”并粘贴 iframe 代码片段。让元素尺寸与小组件宽度保持一致。
Squarespace 时刻表
添加“代码”区块（Code Block），关闭“显示源代码”选项并粘贴 iframe 代码。“嵌入”区块（Embed）→“代码”的用法相同。
Joomla 时刻表
在文章编辑器或“自定义 HTML”模块中切换到源代码视图（TinyMCE 中的“切换编辑器”按钮）并粘贴代码。请确保您所在用户组的文本过滤器不会删除 iframe 标签。
纯 HTML 页面上的时刻表
将代码粘贴到希望显示时刻表的位置，放在 <body> 标签内。无需任何库或 CSS 文件。
时刻表小组件适合谁？
巴士时刻表
运输公司或巴士企业可直接在自己的网站上向客户展示最新巴士时刻表，无需手动誊写发车时间。
前往课程和活动
学校、大学、体育俱乐部或活动组织者可在地址旁添加站点时刻表小组件，参加者一眼就能看到乘什么车、几点能赶到课程、音乐会或会议现场。
酒店与旅游场所
显示场所附近站点下一班车的小组件，可取代需要手动更新的“交通指引”表格。
政府机构、社区与本地门户
面向居民的公共交通互动时刻表：线路列表、站点和发车时间集中呈现。
Timetable widget for your website
Embed a free, always up-to-date public transport timetable on any website — a bus timetable plugin alternative for WordPress, Wix, Squarespace or plain HTML. Pick a city, line or stop, copy the iframe or JavaScript snippet and paste it into your page. The embed is responsive, needs no HTML or CSS setup and no registration. The timetable data covers Polish cities and bus, tram, metro and rail lines.
常见问题
- 如何在网站上添加时刻表？
- 在上方设置小组件（城市、线路或站点、颜色和尺寸），复制生成的 HTML 代码，并粘贴到网站编辑器中需要显示时刻表的位置。整个过程大约只需一分钟。
- 时刻表小组件是免费的吗？
- 是的。在您自己的网站上生成并嵌入小组件完全免费，不限访问量，也无需注册。唯一的条件是保留可见的 kursuje.pl 署名。
- 有适用于 WordPress 的时刻表插件吗？
- 无需安装插件。小组件以“自定义 HTML”区块（iframe 或 JS 脚本）的形式插入 WordPress，不会给网站增加额外插件，也无需更新。
- 小组件能在 Wix、Squarespace 和 Joomla 上使用吗？
- 可以。生成的代码是标准的 iframe 或 JS 脚本片段，可粘贴到 Wix 和 Squarespace 的 HTML 元素、Joomla 编辑器、WordPress，或直接写入页面代码。
- 时刻表变更时如何更新小组件数据？
- 无需任何操作——小组件始终显示 kursuje.pl 的最新时刻表，线路或发车时间的变更会自动呈现，无需修改网站上的代码。
- 我可以选择特定的线路、站点或城市吗？
- 可以——配置器可为整个城市、单条线路或指定站点生成小组件，并可选择交通类型（巴士、有轨电车、无轨电车、地铁、铁路）、颜色和尺寸。
- 小组件能适配手机吗？
- 可以。小组件的最大宽度为容器的 100%，JS 脚本方案还会根据内容自动调整高度，因此不会出现双重滚动条。
- 嵌入小组件需要同意 Cookie 吗？
- 小组件不会在嵌入页面上设置自己的 Cookie——时刻表数据仅在 iframe 内从 kursuje.pl 加载。
- 可以把小组件用作活动日历或课程表吗？
- 小组件显示的是公共交通时刻表（线路、站点、发车），不是活动日历，也不是可编辑的课程表。不过您可以把它放在此类日历或课程表旁边，让参加者知道如何前往。
- 有适用于我网站的英文时刻表小组件吗？
- 可以。该时刻表小组件是免费、可嵌入的 iframe 或 JS 代码片段，适用于包括 WordPress 在内的任何网站，除粘贴代码外无需编写 HTML 或 CSS。它显示 kursuje.pl 覆盖的波兰城市和巴士线路的公共交通时刻表。小组件界面为波兰语。