FC2ブログのプロフィールを編集する方法
じつはプロフィールって、意外と重要なんだぜ!
ブログのサイド(左側とか右側とか)などに、その人の簡単な「プロフィール」が記載されているのを見かけることがあります。
ブログをはじめたばかりの頃は、「しかし、プロフィールなんて必要あるのかね?」なんて、私も思っていたのですが、ブログを続けるほどに、「あっ、これってけっこう重要なのね」ということが分かってきました。
そこで今回は、FC2ブログのプラグインのひとつ、意外と重要な「プロフィール」について書いていきます。
FC2ブログの「プロフィール(プラグイン)」とは?
FC2ブログの「プロフィール」というプラグインを使うと、プロフィールを簡単に作成することができます。
例えば、次のように、名前や画像、ちょっとした文章などを入れることができます。
性別や、誕生年、あるいは、ブログのアピールポイントなどを記述しておく人もいます。けっこう内容は、人によって違います。
また、文書があまり長くなると鬱陶(うっとう)しい感じになるので、ここでは簡潔な内容にして、あとはプロフィールのページへリンクを張っておく場合もあります。
なぜ「プロフィール」は、重要なのか?
1:安心感や信頼感が求められている
なぜ「プロフィール」が重要かというと、「プロフィール」は、安心感や信頼感を伝えるための重要なコンテンツのひとつだからです。
例えば私が、「その人のブログに、リンクを張ろうか?どうしようか?」と悩んだときは、まず必ず「プロフィール」を探します。それは、信用できる相手かどうかが知りたいためです。
あるいは、オンラインショッピングで、あなたが購入を迷った場合などを、思い浮かべてみてください。
「このサイトは、大丈夫かしら?」、「誰が運営しているのかしら?」、「どういう人なのかしら?」、「本当に信頼できるのかな?」と思って、運営者の情報を確認するのではないでしょうか。
ユーザ(見に来てくれた人)は、あなた(のブログ)を疑いたいのではなく、「あなたを信頼するための情報」を求めているのです。
何もかもさらけ出すのは良くありませんが、あなたがどういう人物なのか?何をしている人なのか?などを、できるだけ伝えるための工夫はしておく必要があります。
2:画像の重要性
「プロフィール」には、オリジナルの画像を入れて、さらに独自性を出すと効果的です。
一番良いのは、本人の顔写真を入れることですが、なかなか顔出しできる人ばかりではないですよね。(リスクも考慮する必要があります)
ですから、少なくとも「人となり」が伝わるような画像を用意しましょう。
例えば、庭に咲いているような、どこにでもある花であっても、GIMPなどで少し手を加えるだけで、あなたの人物像が伝わる画像ができるはずです。
あるいは、Inkscapeで顔のイラストを作成してみるのも、おもしろいかもしれません。ちょっとしたアイディア次第で、あなたの印象は大きく変わります。
3:キャラクターイメージによるブランディング効果
ブログのジャンルにもよりますが、企業のマスコットキャラクターや、昨今のユルキャラのようなキャラクターを作ることで、ブランディング効果を高める方法もあります。
とても上手な(うまい)例としては、Blog『美のススメ』さんをご覧いただくと分かり良いはずです。
単に愛犬の写真を載せるのではなく、愛犬を「執事」にキャラクター化させることで、本人の顔出し以上の効果を出している好例といえます。
プロフィールは、アイディア次第で、いくらでもより良くなります。どのようにしたものか、もしよかったら少し考えてみてはいかがでしょうか。
FC2ブログのプロフィールを編集する方法
1:プロフィールの編集を見てみましょう
(01)
FC2ブログ管理者ページの「環境設定」で、「プロフィールの編集」をクリックします。([環境設定]-[プロフィールの編集])
(02)
プロフィールのページが表示されます。
初期状態では、おおよそ次のようになっているはずです。(「FC2ブログへようこそ!」で、画像のプレビューは「No Image」)
1の「あなたの紹介文」に入れた文章は、ブログでは Authorの下に表示されます。
画像に関しては、FC2ブログのサーバに、既にアップしている画像があるのであれば、その画像のURLを、URLの入力欄に入力すれば良いわけです。
もしまだ、画像をFC2ブログのサーバにアップ(転送)していないのであれば、アップロードの[参照]をクリックして、あなたのパソコンからサーバにアップ(転送)する必要があります。
実際にブログで表示した場合、それぞれの項目は、次のような位置関係になります。
ちなみに、Author(制作者)は、「環境設定の変更」の「ユーザー情報の設定」にある「あなたのお名前」が自動的に入ります。
2:プロフィールを編集してみましょう
(03)
「あなたの紹介文」に入力してみましょう。
入力欄の下に書いてある通り、HTMLコードで入力することもできるし、普通にただ入力することもできます。
普通にただ入力する場合、改行を入れたいときは、[Enter]キーを打鍵することで改行が入ります。
(04)
プロフィールに画像を使いたい人は、画像をFC2ブログのサーバにアップしましょう。
[参照]ボタンを、クリックしてください。
(05)
使用したい画像を選択(クリック)し、[開く]ボタンをクリックしましょう。
(06)
[更新]ボタンをクリックしましょう。
(07)
次のような形で、紹介文と画像が設定(更新)されるはずです。
3:ブログの確認
(08)
ブログも確認してみてください。プロフィールができているはずです。
4:補足(画像トリムサイズ)
一番下に記載されている「画像トリムサイズ」というのは、自動的に画像を縮小してくれる機能です。
初期値は、120×120(ピクセル)になっていると思います。
この設定値より小さいサイズの画像は、縮小されません。縮小したくない場合は、わざと大きい数値を入れておけば、OK牧場です。
プロフィールの表示領域(横幅と縦幅)の大きさにあわせて、必要とあらば画像を縮小させてみてください。
表示領域の大きさが分からない場合は、記事『何ピクセルあるのか?長さが分かる「ものさしX」』をご覧になってみてください。
各プロフィールページへのリンクを入れる方法
1:プロフィールページへリンクを張りたいよね
プロフィールページを、ブログ記事として作成していたり、あるいは、次のようなプロフサービスなどを利用している人もいらっしゃるかと思います。
どうせなら、今回ご紹介しているプロフィール(プラグイン)から、それらのプロフィールページへ、リンクを張っておく方が良いですよね。
また、人によっては、twitterや、mixiなどにもリンクを張っておきたいという人もいらっしゃるかもしれません。
しかし、残念ながら、プロフィール(プラグイン)には、リンクを入力するような項目がないので、簡単にはいきません。自力で書くしかないようです。
リンクを張る場合は、HTMLの「<a>タグ(リンクさせるタグ)」を使用します。
2:HTMLコードの作成
(01)
さて、それでは「どのように書けば良いのか?」と申しますと、次のように文章を<a>タグで囲めばよいのです。
<a href="(プロフのリンク先URL)">→もっと詳しく</a>
「プロフのリンク先URL」というのは、前述のプロフィールページのURLという意味です。
例えば、仮にそのURLが、「http://www.hoge.com/prof.html」であれば、次のように書けばよいわけです。
<a href="http://www.hoge.com/prof.html">→もっと詳しく</a>
各々みなさんが作ってあるプロフィールページのURLをあてはめて、HTMLコードを作成してみてください。
もちろん、「→もっと詳しく」という文章は、好きなように変えていただいて構いません。
3:プロフィールページへリンクを張ってみましょう
(02)
そして、前述(01)で作成した HTMLコードを、次のように「あなたの紹介文」へ追加入力しましょう。
(03)
忘れずに、[更新]ボタンをクリックしてください。
(04)
あとは、ブログを表示して実際に確認してみてください。プロフィールページへのリンクが追加されているはずです。
また、リンクをクリックして、期待するページへ飛ぶことができるか?も確認してみましょう。飛ばない場合は、改めて手順や、HTMLコードを見直してみてください。
プロフィール(プラグイン)のカスタマイズ方法
HTMLとFC2ブログの変数タグの知識があれば、さらにカスタマイズすることができます。画像にリンクを加える方法をご紹介します。
1:画像にリンクを加えてみましょう
(01)
FC2ブログ管理者ページの「環境設定」で、「プラグインの設定」をクリックします。([環境設定]-[プラグインの設定])
(02)
「詳細」をクリックしましょう。
(03)
「【HTMLの編集】」をクリックしましょう。
(04)
次のようなコードが表示されるはずです。
<!--myimage-->
<p class="plugin-myimage" &align>
<img src="<%image>" alt="<%author_name>">
</p>
<!--/myimage-->
<p &ialign>
Author:<%author_name><br>
<%introduction2>
</p>
(05)
これを、次のように変更します。「(プロフのリンク先URL)」の箇所には、プロフィールページなどのURLを入れてください。
<!--myimage-->
<p class="plugin-myimage" &align>
<a href="(プロフのリンク先URL)">
<img src="<%image>" alt="<%author_name>">
</a>
</p>
<!--/myimage-->
<p &ialign>
Author:<%author_name><br>
<%introduction2>
</p>
例えば、仮にそのURLが、「http://www.hoge.com/prof.html」であれば、次のように書けばよいわけです。
<!--myimage-->
<p class="plugin-myimage" &align>
<a href="http://www.hoge.com/prof.html">
<img src="<%image>" alt="<%author_name>">
</a>
</p>
<!--/myimage-->
<p &ialign>
Author:<%author_name><br>
<%introduction2>
</p>
4:ブログへの反映
(06)
HTMLコードを書き換えただけでは、ブログに反映されません。内容を変更したら、最後に忘れずに「設定」をクリックしましょう。
もちろん、「設定」する前に、「プレビュー」をクリックして、試しにどうなるか確認してみてもいいですけどね。
(07)
あとは、ブログを確認してみてください。
ちなみに、それぞれのHTMLコード、FC2ブログの変数タグの意味を簡単に書くと、次のようになります。
コード | 意味 |
|---|---|
<!--myimage-->~</!--myimage--> | プロフィールの画像を表示する領域であることを示しています。この中に書いておくと、プロフィール画像を設定していない場合でも、無駄なHTMLコードが出力されません。 |
class="plugin-myimage" | 画像にCSSを指定したいときに使用できます。 |
&align | 「コンテンツの文字設定」で指定した位置が、設定されます。 |
<%image> | 「環境設定」の「プロフィールの編集」で設定した画像のURLが入ります。 |
<%author_name> | 「環境設定の変更」の「ユーザー情報の設定」にある「あなたのお名前」の内容を出力します。 |
&ialign | 「説明文の文字位置」で指定した位置が、設定されます。 |
<%introduction2> | 「環境設定」の「プロフィールの編集」で設定した「あなたの紹介文」の内容を出力します。 |
次回予告
お疲れさまでした。次回は、ティッピング・ポイントの粘りの要素について書く予定です。(書く予定でしたが、カテゴリ関連の記事を間にはさみます)
関連記事
FC2ブログのプラグインに関連する記事を、ご紹介します。
1:FC2ブログのプラグインで遊ぼう!
2:FC2ブログのプラグインの基本
作成日:2009/09/26 更新日:2009/10/01
コメントありがとうございます。
お手数ですが、コメント前に留意事項をご覧くださいませ。
また、現在ご質問にお答えする余裕がない状態にあります。よろしくお願いいたします。
プロフ
丁度いい
コメントありがとうございます。
いえいえ、丁度いいサイズなんじゃないですかね。
短すぎず、長すぎず。((o(´∀`)o))
変数タグは、分かり難いですよね~。
もう少し分かりやすいマニュアルを、
FC2さんが公開してくれるといいんですけど。(´Д`;)
はじめまして(>▽<;;
サイトマップの送信とかヤフー推薦とか
面倒で後回しにしていた事ができて感謝です!
よそさまのブログ内で迷子になることが多く、
自分のとこではなんとかしたいと試行錯誤してました☆
目次形式の内部リンクのおかげでこんなわたしでも
迷子にならずにいろいろできました( p_q)
ありがとうございます☆
はじめまして!
コメントありがとうございます。
うちもブログ形式やさかい、
分かり難いですけどねー。(´Д`;)
しかし、どうやら迷子にならなかったようで、
良かったです。(´▽`)♪めでたいので赤飯を炊こう
ペペロンチーノおいしそうね。
はじめまして
私はFC2ブログをはじめたばかりです。
こちらのブログでいろいろと勉強させていただきたいなと
思っています。
よろしくお願いします。
はじめまして!
コメントありがとうございます。
ご不明なことがあれば、
お気軽にコメントしてください。
こちらこそ、よろしくお願いします。
はじめまして♪♪
ブログ始めたばかりで、わからない事がいっぱいです。
平日はなかなか時間がないので、休日にじっくりこおじゃまさせていただきます。よろしくお願いします。
はじめまして♪♪
コメントありがとうございます。
平日より、休日の方が空(す)いているので、
表示は、軽いかもしれませぬ。
分からないことがあれば、
お気軽にコメントください。(´▽`)♪
こちらこそ、よろしくお願いします。


























今自分のを見返してみると、長い(-_-;)
もうちょっと短く簡潔にしようと思いました(^^;)
最近FC2の変数タグの説明を参考にしています。
変数と聞くと、気が変になりそうな私、
色々と勉強させてもらっていますm(__)m