企業サイト（デモ）
Wordpress / 企業サイト
Overview - 制作概要
- 制作期間
- 約4週間（実装時間 約30〜40時間）
- サイトタイプ
- WordPressコーポレートサイト（オリジナルテーマ）
- 担当範囲
- 構成 / WordPressテーマ開発 / PHPテンプレート作成 / Sass / レスポンシブ対応 / ブログ型→サイト型への再構築 / カスタム投稿・カスタム分類（必要箇所のみ） / OGP設定
- 主な機能
- 投稿ループ / サムネイル条件分岐 / カテゴリ・タグのカスタム表示 / 固定ページテンプレート / paginationのパーツ化 / get_template_partによるコンポーネント分割 / sidebarウィジェットエリアの実装 / お問い合わせフォーム
- URL
- ローカル環境で制作（公開なし）
Concept - コンセプト
この制作では、企業の理念・事業内容・制作実績・記事一覧・お問い合わせなど 「一般的なコーポレートサイトに求められる情報構造」を洗い出し、 ユーザーがストレスなく目的に到達できる導線を設計しました。 また、WordPress の標準テーマ構造に頼るのではなく、 index.php／single.php／page.php／archive.php などをすべてオリジナルで設計し直し、 ブログ型ではなく“企業サイトとして成立する構成”へ全体を最適化 しています。 Sassを活用してスタイルを管理し、 細かい余白・フォントサイズ・カードデザインなどをコンポーネント化することにより、 後から修正しやすいコードに仕上げました。
Gallery - 制作画面
Tech - 使用技術
- HTML / CSS（Sass）
- JavaScript
- PHP
- WordPress（オリジナルテーマ構築）
- テンプレート分割（get_template_part）
- アイキャッチ / カテゴリ / 抜粋のカスタム表示
- ブログ型 → サイト型へのレイアウト再構成
- レスポンシブ対応（モバイルファースト）
Points - 工夫したポイント
- ブログ型からコーポレート向けのサイト構造へ再設計し、必要なテンプレートを一から構築
- header / footer / sidebar / 各パーツを get_template_part() で分割し、保守性の高いテーマ設計に改善
- カテゴリ・アイキャッチ・抜粋など WordPress 固有の要素を企業サイト向けにカスタム表示
- 読みやすさを重視し、余白・フォントスケール・カードレイアウトをSassで統一管理
- モバイルファーストでレスポンシブ対応し、PC / SP の視認性を最適化
- パーツの繰り返し利用を想定したCSS設計（変数・mixin・パーシャル分割）を採用
初めてのホームページ制作や、既存サイトの調整なども丁寧にサポートいたします。
小さなご要望からでもお気軽にご相談ください。