Homepage production example

ホームページ制作事例

ホーム > Works > blog:中谷酒造 秘密の米蔵
ホームページ制作実績 / 中谷酒造 秘密の米蔵

中谷酒造 秘密の米蔵

投稿日 : 2026.07.20

CATEGORY

blog

URL

https://www.sake-asaka.co.jp/blog-himitsu/

ROLES

  • Direction
  • Planning
  • Design
  • Coding

プロジェクトの課題と目標

【課題】六代目当主個人の趣味を、既存の運用フローを崩さずに発信基盤へ落とし込む

中谷酒造様の六代目当主が長年手掛けてきたジオラマ制作という個人的な趣味を、ブランドの新しい魅力として発信したいというご要望がありました。しかし、既存のブログ・SNS自動投稿の仕組みは、通常の商品紹介・お知らせ記事を前提に構築されており、新しいコンテンツジャンルをそのまま追加すると、既存の運用フロー(テーマのテンプレート構造、SNS連携設定)との整合性が取れなくなる懸念がありました。

【目標】専用の投稿基盤と、作品の魅力を最大限に伝えるギャラリー表示の構築

目標は、既存の運用に負荷をかけない形で「秘密の米蔵」専用の投稿タイプとテンプレートを新設し、あわせて渾身のジオラマ作品を細部まで鑑賞できるレスポンシブなライトボックスギャラリーを構築することです。これにより、属人的な趣味のコンテンツを、無理なく継続的な発信の柱として育てられる基盤を目指しました。

MK-Designの戦略的解決策

  • 01. カスタム投稿タイプとテーマ独自ルーティングの設計

    既存テーマ独自のテンプレートルーティング方式({posttype}-index.php方式)を解析したうえで、「秘密の米蔵」専用のカスタム投稿タイプを新設。カテゴリー一覧ページ・投稿詳細ページそれぞれに専用テンプレートを実装し、既存の他コンテンツと構造を分離しながらも、サイト全体のデザイン言語との一貫性を保ちました。(ROLES: Direction, Coding)

  • 02. PC・SP/縦横画面に最適化したレスポンシブライトボックスギャラリー

    渾身のジオラマ作品を細部まで鑑賞いただけるよう、軽量なVanilla JSによるライトボックスギャラリーを独自実装。PCでは画面幅を最大限活かした表示、スマートフォンでは縦画面・横画面それぞれで見え方が最適になるよう、CSSを個別に調整しました。(ROLES: Design, Coding)

  • 03. 既存のSNS自動投稿の仕組みへのシームレスな統合

    新設した投稿タイプが、既存のJetpack Publicize・NextScripts SNAPによるX/Facebookへの自動投稿の仕組みにそのまま乗るよう、各プラグインの設定・投稿タイプサポートを調整。あわせてPHP 8.4アップグレードに伴う既存コードの警告にも対応し、運用の継続性を確保しました。(ROLES: Direction, Coding)

導入後の成果

六代目当主の個人的な趣味というユニークなコンテンツが、既存の運用フローに無理なく組み込まれ、継続的な発信の土台が整いました。専用のギャラリー表示によって、ジオラマ作品の質感やディテールまで伝わる見せ方が実現し、中谷酒造様のブランドに新たな一面を加える発信基盤となっています。

中谷酒造 秘密の米蔵 PC版1
中谷酒造 秘密の米蔵 PC版2
中谷酒造 秘密の米蔵 スマホ版1
中谷酒造 秘密の米蔵 スマホ版2
中谷酒造 秘密の米蔵 スマホ版3
中谷酒造 秘密の米蔵 スマホ版4