第2回 無料で士業のホームページを制作する方法シリーズ(ワードプレスとテーマ)

更新日 2023年11月4日

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

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

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

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

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

デモサイトはこちら新規ウインドウ

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

デモサイトスクショ

 

全4回のシリーズ

ワードプレスを使って無料の士業ホームページを制作するこのシリーズは、全4回です。

第1回 無料で士業のホームページを制作する方法(無料サーバーとワードプレス)

→この記事 第2回 無料で士業のホームページを制作する方法(ワードプレスとテーマ)

第3回 無料で士業のホームページを制作する方法(プラグインとウィジェット)

第4回 無料で士業のホームページを制作する方法(トップページとメニュー・終)

前回では、無料レンタルサーバー(無料ドメイン)の取得と、ワードプレスのインストールが終了しました。

ここからワードプレスの編集をしていきます。

1.テンプレート(テーマ)をインストールする

ワードプレスでは、「テンプレート」のことを「テーマ」と言います。

ここでは有名テーマの「Lightning」をインストールします。

Lightningとは?

株式会社Vektorが提供する無料のワードプレステーマです。

無料で高機能なワードプレスのテーマといえば多くの人がLightningというほど、良質なテーマです。

超有名な日本語テーマで、信頼性、カスタマイズ性共に抜群です。(ベタ褒めして気持ち悪いですが…笑)

テーマをインストール

「外観」
  ↓
「テーマ」
  ↓
「新規追加」

下の画像のようにTwenth Twenth-Threeなど、デフォルトでいくつかのテーマが入っていますが、無視してください。

テーマを新規追加

 

検索ボックスに「Lightning」
  ↓
Lightningテーマが出現するので「インストール」をクリック
  ↓
ボタンが有効化に変化するので「有効化」をクリック

Lightningのインストール

 

これでインストール&有効化が完了です。

画面が勝手に下の画像のテーマ一覧に推移します。

新しいテーマを有効化しました。サイトを表示 と出ていますので、テーマの有効化されていることも分かります。

テーマの一覧

 

「サイトを表示」をクリックすると、Lightningを使用しているホームページが表示されます。

トップページ

 

これがカスタマイズをしていない素の状態です。

ここからカスタマイズを加えます。

2.メイン画像を変える方法

メイン画像を入れ替える方法の手順です。

「外観」
  ↓
「カスタマイズ」
  ↓
「Lightning トップページスライドショー」
  ↓
少し下にスクロールすると[1] スライド画像があります。

メイン画像を入れ替える方法

こんなのは面倒臭い方

イチマイを利用すると、こんな手間は全てありません。

トップ画像も、これから行うカスタマイズも、全部施されたホームページが手に入るのがイチマイです。

しかも、プロが作った豊富なテンプレートを利用可能。

費用はたったの月額1,980円です。

デモサイトのようなデザインが、そっくりそのままあなたのものになります!

お申し込みはこちらから。

1900p×600pを目安に入れ替える画像を用意してください。

「画像を変更」
  ↓
画像をアップロード
  ↓
「画像を選択」

この手順を踏めば、メイン画像が入れ替わります。(下の画像では次にやるスライドタイトルなどのテキストも編集済みの状態です)

トップ画像

次は、スライドタイトルなどを変更します。

任意の文章を入れてかまいません。

スライドタイトルなどを変える

 

ここでは、以下のように入力します。

[1] スライドタイトル (任意)
 いつでも相談できる安心のパートナーとして

[1] スライドテキスト (任意)
 〇〇市の親身な町の法律家

[1] ボタンのテキスト (任意)
 相談する

[1] スライド画像リンク先 URL
 http://shigyo.cloudfree.jp/contact(後程、コンタクトのページを作成します)

[1]位置 (任意)
 中央

文字色も調整すると、以下のようになりました。

トップ画像編集後

 

これだけでも、少し士業のそれっぽくなりました。

この状態では、まだスライドが続いているため、[2]スライド以降を削除します。(スキー場の子供の画像も削除してください)

これで完了です。

「公開」ボタンをクリックして保存します。

この記事のまとめ

今日はここまでです。

この記事は、ワードプレスのテーマをインストールして、メイン画像を変更するところまでやりました。

次に、ページの周辺の調整から進めていきます。

→次の「第3回 無料で士業のホームページを制作する方法(プラグインとウィジェット)」へ