Files
hesu-JT/docs/superpowers/plans/2026-08-17-static-v2-sync-report.md
T
2026-08-27 11:54:26 +08:00

9.3 KiB
Raw Blame History

静态 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__cards 4 卡: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)