真夜中のごにょごにょ話

節約サラリーマンのお得な生き方

ワードプレスのサイドバーにプロフィールを簡単に入れる方法【stinger5】

   

今回は、ワードプレスのサイドバーにプロフィールを入れる方法についてまとめます。

個人メディアを作るのであれば、どんな人が発信しているのかはイメージしてもらいたいですからね。

ワードプレスなのでプラグインを使うという選択肢もあるのですが、今回はhtmlの手打ちで簡単に設定する手順です。

プラグインが多くなるとブログ動作も重くなったりするので、これくらいのhtmlは手で打ってしまいましょう!^^

1.まずはアイコンやイラストを探す

プロフィールと一緒に、自分をイメージしてもらいやすいアイコンやイラストを入れると効果的です。

ガンガンに情報発信をする場合は、自分の顔写真や似顔絵を使うと信頼度も上がって良いですね。
私は副業サラリーマンなので顔出しは出来ませんが…。

アイコンやイラストは無料でもたくさんの種類があります。
「無料 アイコン」とか「無料 イラスト」とか調べると、ほんとに、無限に出てきますよ。(汗)

ちなみに私のイメージイラストも、さくっと無料で探して来ました。
「会社終わってからコツコツやってますよー」のイメージです。(可愛いのはご愛嬌で。。)

2.サイドバー用プロフィールのデザインを検討する

次に、どのようなプロフィールにするかデザインを検討します。

そんなにパターンがあるわけではないので、ここはもうモデリングで良いでしょう。

お気に入りのブロガーさんとか、何人かのプロフィールを眺めて、いいなーと思うものを探して下さい。

3.サイドバーにプロフィールを追加する

それではいよいよワードプレスに追加します。

スポンサードリンク

編集の前に。
1.で入手した画像はライブラリに追加しておくことを忘れずに。

さて、一般的には、外観>ウィジェットでテキストボックスを配置して、そこを編集するのが簡単です。

ただ、私が利用させてもらっているstinger5では、サイドバーの最上段はNEW POSTだったりが表示されるようになっているので、ウィジェットの追加だとその下にしか入りません。

なので、外観>テーマの編集>sidebar.phpを選択し、ここを直接編集します。

具体的には、1行目の< aside>の次の行から、以下のhtmlを追加します。

  <!-- プロフィール -->
  <div id="profilebox">
  <h4 class="menu_underh2">プロフィール</h4>
  <a href="★プロフ固定ページURL"><img src="画像URL" width="125"></a>
  <p><b>★ここに名前</b></p>
  <p><font size="3">
  ★ここにプロフィール詳細<br>
  <a href="★プロフ固定ページURL">→詳しいプロフィールはこちら</a>
  </p>
  <div class="clear"></div>

これだけですね。

細かい微調整はありますが、これで大体の形になります。

画像をもっと小さくして画像を囲むように文字が表示されるのも好きな方が多いですね。
その場合は、imageタグにalign属性を指定すれば良いです。

画像を大きくしてみたり、画像を小さくして文字を大きくしたり。
しっくりくるデザインを探してみて下さい!^^

ワードプレスのサイドバーにプロフィールを入れる方法まとめ

上段のナビゲーションメニューにプロフィールを入れている人も多いのですが、なかなかここを見てくれる人は少ないです。

なので目に付くサイドバーにプロフィールを置いておく事は非常に効果的ですね。
だからほとんどの人がやってるんだろ!ってことなんですが。(^^;

まだ未設定の方はぜひぜひ取り入れてみて下さい。

スポンサードリンク

  関連記事

8cb3b5f98951ea07f30902679eabccb9_s
悩みが深いキーワードを探し出すために誰でも出来る簡単な方法

少ないアクセスでもしっかりと収益になるような資産ブログを作ろうと思ったら、悩みが …

ced83ae4af7b06a85755d3d1e9084c26_s
楽天ソーシャルニュースのseo効果を検証してみた結果!

特に初期の頃、ブログのアクセスアップを助長してくれると噂のソーシャルブックマーク …

a4a9298c5e2712a7bac6173aed94bfde_s
検索が爆発するネタを狙わないとアクセスは爆発しない

アクセスが爆発しなくて悩んでいることはないでしょうか? スポンサードリンク 関連

384182e2a156d34a26a54a13a1d1460e_s
サラリーマンがネットで稼ぐのは無理?初心者で月収10万は本当か?

「ネットで稼ごう!」と情報を探しても、実際はアフィリエイターのサイトばっかりで、 …

ced83ae4af7b06a85755d3d1e9084c26_s
ごちゃまぜブログの低いクリック率を改善するために試すべきこと!

ごちゃまぜブログを実践していて、「クリック率が上がらない!」と悩んでいる人も多い …

84c65c748fe7ffcc25dacdccac526f84_s
ネットビジネスで月100万円稼ぐ方法を具体的にイメージしてみる

ネットビジネスと言えば、月100万という一つの目安がありますよね。 とはいえ、最 …

3d60f4302a5107661cce7dd13c894eb7_s
下剋上トレンドアフィリエイトは2015年も稼げるかどうか?

トレンドアフィリエイト教材の代名詞でもある「下克上」。 スポンサードリンク 20 …

d0749a71d946d1f81ff6b7f5367bf999_s
ごちゃまぜトレンドブログでライバルに勝てないと嘆くアナタに

ごちゃまぜ系のトレンドブログを運営していると、「こににはいつも勝てないなー」とい …

c443ceb301d3310efab4ac6519c45e3d_s
稼げる無料教材は存在するのか?本当のトコロを暴露!

ネットビジネスの副業になると、何故か「無料の情報だけで稼ぎたい!」と考える人が非 …

8e59eb4aa29ce1b551b409bed0416068_s
記事を書いてもアクセスが集まらないアナタに

「ブログ記事を書いても書いてもアクセスが集まらない…。」 スポンサードリンク ア …

Message

メールアドレスが公開されることはありません。

複数の通貨ペア