田村カツオ田村カツオ

こんにちわ!

魂レベルでシゴトを楽しむ僧侶×Webマーケターの田村カツオ(@tamurakatsuo)です。

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

スマホからサイトを見た場合、サイドバーは見やすいところには表示されませんが、PCから見た場合はしっかり表示されますし、やっぱりサイドバーがしょぼいと「うーん…」って感じになってしまいますからね・・・

読者が便利になるような機能を提供する場でもありますので、しっかりとサイドバーは設定しておきたいところです。

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

メルマガ

メルマガ(無料)をやっています。

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

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

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

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

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

サイドバーを作ろう。

本題に入る前にほんの少しだけ基礎的な確認をしておきたいと思います。

ずばり「サイドバー」とはブログのどの部分か?

 

知っている人も多いとは思いますが、サイドバーは下の画像の青線で囲った部分ですね。

名前までは知らなかったという人もピンと来たのではないでしょうか?

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

 

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

※ウィジェットというのはサイドバーの内容ですね。一部にはなりますが、主なものを下に挙げておきます。

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

 

田村カツオ田村カツオ

サイドバーが充実するとブログが賑やかになります。

イッヌイッヌ

でも、沢山のウィジェットを詰め込み過ぎてしまうと何が何だか分かりにくくなってしまう事も。

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

①サイドバーに画像つきでプロフィールを載せてみる事にしましょう。

 

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

サイドバーの編集画面

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

 

そうするとサイドバーにその「ウィジェット」が表示されるようになります。

特段の設定が必要なものについては、「サブコンテンツ」欄にドラッグして設置してから、更に設定が必要になります。


 

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

 

まず「テキスト」を右にドラッグして設置します。すると下の画像のような画面になります。

プロフィールを画像付きで作ろう。

「テキスト」と書かれた横の三角形は「展開ボタン」です。押すと内容が開いて編集出来るようになったり、閉じたりします。

 

「タイトル」というところに入れる言葉が、実際にサイドバーに表示される言葉になります。プロフィール、自己紹介、管理人紹介、などお好みの名前を付けましょう。

 

「内容」欄に色々書いていくのですが、ここに画像を載せる場合はphpを記述する必要があります。その方法は次で説明します。

 

「自動的に段階追加する」はチェックを入れておいた方が作業がし易いでしょう。


 

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

<img src=”画像のURL”>

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

 

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

メディアライブラリから画像を選ぶ

 

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

 

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

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


 

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

保存を押すのを忘れずに!


 

⑤サイドバーを見てみるとプロフィールが出来ています。

ブログのサイドバーにプロフィール画像が設定できました。

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

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

 

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

プロフィール

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

 

このブログ(田村カツオの公式ブログ)では、僕の情報について相当な部分まで公開していますが、単なるアフィリエイトブログであるならあまり公開する必要もないでしょう。

グーグルアドセンスの審査を通過する為のブログであれば「どんな運営者であり、どういう経験や体験をしてきて、どんな人に読んでもらう為にブログを運営しているか」が分かる様な形にしたいですね。

 

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

最近の投稿

最近の投稿は是非サイドバーに設置しておきたいですね。

ブログが華やかになりますし、少しでも多くの記事を訪問者に読んでもらうチャンスが増えるからです。

アーカイブ

アーカイブとは月ごとの投稿数を表示するものです。

訪問者が過去の記事を見やすくなりますので、設置しておきたいところですね。

カテゴリー

カテゴリーとはカテゴリー別の投稿を表示するもの。

アーカイブと同様に訪問者の利便性が上がるので設置しておきたいですね。

その他

他にも色々ありますが、サイドバーのウィジェットは好みで設置しておきましょう。

 

ある程度の「機能性」と「見た目満足度」が満たされたら、それ以上設置しすぎると今度はごちゃごちゃしてしまいますのでバランスも大事ですね。

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

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

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

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