デモサイト＆GitHub

https://nagashun.jp/wp-demo01/

https://github.com/nagashundesign/wp-demo01

概要

無料配布されているデザインカンプをもとにコーディングし、WordPressのオリジナルテーマとして構築した架空のコーポレートサイトです。

配布デザインはWordPress化を前提としていないため、制作実績・トピックスのカスタム投稿タイプ、カテゴリ分類、カスタムフィールド、お問い合わせフォーム、管理画面などを独自に設計・追加しました。

差別化やWordPress化にあたり、一部変更や追加を行い、現在や昨今の実務を想定した構成へ調整しています。

詳細はGitHubのREADMEをご確認ください。

担当箇所

デザインは無料配布カンプを使用し、コーディング以降の実装を担当しました。

制作期間

約10日

主な実装

• 「制作実績」「トピックス」のカスタム投稿タイプ（ACFで作成）

• カスタムタクソノミーによるカテゴリ分類（ACFで作成）

• 一覧、詳細、カテゴリ別テンプレート

• WordPress標準ページネーション

• ACFによる制作実績情報の管理

• SCFによる会社基本情報の一元管理

• Contact Form 7によるお問い合わせフォーム（デモモードON）

• 送信後の完了ページ遷移

• 独自404ページ

• アイキャッチ画像の出力

• 固定画像の1x / 2x切り替え

• CSS、JavaScriptのキャッシュ対策

CMS・管理画面設計

投稿内容に不要な標準エディターは非表示にするなど、更新担当者が迷いにくい管理画面を意識しました。

カスタム投稿タイプ「制作実績」

制作実績ではクライアント名、URL、公開年、担当範囲、制作コメントをAdvanced Custom Fieldsで管理、カテゴリ、アイキャッチ画像を管理画面から登録できるようにしています。

Smart Custom Fields

会社名、代表者名、所在地、電話番号、Googleマップなどの共通情報はオプションページに集約し、複数のテンプレートから参照しています。