田村カツオ田村カツオ

こんにちわ。田村カツオです。

今回はブログのサイドバーの設定についてです。ワードプレスブログのサイバーの設定はとても重要です。

スマホから見た場合は見やすいところには表示されませんが、PCから見た場合はしっかり表示されますし、やっぱりサイドバーがしょぼいと「うーん…」って感じになります。読者が便利になるような機能を提供する場でもありますので、しっかりとサイドバーは設定しておきましょう。

ここではサイドバーに画像を貼り付けたりして賑やかにして、オリジナリティあふれるサイトを作る方法をご紹介していきますね。

※僕はテンプレートは賢威7を使用していますので、その前提に立った説明になります。他のテンプレートを使用している場合、多少違いが出てくる事があるのはご了承下さい。

田村カツオのメルマガ登録ボタン

メルマガ(無料)をやっています。興味のある方はどうぞ!(^^;)

ワードプレスブログのサイドバー設定方法!プロフィールを作ろう!

田村カツオYouTube公式チャンネルではワードプレスブログにおけるサイドバーの設定方法について説明しています。文章だといまいちピンとこないという方は是非見てみて下さいね(^_-)

チャンネル登録はこちらから!

YouTubeチャンネル登録ボタン

ワードプレスブログのサイドバーに画像つきでプロフィールを載せよう!

サイドバーとは?基本を少しだけ確認!

ワードプレスブログのサイドバーの設定についてこれから説明していく訳ですが、まず基本の確認。サイドバーとはこれです。↓下の画像で青く囲った部分ですね。

サイドバーとはこれです。

この画像のサイトではサイドバーにはあまりウィジェットを入れていないので、サイドバーが縦方向に短いですが、もっとウィジェットを入れていくと当然ですが長くなります。

※ウィジェットというのは具体的には下記のようなものになります。

  • カテゴリー
  • 新着記事
  • アーカイブ
  • コメント一覧
  • 記事内検索
  • 人気記事ランキング
  • etc…

他にも色々ありますが、主にこのようなウィジェットがサイドバーに表示されている場合が多いですね。

ワードプレスブログのサイドバーに画像つきでプロフィールを!

①では、まずこのサイドバーに画像つきでプロフィールを載せてみましょう!

まずサイドバーについて設定するにはダッシュボード画面の左側から「外観」→「ウィジェット」を選択します。すると下の様な画面になります。↓サイドバーの編集画面

ここでの基本的な操作は、左の「利用できるウィジェット」で好きなものをドラッグして、右の「サブコンテンツ」欄に持っていく形になります。

そうするとサイドバーにその「ウィジェット」が表示されるようになります。特段の設定が必要なものについては、「サブコンテンツ」欄にドラッグして設置してから、更に設定が必要になります。


②プロフィールをサイドバーに載せる方法ですが、左の「利用できるウィジェット」には「プロフィール」というものはありません。ですので「テキスト」を使用してプロフィールを作っていく形になります。

 

まず「テキスト」を右にドラッグして設置します。すると下の画像のような画面になります。プロフィールを画像付きで作ろう。

  • 「テキスト」と書かれた横の三角形は「展開ボタン」です。押すと内容が開いて編集出来るようになったり、閉じたりします。
  • 「タイトル」というところに入れる言葉が、実際にサイドバーに表示される言葉になります。プロフィール、自己紹介、管理人紹介、などお好みの名前を付けましょう。
  • 「内容」欄に色々書いていくのですが、ここに画像を載せる場合はphpを記述する必要があります。その方法は次で説明します。
  • 「自動的に段階追加する」はチェックを入れておいた方が作業がし易いでしょう。

③では「内容」欄に画像を載せる為にphpを記述していきましょう。まず次のコードをコピペして「内容」に貼り付けましょう。

<img src=”画像のURL”>

このコードで言う「画像URL」の部分に、載せたい画像のURLを貼り付けていきます。

 

載せたい画像のURLの取得方法ですが、ダッシュボード左側の「メディア」→「ライブラリ」をクリックし、好きな画像を選択します。メディアライブラリから画像を選ぶ

 

メディアライブラリから好きな画像を選んでクリックすると、詳細が表示されますので右上の方に出てくるURLをコピーします。ここをコピー。

 

ここでコピーしたURLを先程「内容」に貼り付けたコードの
“画像URL”
の「”」は含まない、「画像URL」の部分に貼り付けます。

→現在、仕様が変わり画像のURLをそのまま貼り付けるだけでも画像が表示されるようになりました。(<img src=”画像のURL”>を使っても画像は表示出来ますが、使わなくても画像は表示出来ます。)


④これでサイドバーに画像が表示されるようになりました。後は下にプロフィール本文を書いていきましょう。最後に「保存」を押すのを忘れずに!保存を押すのを忘れずに!


⑤サイドバーを見てみるとプロフィールが出来ています↓ブログのサイドバーにプロフィール画像が設定できました。

ワードプレスブログのサイドバーに色々設定してみよう!

前段では、「テキスト」を使ってプロフィールをサイドバーに設定しましたが、他にもウィジェットはあります。

色々使ってみて不要なものは減らしていき必要なものは残していく、というスタイルが良いとは思うのですが、個人的にワードプレスブログをやるんだったら是非サイドバーに載せたい!と思うものを挙げておきます。

プロフィール

先程テキストで作ったものですね。個人情報をどこまで公開するかはサイトの特性にも依ります。

田村カツオブログでは、相当な部分まで公開しています。単なるアフィリエイトブログであるならあまり公開する必要もないでしょう。

プロフィールを設置することで「運営者の顔が見えるサイト」が作れますし、オリジナリティも出ますので、何らかの形でプロフィールは設置するべきだとは思います。

最近の投稿

賢威7の場合は「最近の投稿」だけでなく「【賢威】サムネイル付き最近の投稿」というウィジェットがあります。どちらを選んでも良いのですが、「最近の投稿」はサイドバーに置いておきたいですね。

ブログが華やかになるのと、少しでも多くの記事を訪問者に読んでもらう為です。

アーカイブ

月ごとの投稿を表示するものです。訪問者が過去の記事を見やすくなりますので、設置しておきたいところです。

カテゴリー

カテゴリー別の投稿を表示するもの。アーカイブと同様に訪問者の利便性が上がるので設置しておきたいですね。

その他

他にも「コメント」や「【賢威】PV数ランキング表示」など色々ありますが、このあたりは好みで設置しておきましょう。

ある程度の「機能性」と「見た目満足度」が満たされたら、それ以上設置しすぎると今度はごちゃごちゃしてしまいますので…

======================

現在、メルマガ登録者限定で初心者がブログアフィリエイトで月収10万円以上稼ぎ、インターネット上に資産を築く為のオリジナルテキストをプレゼント中です!

自分の部屋でPC1台で楽しく稼いでみたいという人は是非ご覧になってみて下さいね(^_-)

※僕のメルマガは無料で読んで頂く事が出来ますし、必要ないと感じたらいつでもボタン1つで解除が出来ます。