「古書河島」様　ホームページ制作

古書買取・販売を行う「古書河島」様のコーポレートサイト制作において、デザインカンプをもとにHTML/CSS/JavaScriptによるコーディングおよびWordPress実装を担当しました。

サイト公開後も更新しやすい運用を意識し、カスタム投稿やカスタムタクソノミーを活用した設計を行いました。

担当範囲

• HTML / CSS / JavaScript コーディング
• WordPress構築
• カスタム投稿実装
• カスタムタクソノミー実装
• レスポンシブ対応

【制作時に意識したこと】

■デザインの再現性を重視したコーディング

古書河島様のサイトは、落ち着いた雰囲気や信頼感が伝わるデザインが特徴でした。

そのため単に見た目を合わせるだけでなく、余白・文字サイズ・行間など細かな部分まで確認しながら実装を進めました。

また、スマートフォンでも同じ世界観を維持できるよう、レスポンシブ対応にも配慮しています。

■ユーザー導線を意識した実装

スマートフォンからのアクセスを考慮し、固定フッターにLINE登録ボタンを設置しました。

ユーザーがページを閲覧しながらでもお問い合わせや査定依頼へ進めるため、コンバージョン導線を意識した実装となっています。

また、トップページにはスライダーやハンバーガーメニューを実装し、情報量が多くても快適に閲覧できるよう工夫しました。

■更新しやすいWordPress設計

サイト運用時の更新負担を減らすため、以下のコンテンツをカスタム投稿として構築しました。

• 買取実績
• コラム
• ニュース

さらに、各コンテンツを分類しやすくするためにカスタムタクソノミーを実装しています。

これにより、管理画面から簡単に記事を追加・整理できる構成にしました。

■テンプレートの共通化による保守性向上

一覧ページは archive.php を共通テンプレートとして設計しました。

投稿タイプごとに取得するデータのみ切り替える構成とすることで、

• コードの重複を削減
• 修正箇所を最小化
• 保守性の向上

を実現しています。

将来的に投稿タイプが追加された場合にも対応しやすい構成を意識しました。

■関連記事表示による回遊性向上

記事詳細ページのサイドバーには、同じジャンルの最新記事を4件表示する機能を実装しました。

ユーザーが関連コンテンツへ自然に移動できるため、

• サイト滞在時間の向上
• 回遊率向上
• 情報へのアクセス性向上

を目的とした設計です。

まとめ

デザインの再現性を担保しながら、WordPressによる更新性・保守性・運用性も考慮して実装しました。

特にカスタム投稿やカスタムタクソノミーを活用した設計、テンプレートの共通化による保守性向上など、公開後の運用まで見据えたサイト構築を意識しています。