制作実績

株式会社HPcode 様

担当範囲

サイト設計/デザイン/WordPress構築/保守

概要

業態ホームページの制作・運用・保守
種別リニューアル(テーマを作り直し、トップページも管理画面から更新できる作りへ)
公開2026年

WordPress導入の背景

以前のサイトも、WordPressで作っていました。お知らせや下層のページは管理画面から更新できましたが、トップページは直接コードで組んでいて、文章や写真を変えるたびに、コードを書き換える必要があり情報が滞りがちでした。

更新の負担を減らすために、トップページを含め全てのページを管理画面から更新できる形に作り変えました。

WordPressで実現したこと

トップページ

トップページを、ブロックエディタで組み直しました。見出しや文章、写真を、ほかのページと同じように管理画面から差し替えられます。

トップページのブロックエディタで見出しを選んでいる画面と、公開中のトップページの同じ箇所を並べた画像

制作実績

制作実績は、専用の投稿の種類として管理しています。担当範囲やサイトのURLを入力欄から入れるだけで、ページの決まった場所に表示されます。

制作実績の編集画面の担当範囲とサイトURLの入力欄と、公開ページの担当範囲の帯と「サイトを見る」ボタンを並べた画像

実績のスライダー

トップページの実績は、制作実績を公開すると、自動でスライダーに並びます。トップページを編集しなくても、新しい実績がすぐに表に出ます。

公開済みの制作実績の編集画面と、トップページの実績スライダーに並んだ様子を並べた画像

お知らせ

お知らせは、ブロックエディタで更新できます。一覧と詳細のページに自動で並ぶので、書いたらそのまま公開できます。

お知らせのブロックエディタの画面と、公開されたお知らせのページを並べた画像

共通の相談エリア

各ページの下にある相談のエリアは、1か所を直すと全ページに反映される作りにしています。文言を変えるときも、ページごとに直す必要がありません。

会社概要と制作実績の2つのページの下に、同じ相談エリアが表示されている様子を並べた画像

見出しのデザイン

見出しのデザインは、管理画面の「スタイル」から選べるようにしています。記事を書く人が、デザインを崩さずに見出しを使い分けられます。

見出しブロックの設定でスタイル「下線」を選んでいる画面と、公開ページの下線つきの見出しを並べた画像

構築のポイント

今回いちばん意識したのは、見た目を変えずに、中の作りだけを入れ替えることです。

サイトの印象を大きく変えると、見てくださっている方を戸惑わせてしまいます…。なので、デザインはできるだけ今のままにして、トップページを含めて、どこでも管理画面から直せる作りにしました。

もうひとつは、WordPressに最初から入っている機能を中心に作ったことです。特殊な仕組みに頼らない分、WordPressの更新にも合わせやすくなります。

「更新できるWordPressサイト」を、自分たちのサイトで形にすることができました。

まずは無料相談から

お気軽にご相談ください!