做 B2B 工业网站，你是否也曾被这些问题困扰？
- 找设计师做了稿子，开发说”实现不了”或”要做很久”
- 自己用古腾堡编辑器拼了半天，页面看起来总是不够”专业”
- 想让不同页面保持统一的设计风格，但每次都得从头调
- 好不容易调好的样式，换个页面又要重新写 CSS
这些问题，WordPress 企業向け Theme のパイオニア v2.0 ——全新上线的「模板工坊」功能，一次性帮你解决。
先简单介绍一下：Linghang主题是什么？
领航（Linghang）是一款专为工业制造类企业打造的 WordPress 商业主题。
它不是那种功能堆砌的”万能主题”，而是真正考虑 B2B 工业企业的实际需求：
✅ 16 个专属古腾堡块，随需随用
主题在古腾堡编辑器中内置了一个”Linghang Blocks”模块分类，包含 16 个经过专项设计开发的页面区块：
- 🖼️ Hero / Hero Slider：全宽首屏大图和滑块，支持背景视频、图片、渐变色多种形式
- 📝 About：图文介绍区块，支持左右图文布局
- 🛠️ Services：服务/产品展示网格
- 📁 Projects：案例/产品展示，支持分类筛选
- 📊 Stats：数字统计动画区块（自动计数效果）
- 👥 Team：チームメンバー紹介
- ⭐ Testimonials：お客様の声／推薦文
- ❓ FAQ：折りたたみ式Q&A
- 🎯 Why Choose Us：コアバリュー比較表示
- 📞 Contact Info：お問い合わせ情報ブロック
- 📱 Content Card：柔軟なコンテンツカード
各ブロックは工業／製造業のシナリオに最適化されており、ブランドカラー変数、レスポンシブレイアウト、SEOフレンドリーなセマンティックHTML構造をサポートしています。
✅ 完全なエンタープライズ機能サポート
- Carbon Fields 高度なカスタムフィールドシステム（製品詳細ページ、チームメンバーなど）
- 製品表示システム（付属プラグイン）
- 多言語対応（i18nサポート）
- レスポンシブデザイン、デスクトップ／タブレット／スマートフォン対応
- Gutenbergブロックエディター互換
✅ テーマ付属CSSアーキテクチャ
各ブロックには独立したCSSファイルがあり、スタイル変更時にスタイルシート全体を探す必要はありません。
本題です：テンプレート工房とは？
テンプレート工房は v2.0 でテーマに無料で付属するビジュアルHTMLモジュールジェネレーター。
その中核ロジックは非常にシンプルです：
テンプレートを選択 → 内容を入力 → HTMLをコピー → GutenbergカスタムHTMLブロックに貼り付け
コードを書く必要も、CSSを知る必要もなく、完全で、レイアウトがプロフェッショナルで、ビジュアルが統一されたページモジュールを手に入れられます。
テンプレート工房の中核機能
1. 24以上の厳選テンプレート、高頻度ビジネスシナリオをカバー
内蔵テンプレートは、B2B 企業サイトで最もよく使われるページタイプをカバーしています：
ファーストビュー表示系
- 左右二段組のテキスト＆画像、グラデーション背景、中央大見出し、フォーム誘導
サービス／製品表示系
- グリッドレイアウト、交互テキスト＆画像レイアウト、ダークテーマグリッド、タブ切り替え
フロー／ステップ系
- 横型ステップバー、縦型タイムライン、カード式フロー
FAQ 系
- アコーディオン式、二段組レイアウト
お客様の声系
- グリッドカード式
CTA／お問い合わせ系
- アクション喚起バナー、左右二段組お問い合わせ
会社概要系
- 左画像・右テキスト、右画像・左テキスト、統計データ付き
各テンプレートには完全な CSS スタイルが付属しており、テーマのカラー変数（var(–primary-color) など）を使用しているため、公開後は自動的にテーマスタイルに適応します。
2. リアルタイムビジュアルプレビュー、WYSIWYG
テンプレート工房に入ると、左側にテンプレート一覧、右側にリアルタイムプレビューウィンドウが表示されます。
タイトル、テキスト、画像 URL など、あらゆるコンテンツを編集すると、右側のプレビューエリアが即座に更新され、入力した内容がそのまま反映されます。
プレビューエリアはデスクトップ／モバイルの切り替えに対応しており、レスポンシブ表示を確認するのに便利です。
3. AI スロットシステム——テンプレートを「生きている」ものにする
これはテンプレート工房が通常のテンプレートライブラリと異なる重要な機能です。
各テンプレートの特定の位置には「スロット」（Slot A、Slot B……）が用意されています。スロットをクリックすると、異なる種類の生成モジュール：
| モジュールタイプ | 効果 |
|---|---|
| 🔒 トラストバッジ | 認証マーク、協業ブランドのロゴを表示 |
| 💡 コアバリューアイコン行 | アイコン + タイトル + 説明、3～6列から選択可能 |
| 📊 データ統計行 | 数字 + 単位 + ラベル（例：「20+ 年の経験」） |
モジュールを選択 → 内容を入力 → 対応するHTMLコードが自動生成され、テンプレートに統合され、ページに挿入されます。
プロセス全体コードを手動で書く必要は一切ありません。
スロットシステムは特にファーストビューエリアに最適です。信頼バッジや統計数字は、B2B顧客が最も見たい「信頼の裏付け」コンテンツであり、ワンクリックで生成できます。
4. ワンクリックスキン変更：3つの背景テーマ
各テンプレートには、3つの背景スタイルがプリセットされています：
- 🟤 ピュアホワイト：プロフェッショナルでシンプル、コンテンツ密度の高いページに最適
- 🔘 ライトグレーの質感：階層がはっきりしており、サービス/製品の紹介に最適
- 🌑 ブランドダーク：高級感があり、ファーストビュー/CTAエリアに最適
クリックして切り替えると、モジュール全体の配色が変更され、色はテーマ変数に自動的に適応するため、CSSを手動で調整する必要はありません。
5. AI文章校正——良い文章が書けない？AIにお任せ
各テキストフィールドの横には、AIマジックワンドボタンがあります。
テキストを選択し、校正をクリック——AIは事前に入力された会社/製品の背景情報に基づいて、自動的に文章表現を最適化し、コンテンツをよりプロフェッショナルで説得力のあるものにします。
文章のシナリオ（会社概要 / コアバリュー / サービス紹介 / 製品特徴 / 発展の歴史）を指定可能で、出力言語は中国語または英語から選択できます。
6. CSSの永続化——公開後に自動反映
テンプレート工房で設定したカスタムCSSは、データベースに保存されます。
ページ公開後、CSSは自動的にwp_headを介してフロントエンドに出力されます——テーマファイルを変更したり、追加のプラグインをインストールする必要はなく、ページをリフレッシュするだけで完全な効果を確認できます。
特定のモジュールのCSSが不要になった場合は、ワンクリックで削除できます。
では、Gutenbergブロックはどうでしょうか？2つの機能はどう選べばいいですか？
これは多くのユーザーが尋ねる質問です。結論を直接述べます：
👉 グーテンベルクブロックを使って、テーマで既にデザインされた標準ブロックを作成します。
👉 テンプレート工房を使って、グーテンベルクブロックではカバーできないカスタムモジュールを作成します。
両者は補完関係であり、代替関係ではありません。
詳細比較
| Linghang グーテンベルクブロック | テンプレート工房 | |
|---|---|---|
| 使用方法 | エディタのブロック一覧から直接挿入 | HTMLを生成し、カスタムHTMLブロックに貼り付け |
| 編集方法 | ブロック設定パネル（ビジュアル） | フォームフィールド編集（WYSIWYGプレビュー） |
| AIアシスト | ❌ なし | ✅ AI文章のリライト |
| スタイルテーマの切り替え | ❌ なし（手動で行う必要あり） | ✅ 3種類の背景をワンクリックで切り替え |
| CSS管理 | テーマファイルで一元管理 | データベースに個別保存 |
| 適用シーン | 標準化された「私たちについて」などの固定ブロック | 高度にカスタマイズ可能な表示モジュール |
| 柔軟性 | テーマで設定されたパラメータのみ調整可能 | 任意のHTML構造を生成可能 |
| テンプレート数 | 16個の固定ブロック | 24+ テンプレート、継続更新 |
| リモート同期 | ❌ なし | ✅ 認証キーでさらに多くのテンプレートを同期可能 |
どちらを使うべきか？
Gutenberg ブロックを選ぶ場合：
- ページにテーマが標準で用意するブロック（Hero、Services、Stats など）が必要な場合
- ブロックパネルでコンテンツをビジュアル編集したい場合、コードに触れたくない場合
- ページ構造が比較的標準的で、特別なカスタマイズが不要な場合
テンプレート工房を選ぶ場合：
- Gutenberg ブロックにない特定のレイアウトが必要な場合
- 内蔵ブロックとは異なるモジュールデザインが欲しい場合
- モジュールをワンクリックでスキンチェンジでき、手動で CSS を調整したくない場合
- リモートテンプレートライブラリからさらに多くのデザインテンプレートを同期したい場合
実際のワークフロー例
完全な「会社概要」ページは、次のように組み立てられます：
- 用 Hero ブロックファーストビューの大画像を設置（Gutenberg ブロック）
- 用 About ブロック会社紹介を表示（Gutenberg ブロック）
- 用 Stats ブロック主要データを表示（Gutenberg ブロック）
- 用 テンプレート工房「沿革」タイムラインモジュールを生成し、ページに貼り付け（テンプレート工房）
2つのツールがそれぞれの役割を果たし、ページは統一感を保ちつつ、個性的なデザインを実現します。
対象ユーザー
- ✅ 基本コンテンツはあるがページの「見た目」が不十分な工業・製造業の企業サイト
- ✅ 「会社概要」「サービス紹介」「事例紹介」などの標準ページを素早く構築したいサイト運営者
- ✅ コードが分からなくても自分でページデザインを最適化したいユーザー
- ✅ 統一されたビジュアルスタイルを適用し、毎回ゼロから CSS を調整したくない運用担当者
最後に
テンプレート工房のリリースは、リーディングテーマのユーザーがデザイナーや開発者なしでも、プロフェッショナルでデザイン性の高い B2B 企業ページを作成できるようにするためです。
以前はデザイナーが原稿を作成し、開発者が実装して初めて完成したモジュールが、今ではバックエンドでマウスを数回クリックするだけで、4 ステップで完了します。
テンプレート工房は LingHang テーマに伴いv2.0.0アップデートで提供され、購入済みのユーザーは無料でアップグレードしてご利用いただけます。今後もさらに多くのテンプレートタイプを追加し、認証キーを通じてあなたのサイトに同期します。
すでに LingHang テーマをご利用の方は、アップデート後にテンプレート工房をお試しください。ご意見やご提案があれば、お気軽にコメントをお寄せください。
初めての方は、ぜひお試しください。
