pickup
【WordPress】サイドバー設定方法!最低限やっておきたい事

ヘッダーメニューが出来上がったら、さあ次はサイドバーのメニューを設定していきましょう。

ブログの一番TOP画面ですので、ここも気合を入れて済ませてしまいましょう。

サイドバーには色々とカスタマイズできますが、今回は最低限やっておきたい事に絞って

説明していきたいと思います。

サイドバーの設定方法

今回は説明がしやすいように、私が使用している『DIVER』というテーマで説明していきます。

表示される内容が少し違うかもしれませんが、

操作の手順は変わりませんので、ご自身のテーマと照らし合わせてご覧くださいね。

 

 

ダッシュボードの外観→ウィジェットをクリックします。

 

すると下記のような画面になります。

ウィジェットと呼ばれるメニューを操作して、サイドバーの構成を考えていきます。

まず、左側の緑の枠で囲まれた部分に項目が並んでいます。

その中から、表示させたい項目をドラッグ&ペーストして右側に持っていくのですが、

右側には、サイドバーだけでなくブログの画面で表示できるエリアが並んでいます。

どこに表示させたいか?によって、ペーストする場所が変わります。

例えば、私のブログのこの部分。

これは、サイドバーと呼ばれる場所で、ウィジェットの設定画面でいうと

『メインサイドバー』に当たります。

ここを設定・編集したいなら、メインサイドバーに項目をクリックしながらドラッグします。

他のメインエリア上部とか、ビッグフッターを編集したいなら、そこにクリック&ドラッグです。

ドロワーメニューというのは、DIVERではスマホでの表示の事を表しています。

 

現在の私のサイドバーに表示させている項目は、

  • プロフィール
  • テキスト:ポチっとしてもらえると嬉しいです♪
  • テキスト:このブログのテンプレート
  • 検索
  • カテゴリー
  • タグクラウド

 

ここでテキストという項目に、注目してください。

表示されているメニューを見ても、実際にはテキストとは表示されていませんよね。

  • ポチっとしてもらえると嬉しいです♪
  • このブログのテンプレート

となっています。

これは、先ほどのウィジェットで緑の枠の中に合う項目がないので、

テキストというウィジェットを使用して編集しているからなんです!

緑の枠の中から、テキストをドラッグしながら右のメインサイドバーにコピーします。

テキストの右の▼を押すと、詳細のメニューが出ます。

ここでテキストの文字を変更したり、メディアを追加で画像を挿入したり、

もちろんリンクを貼る事も可能です。

編集が終わりましたら、完了→保存をクリックします。

(ここでは、保存後なので保存しましたと表示されています)

基本的なウィジェットの設定方法は、分かりましたでしょうか?

次に、最低限設定しておいた方が良い設定を、説明していきます。

プロフィールの設定

プロフィールは、サイト運営者をユーザーにお知らせする大事な部分です。

 

最近は、野菜なんかにも『私が作りました』と生産者の顔やイラストが描かれていたりします。

 

野菜だったら、私は人相や顔の好みで商品を選びませんが^^;安心感はありますね。

 

ブログだったら「あ、この人が書いてるんだ~」とか、

気になったら詳しいプロフィールも読んでみたくなります。

プロフィールは、必ず設定しておきましょう♪

左側のプロフィールという項目を、クリックしながら右のメインサイドバーの場所にコピーします。

もしくは、左側のプロフィールをクリックしても構いません。

その場合は、下の表示になります。

どのエリアに、プロフィールのウィジェットを追加するか選択したら、

ウィジェットを追加をクリックします。

メインサイドバーの中に表示されました!

  1. 右の▼をクリック→詳細設定ができます
  2. タイトルを入力
  3. 名前を入力
  4. 自己紹介文を入力
  5. アイコンを設定する時に使います
  6. 背景画像を設定する時に使います
  7. 詳細ボタンタイトル:リンクで詳細の自己紹介ページに飛ばす時に使います
  8. リンク先のURL
  9. 詳細ボタンの色を設定
  10. 詳細ボタンの文字色を設定
  11. 完了:設定が終わったらクリックします
  12. 保存:最後にクリックします

 

*FacebookやTwitterなどを表示させたい場合は、それぞれURLを入力すればOKですよ。

リンクを貼る時

先ほどから、リンクを貼るという操作が出て来てます。

そんなの分かってるよ~という方は、飛ばしてくださいね。

一応ご説明しておきます。

テキストの項目を追加します。

今回は、お問い合わせを作る過程で説明しますね。

タイトルに『お問い合わせはこちらまで』と入力します。

メディアを追加をクリック。

あらかじめメディアライブラリーに保存してある画像が、出てきます。

もしこの中に選択したい画像がなければ、ファイルをアップロードをクリックして選択してください。

ここは、やぎの画像を選ぼうと思うので、クリック。

右側に選んだ画像の詳細が表示されていますね。

設定を変える場合は、ここで編集も可能ですが、後から変更できますのでそのままで。

投稿に挿入をクリックします。

下記のように画像が挿入されました!

このままでもいいのですが、ヤギの画像をクリックすると、

お問い合わせのフォームに飛ぶ(リンク)ようにしたいと思います。

ヤギの画像を選択し、①のリンクマークをクリックすると、下記の表示のようになります↓↓↓

②の歯車のマークをクリックしてください。

  1. URLを入力
  2. リンクを新しいタブで開くにチェックを入れる
  3. リンクを追加をクリック

①のリンク先URLを入力するのですが、DIVERの場合だと下に自分の記事の一覧が出てくるので、

固定ページの『お問い合わせ』を選ぶだけで勝手にURLが入力されます。

 

リンクを追加をクリックすると下記の画面にかわるので、保存をクリックします。

その後、完了をクリックで終了です♪

キチンと表示されていました~!

このテキストの部分にもリンクを貼ることは出来るので、お好みでやってみてくださいね。

まとめ

いかがでしたでしょうか。

 

サイドバーの設定と、最低限プロフィールは設定しておきましょう♪という記事でした。

 

ブログ運営が長いと当たり前の事かも知れませんが、サイドバーって何を設定すればいいの?

と思っている方は、是非参考にしてみて下さいね。

 

最後まで読んで頂き、ありがとうございました。

今なら無料で使える素材集はこちら

ブログに使う素材に困ったら、チェックしてみてくださいね(☆)

 

 

ミントへのお問合せや、ご質問はこちらまで

どんな些細な事でも構いません。

ちょっとした世間話や、主婦目線のグチでも大歓迎。

ミントにメールしてもらえたら、嬉しいです。

ヤギさんの画像を、クリックしてね♪

Twitterでフォローしよう