居酒屋オーナーさん居酒屋オーナーさん

WordPressサイトのトップページをどういう風に作ったら良いのか、イマイチわかりません…。

サクラチカサクラチカ

そんな初心者さんのために解説します。

WordPressのサイト(ブログ)のトップページに設置するべきコンテンツを、

初心者さんにもわかりやすく説明していきます。

 

ワードプレスのテーマは【賢威8】を使っています。

↓    ↓    ↓    ↓

WordPressのサイトのトップページのパーツを説明します

 

  1. ヘッダーのロゴ画像…サイトの題名の代わりに置き換え。目立つように。
  2. グローバルメニュー…カテゴリー別の記事を読みやすいように設定。
  3. 目立つ部分なので「一番読んでもらいたい記事」「一押しの商品の紹介レビュー」「広告」などを置く
  4. 運営者情報…必ず置きましょう。もっと詳しいページへのリンクを貼ってもよいです。
  5. お問い合わせフォーム…グローバルメニュー、サイドバー、フッダーの3箇所に置く(もっと置いても良い)
  6. サイトのコンテンツをわかりやすく表示…トップページに「固定ページを表示」させるように設定。(記事の数が少ない時期は「」)
サクラチカサクラチカ

お店や会社のジャンル(業種)問わず、「トップページのどこに何を置いたら良いのか」は上の図を参考にしてくださいね。

ちなみに、このサイトは「2カラム(右サイドバー)」の構成になっています。

賢威8のカラム数の種類と設定の仕方についてまとめた記事です。

↓    ↓    ↓    ↓

 

ヘッダーのロゴ画像

 

サイトの名前を文字で表示する代わりに、画像に変えることができます。

ヘッダーのロゴ画像の設定の仕方を説明した記事はコチラです。

↓    ↓    ↓    ↓

 

グローバルメニュー

お店や会社の公式サイトには必ずあるものですよね。

グローバルメニューには、

特定の「投稿記事」やお問い合わせフォームなどの「固定ページ」、

また「特定のカテゴリー」のを表示できます。

 

サクラチカサクラチカ

閲覧者さんに見やすくする」がサイト作りで一番大事な事です。

賢威8でのグローバルメニューの設定の仕方についてまとめた記事はコチラです。

↓    ↓    ↓    ↓

一番読んでもらいたい記事を配置する

ワイドバーの一番上は目立つ位置なので、

その都度「オススメ記事」や「キャンペーン情報」などを設置して起きましょう。

サクラチカサクラチカ

このサイトでは、私の愛用の一押しツール「バナープラス」の紹介レビュー記事を置いています。

 

WordPress【賢威8】サイドバー(ウィジェット)の編集の仕方

 

サイドバーの編集を行うには、

外観」→「ウィジェット」をクリックします。

 

 

真ん中に「サイドバー」がありますね。

 

 

  • 検索
  • 最近の投稿
  • 最近のコメント
  • アーカイブ
  • カテゴリー

これらが既に配置されています。(その他も何かある可能性がありますが)

 

サクラチカサクラチカ

足りないものは追加して、要らないものは削除して、あなたのサイトにピッタリなサイドバーを作っていきましょう。

 

ウィジェットを追加する方法を動画にしました。

※音声が出るので注意です

↓    ↓    ↓    ↓

 

動画が見られない環境の人のために図解しました。

↓    ↓    ↓    ↓

 

左下にある「テキスト」というウィジェットが初心者さんにも扱いやすいです。

 

ウィジェットを追加してサイドバーに運営者情報を作りましょう

 

追加した「テキスト」と言うウィジェットは、記事投稿ページと同じように、

画像をアップロードして文字を入力して、リンクを貼ったりすることができます。

 

 

運営者情報の画像は似顔絵でも写真でも好きなものを使いましょう。

カフェオーナーさんカフェオーナーさん

ネットに顔出しするのに抵抗があるのですが…

サクラチカサクラチカ

女性はそういう悩みありますよね。「似顔絵」をお手頃価格で作ってくれるサービスとかあるので利用したり、絵心がある人は自分で描いてもいいと思います。(上手い下手ではなく、親しみやすく感じるかが大事です)

↓    ↓    ↓    ↓

 

在宅ワークの主婦さんとかがお手頃プライスで似顔絵作成してくれるサービスです。

 

 

サクラチカサクラチカ

サイトに「運営者情報」が表示されました。
自己紹介は「こんな人が運営してるんだ」と言う情報をしっかり書いてくださいね。

 

メールフォームや一番読んでもらいたい記事へのリンクも、

運営者情報を作ったのと同じように「テキスト」ウィジェットを使って作ってください。

(新しく「テキスト」ウィジェットをドラッグ&ドロップで追加してください)

 

サイドバーに画像付き投稿一覧を加える

 

サイドバーに「【賢威】画像つきの投稿一覧」というウィジェットを加えます。

タイトルを「最新の投稿記事」などわかりやすいものにします。

 

表示形式」が3種類あります。

 

シンプルなリスト」だと、

左側に正方形の写真+右側にタイトルに。

 

 

画像+テキストのリスト」だと、

画像が大きく表示され、黒っぽいフィルターがかかり、

その上に白抜きの文字で題名が表示されます。

 

 

背景画像+テキストのリスト」だと、

画像が大きく表示され、下の方に黒いフィルターと白抜きの文字が表示されます。

サクラチカサクラチカ

このサイトはアイキャッチに文字とかいろいろ載せているので、シンプルな表示を選んでいますが、「お店のサービスの紹介サイト」なら、「背景画像+テキストのリスト」をオススメします。

必要ないウィジェットは削除しましょう

 

「画像つき投稿の一覧」があれば、文字だけの「最近の投稿」は必要ないので、

削除します。

 

 

サイトにコメント機能をつけない場合は、「最近のコメント」も必要ないので削除しましょう。

 

ウィジェットの順番を変えるのも簡単にできる

 

サイドバーに配置したウィジェットは、

ドラッグ&ドロップで簡単に並び順を変えることができます。

サクラチカサクラチカ

色々と試して、あなたのサイトがより見やすく素敵になるようにブラッシュアップしていきましょう。

この記事が役に立ったらソーシャルメディアで共有してくださいね