Northcote Baptist Church · 网站改造包
给一个跑在 WordPress + CMSMasters my-religion 主题上的教会网站做的
最小改动改造包:不换主题、不重做站点、父主题一行不碰。
下面每一样都能直接点开看。
说明:这是一份未经委托的第三方改造提案,与 Northcote Baptist Church 没有隶属关系,也未经其审阅或采用。对现网站的技术描述均来自公开可见的页面源码。 其中的多语言在线圣经是通用组件,任何教会网站都可以直接使用。
可以直接点开
原型保持官网原有 UI 不变,只叠加功能;在线圣经连的是真实 API,不是录像。
不是重新设计——直接以 nbc.org.nz 真实页面的 HTML 为底, 加载官网自己的样式表,只注入五样东西:原型声明条、语言切换栏、 导航里多出的一个 Bible 菜单(含两个子项)、移动端底部操作条、noindex。 现有页面的其余部分一行不动,看到的就是今天的站点加上新功能。 在线圣经、按主题查经、三个母语页这些原本不存在的页面, 用主题自己的页面外壳渲染,所以看起来是原生的。
进入站点原型 → Live · 真实 API双语并排阅读、四语界面(English / 中文 / 한국어 / Te Reo Māori)、 A− A+ 字号调节、← → 翻章、点击复制经节、自动记住上次读到哪里。 数据来自 getBible API v2:免费、无需 API key、全本 66 卷、117 个译本, 含和合本简繁、新译本、개역、Te Paipera Tapu、Tagalog。 22 KB 单文件,粘进 WordPress「自定义 HTML」区块就能上线。
打开读经器 → 文档现状体检、分层多语言策略、只改子主题的 UI 方案、四周路线图。 含一个内嵌的可操作读经器演示。
阅读提案 → 预览每个「自定义 HTML」区块配上子主题样式渲染出来的实际效果, 粘贴到 WordPress 之前先看一眼。
查看区块 →包里有什么
| 文件 | 作用 |
|---|---|
nbc-bible-reader.html |
多语言在线圣经。零插件、零主题改动、零构建工具 |
my-religion-child/style.css |
排版与对比度、语言切换器、移动端底部操作条、焦点样式。原文件只有主题头注释 |
my-religion-child/functions.php |
语言切换器(有无 Polylang 都能用)、hreflang、schema.org Church 标记、按页卸载多余脚本、管理员专用的资源调试助手。这个文件原本不存在 |
pages/vision-mission-values.htmlpages/creed.htmlpages/strategic-principles.html |
把写死在 JPEG 里的文案还原成真 HTML。CREED 轮盘改成 2 KB 内联 SVG,取代 39 KB 的图片。这是多语言的前提——翻译插件看不见图片里的字 |
pages/first-visit.html |
「第一次来」页面。教会网站上被点最多、而现站没有的一页 |
pages/welcome-zh.htmlpages/welcome-ko.htmlpages/welcome-mi.html |
三个母语落地页。内容全部译自教会自己的 /services/、/ministries/kids/、/give-2/,没有编造 |
content/alt-text.md |
首页 15 张缺 alt 图片的替代文本,逐张写好 |
README.md |
逐步上线说明、需要教会补齐的信息、回滚方案 |
上线顺序
下面每一步都先在 staging 走一遍。不要跳过。
新建页面 → 插入「自定义 HTML」→ 粘贴 → 发布。想撤回就删掉这个页面,站点其余部分完全不受影响。
同样是粘贴区块。发布前把 {{STREET_ADDRESS}} 和 {{MAP_URL}} 换成真实值。
用 FTP 上传,不要用后台的主题文件编辑器——PHP 出错时你会连后台一起进不去。上传前务必跑一次 php -l。
把 Vision/Values/Creed 三张图换成 HTML 区块,按 content/alt-text.md 逐张补 alt。
一个小节一个小节地放开 nbc_slim_assets,每放开一节把站点点一遍。用 ?nbc_debug=assets 看某页实际加载了什么。
提案依据:2026 年 8 月对 nbc.org.nz 线上 HTML、主题样式表与资源清单的实际勘察。
在线圣经组件已完成端到端验证(KJV 单栏、和合本简体 × Te Reo Māori 双栏对照)。
bible.html 与 preview.html 由 build-site.py 从源文件生成——
pages/ 里的文件是给 WordPress 粘贴用的片段,本身没有 <!doctype>。