WordPress初心者がホームページを作る~第3章~

シェアする

wordpress-logo

スポンサーリンク
サイドバー 広告336×280

第3章「テーマのカスタマイズ設定~ウィジェットの設定」

第3章は「テーマのカスタマイズ設定~ウィジェットの設定」です。ここではホームページ全体の設定を行っていきます。第2章を終えた現在のサイト画面はのような状態だと思います。まずはテーマのカスタマイズ設定から行います。

カスタマイズ

テーマのカスタマイズ設定

1.画面上部にあるカスタマイズをクリックして下さい。

カスタマイズ

2.サイト基本情報をクリック

カスタマイズ

3.キャッチフレーズやサイトアイコンを設定します。サイトタイトルは最初から入力されていると思いますが、入力されていなければ入力して下さい。サイトアイコンは無くても構いませんが、出来れば有る方がいいと思います。設定する場合はJPEG画像だと画像背景色がそのまま反映されるので、PING画像での設定をおすすめ致します。最後に保存して公開をクリック。

カスタマイズ

4.色の設定で背景色(周囲の色、下のサンプルでは赤)を選びます。デフォルトは黒ですが好きな色に変更出来ます。その他の色はデフォルトのままでいいと思いますが、お好みで設定して下さい。最後に保存して公開をクリック。

カスタマイズ

5.ヘッダー画像では、タイトル下に表示される画像を設定します。複数の画像を登録して、ランダム表示も出来ます。最後に保存して公開をクリック。

カスタマイズ

6.背景画像は不動産プラグインを使用していると変更しても反映されません。ウィジェットはカスタマイズではすべての設定が出来ないので、ダッシュボード側のウィジェット設定にて行います。メニューは一旦このカスタマイズ設定から離れ、固定ページ作成から行います。

カスタマイズ

メニュー設定

次の作業はメニュー設定です。メニューとは固定ページやカテゴリーのタイトルを並べたものです。まずは固定ページ(必要ならカテゴリーも)を作ります。

カスタマイズ

固定ページ作成

ダッシュボード→固定ページ→新規追加、もしくは画面上部の+新規→固定ページをクリック。タイトル、パーマリンクを入力して公開をクリックして下さい。同様に必要な分を作成して下さい。本来なら記事を作成して完成後に公開するのですが、作成にはかなりの時間を要しますので後回しにします。先に全体の形を作ります。

カスタマイズ

固定ページ一覧が出来ます。

カスタマイズ

メニュー構造の作成

固定ページが出来るとメニュー設定画面に固定ページ一覧が表示されます。メニュー設定画面にはダッシュボード→外観→メニューで入ります。①すべて選択をクリックしてチェックマーク確認後、②メニューに追加をクリック。順序の並べ替え等の設定が終われば最後に③メニューを保存をクリック。

カスタマイズ

メニューの位置設定

メニューの表示設定を行います。ダッシュボード→外観→カスタマイズ→メニュー→メニューの位置に入ります。メインメニュー欄で作成したメニューを選択し、保存して公開をクリック。これで画面右上にメニューが表示されます。

カスタマイズ

ウィジェットの設定

不動産プラグインの初期設定で、サイドバーやフッター及びトップページへのウィジェットの設定を行いましたが、ここではサイドバーにテキストウィジェットを使用したリンクバナー等の設置や、フッター(固定ページ、投稿ページ下部)へのウィジェットの設定を行います。

サイドバーにリンクバナー等を設置する

今の段階では物件に関するウィジェットしか設置されていませんので、テキストウィジェットを使っていろいろ追加します。例として固定ページで作成したよくあるご質問へのリンクバナーを設置します。

1.ダッシュボード→外観→ウィジェットでウィジェット設定画面に入り、サイドバーにテキストウィジェットを設置します。

カスタマイズ

2.リンクバナーは新規投稿を使って作成します。画面上部の+新規→投稿で新規投稿を追加の画面を出します。まずは①~④の手順で進めます。公開はしませんのでタイトル、パーマリンクは適当で構いません。メディアは事前にご用意下さい。

カスタマイズ

3.①メディアをクリックします。②リンクボタンをクリックするとリンクURL入力画面が立ち上がります。③歯車アイコンをクリックするとリンク先一覧が出ます。

カスタマイズ

4.リンク先一覧でリンク先を選択してクリック。URLの入力を確認してリンク追加をクリック。

カスタマイズ

5.入力画面を①テキストに切り替えます。②すべてコピーして先にサイドバーに追加したテキストウィジェットに貼り付けます。

カスタマイズ

カスタマイズ

6.サイドバーにバナーが表示され、クリックするとリンク先に移動します。同様の作業で必要なリンクバナーを設置して下さい。

カスタマイズ

テキスト(HTML可)ウィジェットの注意点

画像がPC画面では表示されるが、スマホ画面では表示されない場合があります。その場合はテキストウィジェットを使用して下さい。

写真を使用する場合の注意点

ホームページには多くの写真を使用します。無料で使用出来る写真素材はたくさんありますが、企業サイトの場合は商用利用となりますので著作権等には十分ご注意下さい。

フッターのウィジェット設定

固定ページや投稿ページでは、記事の下には何も無い状態なのでウィジェットを追加します。

カスタマイズ

ダッシュボード→外観→ウィジェット設定画面に入り、コンテンツ下1及び2にウィジェットを設置します。サンプルではトップ物件表示ウィジェットを設置しています。

カスタマイズ

ウィジェットを設置するとこの様に表示されます。

カスタマイズ

以上でウィジェットの設定は完了です。

第3章「テーマのカスタマイズ設定~ウィジェットの設定」はこれで終了です。

スポンサーリンク
サイドバー 広告336×280