FC2ブログのプロフィールを編集する方法

ブログが作りたい!FC2ブログのプラグイン > FC2ブログのプロフィールを編集する方法

FC2ブログのプロフィールを編集する方法

FC2ブログのプロフィールを編集する方法

じつはプロフィールって、意外と重要なんだぜ!

ブログのサイド(左側とか右側とか)などに、その人の簡単な「プロフィール」が記載されているのを見かけることがあります。

ブログをはじめたばかりの頃は、「しかし、プロフィールなんて必要あるのかね?」なんて、私も思っていたのですが、ブログを続けるほどに、「あっ、これってけっこう重要なのね」ということが分かってきました。

そこで今回は、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コードを見直してみてください。


プロフィール(プラグイン)のカスタマイズ方法

HTMLFC2ブログの変数タグの知識があれば、さらにカスタマイズすることができます。画像にリンクを加える方法をご紹介します。

1:画像にリンクを加えてみましょう

(01)

FC2ブログ管理者ページの「環境設定」で、「プラグインの設定」をクリックします。([環境設定]-[プラグインの設定])

プラグインの設定をクリック

(02)

「詳細」をクリックしましょう。

詳細をクリック

(03)

「【HTMLの編集】」をクリックしましょう。

【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ブログのプラグインに関連する記事を、ご紹介します。

作成日:2009/09/26 更新日:2009/10/01

コメントありがとうございます。

お手数ですが、コメント前に留意事項をご覧くださいませ。

また、現在ご質問にお答えする余裕がない状態にあります。よろしくお願いいたします。

プロフ

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

丁度いい

fuminchuさん、こんにちは!(・∀・)/ぐもにほりで
コメントありがとうございます。

いえいえ、丁度いいサイズなんじゃないですかね。
短すぎず、長すぎず。((o(´∀`)o))


変数タグは、分かり難いですよね~。

もう少し分かりやすいマニュアルを、
FC2さんが公開してくれるといいんですけど。(´Д`;)

はじめまして(>▽<;;

あまりにわかりやすく親切な設計で、
サイトマップの送信とかヤフー推薦とか
面倒で後回しにしていた事ができて感謝です!

よそさまのブログ内で迷子になることが多く、
自分のとこではなんとかしたいと試行錯誤してました☆
目次形式の内部リンクのおかげでこんなわたしでも
迷子にならずにいろいろできました( p_q)
ありがとうございます☆

はじめまして!

はちこ。。さん、こんばんは!
コメントありがとうございます。

うちもブログ形式やさかい、
分かり難いですけどねー。(´Д`;)

しかし、どうやら迷子にならなかったようで、
良かったです。(´▽`)♪めでたいので赤飯を炊こう

ペペロンチーノおいしそうね。

はじめまして

はじめまして。ひろすけと申します。
私はFC2ブログをはじめたばかりです。
こちらのブログでいろいろと勉強させていただきたいなと
思っています。
よろしくお願いします。

はじめまして!

ひろすけさん、こんばんは!(・∀・)/ぐいぶに
コメントありがとうございます。

ご不明なことがあれば、
お気軽にコメントしてください。

こちらこそ、よろしくお願いします。

はじめまして♪♪

はじめまして。 yanokoと申します。
ブログ始めたばかりで、わからない事がいっぱいです。
平日はなかなか時間がないので、休日にじっくりこおじゃまさせていただきます。よろしくお願いします。

はじめまして♪♪

yanokoさん、こんばんは!(・∀・)/ぐない
コメントありがとうございます。

平日より、休日の方が空(す)いているので、
表示は、軽いかもしれませぬ。

分からないことがあれば、
お気軽にコメントください。(´▽`)♪

こちらこそ、よろしくお願いします。

承認待ちコメント

このコメントは管理者の承認待ちです

承認待ちコメント

このコメントは管理者の承認待ちです

コメントの投稿

内緒のときは、チェックしてください。

トラックバック

http://kumacrow.blog111.fc2.com/tb.php/586-1ee16c1e
 | トップページ | 

FC2ブログの作り方・作成

GIMP2で画像を編集しよう

イラストが描ける Inkscape

初心者のためのSEO対策

Google Analytics入門

アクセス解析QLOOK

アイデアの作り方

超ビギナー向けHTML入門

超ビギナー向けのCSS入門

FC2ブログのカスタマイズ

初心者向けのCSS小技

Web制作に役立つ本

ブログでお小遣い稼ぎ

これはうまい!

誰にでも才能はあるのです

RSSフィード

プロフィール

KumaCrow(クマクロ)

KumaCrow

FC2ブログによるブログの作り方をご紹介しています。「初心者の人にも分かりやすく!」がモットーです。

Twitter KumaCrow

リンクフリー♪
フォローも、ふりっふり~

伝わる文章を書くコツ

最近の記事

最近のコメント

パソコン入門

アクセスの多かった記事

先月アクセスが多かった記事を、ご紹介します。

【1位】
GIMP2の使い方
【2位】
プリントスクリーンの方法
【3位】
GIMP2 パスの使い方
【4位】
GIMPとは?
【5位】
レイヤーとは?

初心者のデジカメ撮影術

ホームページ制作にJimdo

このブログの評価

自分を見つめなおす

ブログランキング

クリックしちゃいなよ!You、クリックしちゃいなよ!そして、Canして、Doしちゃいなよ!

FC2ブログランキングに参加してみませんか?見に来てくれる人が少しだけ増える・・・かもしれません。

FC2カウンター

ブログ開始(2007年7月)から、ユニークユーザ数が「のべ240万人」に達しました。いつもご覧いただきまして、ありがとうございます。(2011/01/05、FC2カウンター故障・データ消失により、10万人分くらいマイナスとなりました)

子どもの教育

最近のトラックバック

+++ お友達のブログ・お世話になっているサイトさま +++

ふわふわふわりん
無料ウェブ素材 Tyto-Style
海外のSEO対策・SEOツールをわかりやすく解説するブログ
日南商工会議所による情報化支援ブログ
気になるけど
聞き捨てならん!!
かちびと.net
ありのごとくあつまりて