9.3 KiB
静态 v2 → 主题同步 变更对照报告(2026-08-17)
基线:分支 wordpress-theme @ 66288c5。本报告由变更分析代理产出,是 v2 同步的实施依据。
用户决策:① footer-top 按正确闭合处理(不复刻嵌套);② 两处原文疑似错误("Four Core Businessesk"、"99% Awards Winner")原样复刻。
〇、全局公共变更(10 页共有)
Header — Business mega(inc/walker-mega.php + fallback)
.mega-left:kicker/desc/cta 全部移除,只留<h3 class="mega-title">Four Core Businesses</h3>。.mega-right卡片重排(Auto Export → HESU PIPE → Global Logistics → After-sales),mega-card-text只留<h4>(无 p 描述),无 ph-label。
Header — About mega
.mega-left完全清空(留空 div)。.mega-right缩为 2 卡:Company Overview(about-us.html,ph-easterneurope)、Company History(development-history.html,ph-middleeast)。
Footer(footer.php + walker-mega)
.footer-social:4 个内联 SVG →<img>:TikTok.png/Facebook.png/Instagram.png/whatsapp.png(LinkedIn 被 Instagram 替换,aria-label 同步)。- footer 按正确闭合处理(用户决策,不复刻旧 10 页的嵌套错误)。
- Business 栏 4 条指向真实业务页;About Us 栏 "Company Profile"→"Company Overview";News 栏 4 条 → 新闻详情(139th Canton Fair / Dubai Branch Opens / West Africa Factory / Clients Visit HQ)。
一、逐页正文变更
index.html
- bento 标题改全大写 "STRONG RESOURCES, RELIABLE DELIVERY"(CSS 另加 text-transform 兜底)。
.cell-banner:kicker 注释掉;banner-title = "Four Core Businessesk"(原样复刻错字);背景 image/home/Mask1.jpg(CSS)。- 所有
.ph-label删除。 - presence
.section-lead文案整段替换(无 strong)。 - network 卡 ph class →
ph-service1..4。 - partner 特性 li 只留
span.pf-ico > img(strong 词删除)。 - news 卡:news-meta 注释掉;标题新文案;链接 → 详情页。
about-us.html
#au-3新增div.au-zoom-mask(JS 驱动 0→0.8);.au-logo-big img→ image/hs.png;theme js/about-us.js 照抄根 v2。.au-gps__cards4 卡:div 占位 →<img class="au-gps__card-img" src="image/about-us/Global1..4.jpg">(元素类型变了)。.au-gps__wide-img→<img src="image/about-us/about.jpg">。- 数据轮播 3 卡 → 4 卡(新首卡 Auto Export/ph-aboutlb1;HESU PIPE/Cross-Border Logistics/After-sales & Modification)。
.au-gps__feature重构:feature-overlay 删除 →.au-gps__feature-copy>p.au-gps__feature-title("Core Strengths")+div.au-gps__feature-list> 4 个 p(Integration Strength / Operational Know-how / One-Stop Export / Digital Management);feature-img 背景 image/about-us/right.jpg(CSS)。
after-sales.html
- hero bg → image/After-sales/banner.jpg;
a.bp-hero__scroll删除。 .bp-cap__ico:内联 SVG span →<img src="image/After-sales/{...}.png">×4。- intro 图 → image/After-sales/Business-Introduction.jpg。
.as-svc__ring:内联 SVG →<img src="image/After-sales/Service1..6.png">(名称不变)。.as-region__head文案替换。.as-loc×3 大幅简化:body 全删,只剩div.as-loc__media > img+span.as-loc__title("Zhengzhou
China" 格式);图 After-sales/{Zhengzhou,Dhabi,ghana}.jpg。
auto-export.html
- scroll 删除(hero 背景不变)。
.ae-models:ul.ae-models__tags 整块删除;body 拆成两个p.ae-models__body(无 bp-body),文案重写。.ae-map:5 个 ae-marker 与 ul.ae-map__legend 全删,只剩img.ae-map__img。
building-materials.html
- scroll 删除。
ul.bp-stats→ul.bp-caps:li.bp-cap>img.bp-cap__ico(image/pipe/years|countries|parters|lines.png)+ 单个span.bp-cap__label("25+ Years"/"100+ Countries"/"1,000+ Partners"/"116 Lines")。- 产品卡 SVG →
<img src="image/pipe/Product1..5.png">(名称不变)。
contact.html
- hero bg → image/contact-us-bnner.jpg;
p.ct-hero__sub删除。 .ct-map完全重做:div.container > div.ct-map__box> [iframe.ct-map__frame + div.ct-map__veil + div.ct-map__info > h3.ct-map__info-title "Contact Information" + dl.ct-map__list > 3 × div.ct-map__item(img.ct-map__ico = tel.png/email.png/address.png + div.ct-map__item-text > dt+dd)]。数据:TEL/WhatsApp +8613526635577;Send Email @hesucar.com;Address Building 17-6, 279 Xisanhuan Road, Zhengzhou, Henan, China。背景 image/map-bg.png(CSS)。
development-history.html / global-presence.html
- 前者正文无变化;后者仅
.gp-hint(span.mouse 滚动提示)注释掉。
news.html
- hero bg → image/news/news-banner.jpg;
p.nw-hero__sub、a.nw-hero__scroll删除。 - 列表容器 DOM 未变(由 news.js 渲染)。
news-detail.html(全新页,body.is-news)
main.nd-main
├ section.nw-hero(与列表页同款:bg=image/news/news-banner.jpg、title="NEWS";无 sub/scroll)
└ div.nd-body
├ a.nd-back "← Back to News"
├ div.nd-meta > span.nd-meta__cat#ndCat(日期 span 被注释——不显示)
├ h1.nd-title#ndTitle
├ div.nd-article#ndArticle(3 个 <p> 与 2 个 figure.nd-figure>img 交替;图 image/news/detiles{1..4}-{01,02}.jpg)
└ div.nd-nav#ndNav(a.nd-nav__item.nd-nav__prev/.nd-nav__next > span.nd-nav__label("Previous"/"Next") + span.nd-nav__title)
CSS: css/news-detail.css(113 行,.nd-* 全套:860px 版心、figure img 80% 宽居中、nd-nav 双列、680px 断点)。JS: js/news-detail.js(117 行,?id=N + 4 篇文章数据;不迁移——single-news.php 服务端渲染,reveal 由主题 main.js 扩展覆盖)。
二、CSS/JS 变更
- 主题 css/ 需照抄覆盖:style.css、business.css、about-us.css、after-sales.css、auto-export.css、building-materials.css、global-logistics.css、news.css(8 个)。
- contact.css:合并——根 v2 全文 + 重追加主题 CF7 桥接段(现 theme 版 L211-300,约 90 行,与 v2 无冲突)。
- 新建 css/news-detail.css;news-single.css 废弃删除(同步改 inc/assets.php)。
- js/about-us.js:照抄覆盖(+zoomMask 逻辑)。
- js/main.js、js/contact.js:根未改,主题版零动作。
- js/news.js:不迁移;但 archive-news.php 跟随——
.nw-row__more内<span class="arrow">→</span>删除、新增.nw-empty空态("Coming soon — no {cat} yet.",空分类时隐藏分页)。 - style.css
.ph-*新映射:ph-materials→HESU-PIPE.jpg、ph-auto→Auto-Export.jpg、ph-aftermarket→Global-Logistics.jpg、ph-logistics→After-sales.jpg(名字对图互换,照抄)、ph-middleeast→Company-History.jpg、ph-easterneurope→Company-Overview.jpg、ph-fair/dubai/factory/visit→home/new1..4.png;新增 ph-aboutusright/ph-aboutlb1/ph-service1..4;保留 ph-centralasia/ph-africa(home/Service2/4.jpg)/ph-warehouse/ph-logistics2/ph-exportcars。
三、图片资产
新增(复制进 theme image/):根目录散图(After-sales.jpg、Auto-Export.jpg、Company-History.jpg、Company-Overview.jpg、Global-Logistics.jpg、HESU-PIPE.jpg、Facebook.png、Instagram.png、TikTok.png、whatsapp.png、address.png、email.png、tel.png、hs.png、map-bg.png、contact-us-bnner.jpg)+ 目录(After-sales/、about-us/、global-logistics/、news/、pipe/Product1..5.png、home/Mask1.jpg+new1..4.png)。image/history/development-history-bnner.jpg 是孤儿文件(无引用,可跳过)。删除 image/aboutus2.jpg(主题侧载清单/markup/news-data 共 5 处引用需换新)。
四、差距总结(实施清单)
| 主题文件 | 动作 |
|---|---|
| theme css ×8 + news-detail.css | 照抄覆盖 / 新建 |
| theme css/contact.css | 合并(v2 + CF7 桥接段) |
| theme js/about-us.js | 照抄覆盖 |
| theme image/ | 复制新增 + 删 aboutus2.jpg |
| footer.php + inc/customizer.php | 社交 img 化 + linkedin→instagram 设置;新闻 hero 默认 → image/news/news-banner.jpg |
| inc/walker-mega.php | mega 重构(Business 只留 title;About 空 left + 2 卡;卡片无 p)+ fallback v2 |
| blocks/hero | block.json showScroll default → false |
| blocks/banner-cell | kicker 空则不输出 |
| blocks/partner | strong 词删除(或空不输出) |
| blocks/news-grid | news-meta 删除 |
| blocks/model-list | tags 删除;body 两段(p.ae-models__body ×2) |
| blocks/feature-cards | ae-marker 提取与 legend 输出删除 |
| blocks/feature-card | as-svc/gl-svc SVG→img;as-loc 重写(media + as-loc__title) |
| blocks/product-card | img 分支对齐 aria-hidden;seed 传 imgUrl |
| blocks/cap | 支持第二个 label(物流页双 label) |
| blocks/au-screen-2 | 加 .au-zoom-mask |
| blocks/au-gps | 重写(cards/wide img 化、4 数据卡、feature-copy) |
| blocks/gp-screen | gp-hint 可省略/删除 |
| blocks/contact-map | 完全重写(box/veil/info/dl) |
| archive-news.php | 去 hero sub/scroll;arrow span 删;nw-empty 空态 |
| single-news.php | 按 news-detail.html 重写(nd-*);assets.php 换 news-detail.css |
| seed/markup.php | 全页更新(含 showScroll:false、新 phClass、caps、新结构属性) |
| seed/news-data.php | 重写:4 篇 v2 文章(p/figure 交替正文) |
| inc/seed.php | 侧载清单增删;页面 thumb 更新(after-sales/global-logistics/contact) |