Simplicityでサイドバーにプロフィールを表示する方法

lgf01a201501241400

今回は、ずっとやりたかったことをやりました。

 

それは、サイトのサイドバーに自分のプロフィールを表示させるということです(o^^o)

 

サイトに訪れてくれた方が記事を読んで、「どんな人が書いているんだろう?」と興味を持ってくれた際、プロフィールがあると余計親しみを持ってくれる可能性があります。

 

そうなると、またサイトに戻ってきてくれる可能性も高くなります。

 

なので、プロフィールの表示をおすすめします。

 

やり方は簡単なので、是非やってみてくださいね♫ 

スポンサーリンク
トップページ 広告W336×280

プロフィール画像に使用する画像を用意

もちろん、写真は何でもOKですが、サイトに訪れてくれた方が見て、「あ〜こうゆう人が書いてるんだぁ」と興味を持ってもらえるよう、自分の写真もしくはアバターを使用することをオススメします。

無料でアバターが作成出来るサイトがたくさんありますので、その中で自分に合うものを選び、作成してみると良いでしょう。

こちらを参考にしてみてください♫

○○になれちゃう?!作るだけでも楽しい!無料でアバター・ロゴが作れちゃうサイト14選
自分のブログを少しでも自分らしくするために、アバターやロゴを加えてみましょう♫雰囲気がガラッと変わります\(^o^)/今回、わたしが実際に作...

自分がプロフィール画像として使用したい画像を、「メディア」にアップロードしておきましょう。

画像のURLが後ほど必要となります。

ウィジェット機能を使用

まず、「外観」→「ウィジェット」を開きます。

左側にある「テキスト」を、右側のサイドバーの任意の場所にドラック&ドロップします。

「検索ボタン」のすぐ下辺りが見てもらいやすくていいかもしれません。

スクリーンショット_2016-03-11_18_14_31

続いて、「テキスト」をクリックして開き、下記のように入力していきましょう。

  • タイトル →「プロフィール」や「ブログの中身はこんな人」などお好みで設定します。

スクリーンショット 2016-04-14 16.49.56

  • 内容 → まずはプロフィールにする画像を挿入するため、下記をコピペしてください。
<center><img src="画像URL" align="center" width="画像サイズ" height="画像サイズ"></center>

コピペしたら、赤い文字のところを変更しましょう。

画像URL → 先ほど「メディア」にアップロードした際の画像のURLを入力します。

画像サイズ → 任意ですが、大体100~250が良いのではと思います。

数字を変えればいつでも変更は可能なので、一度やってみてどのサイズが良いか考えると良いです。

もし画像を左よりにしたいとき(わたしはこれです)は、先ほどのコードの「center」を取ったバージョンのこちらをコピペすれば左よりになります。

<img src="画像URL" align="center" width="220" height="210">

次に、サイトに訪れた方への自己紹介など、任意の文章を書きましょう。

最後に、「自動的に段落追加する」にチェックを入れ、「保存」すれば完了です。

  • 画像を変更したいときは、変更したい画像のURLを変えれば変更出来ます。
  • 文章を変更したいときは、「ウィジェット」から入ればいつでも変更出来ます。

「プロフィール」をカテゴリーに追加してリンクさせる

これはお好みの設定です。

サイドバーに表示するプロフィールはあまり長くない方が見栄えが良くなります。

そのため、もっとたくさん書きたい方にオススメなのは、カテゴリーに「プロフィール」という項目を追加して、それをサイドバーのプロフィールとリンクさせる方法です。

まず、カテゴリーに「プロフィール」を追加します。

カテゴリー作成・追加方法は、こちらの記事を参考にどうぞ!

Simplicityでカテゴリーを作成して記事を分類する方法
皆さん、記事を書いた後、カテゴリー分けってしていますか?記事がたまってきてからやろうとすると、結構時間も掛かって面倒くさい作業になってしまい...

また、カテゴリーを作成したらグローバルナビに表示させることも忘れないようにしましょう。

グローバルナビの表示の仕方はこちら!

Simplicityでサイトにグローバルナビを作成・表示する方法
初心者でも、簡単にカッコイイスタイルのブログが作れると大人気のテーマ、Simplicity。わたしも使わせていただいております。ブログ初心者...

先ほど作成したサイドバーのプロフィールの文章の最後にこちらをコピペしましょう。

<a href="記事URL" target="_blank">誘導する文章</a>

記事URL → カテゴリーに追加した「プロフィール」のURLを入力します。

誘導する文章 →「もっと詳しく見る」など、追加したカテゴリー側のプロフィールへ誘導する文章を入れましょう。

まとめ

プロフィールを設定する前よりは設定した後の方が、自分らしさがアップしたサイトになっていると思います。

あとは、サイトに訪れてくれた方がプロフィールに興味を持ってくれるような良い記事作りを頑張りましょう\(^o^)/

この記事を読んでいただき、どうもありがとうございました!!

またお会いしましょう。

Simplicityでサイドバーにプロフィールを表示する方法
この記事をお届けした
ポントピの最新ニュース情報を、
いいねしてチェックしよう!
スポンサーリンク
トップページ 広告W336×280
トップページ 広告W336×280

役に立ったらからシェア♪

気になるからフォロー♪

トップへ戻る