更新日　2025年6月11日

第4回目　ワードプレスで無料の士業ホームページを制作するまとめ

この記事では無料で士業向けのホームページを制作します。

費用は1円もかけません。完全無料で制作します。

このシリーズでできること

このシリーズの手順に沿っていけば、以下のデモサイトのようなホームページを完全無料で制作することができます。

→ デモサイトはこちら

↓デモサイトのスクリーンショット

ここからは、トップページを編集していきます。

トップページを作る

「固定ページ」
↓
「HOME」の記事をクリック

これでトップページの編集画面に推移します。

見たこともない画面で身構えるかもしれません。

これはエディタと言われるホームページの編集画面です。

※エディタの使い方は「テキスト、画像の編集方法（外部リンク）」を参考にしてください。

一度何かを変更してみてください。

今の段階では、変な形になっても取り返しがつきます。

とりあえずいじってみてください。

習うより慣れろが大事です。

なお、この編集作業は膨大な量になるため省略しますが、ここで何をするのかというと、ブロックにパターンを入れていく作業をしていきます。

カーソルを合わせてブロックを選択
↓
入力したいパターンを入れていく。

これを各項目毎に繰り返していきます。

ここでは、以下のようなトップページを制作しました。（お問い合わせのメールフォームなども設置しました。）

今一度、デモサイトをご覧ください。

↓全体像のスクリーンショット（現在のデモサイトと若干の変更があります）

2.メニューを作成する

ここからメニューを作成していきます。

通常では、メニューに様々な項目を入れていきます。

「外観」
↓
「メニュー」

編集するメニューを上部のプルダウンから選んで「選択」をクリック

通常は、メニューに入れたいページを左から右に入れていきます。

今ある固定ページを入れてみましょう。

後々、料金案内や事務所概要の固定ページを作成したときに、メニューへ追加していきます。

ここまでのまとめ

トップページとメニューの編集をしました。

これで一通りのホームページらしい形ができました。