プロフィールにいろいろな情報を表示する

2008年04月04日

プロフィールの自己紹介文の欄には通常、文字を入れますが、
入力した文字は改行されず、だーっと続きで表示されます。
また、直接URLを入力してもリンクされず、改行されず、
レイアウトが崩れてしまったりします。

プロフィールの表示部分はタグが使えるようになっているのですが
htmlの知識がない場合、タグを利用するのは少し難しいので
記事投稿の入力画面を利用して、リンクや絵文字入りのプロフィールを作ってみましょう。

記事投稿の入力画面にプロフィールに表示したい文字を入力します。

リンク
リンクをしたい場合は先にリンク先のURLをコピーしておきます。
記事投稿画面の本文にリンクをしたい文字を入力して選択し、リンクを挿入ボタンをクリックすると先ほどコピーしたアドレスが自動で入力されますので「OK」ボタンをクリックしてリンクします。

絵文字
絵文字を入れたい場合は入れたい位置にカーソルを置き、
絵文字ボタンをクリックして、入力したい絵文字をクリックします。

地図リンク
地図リンクを挿入したい場合は、まず地図リンクを入れたい場所にカーソルを置きます。
記事入力欄下のオプション設定の
トラックバック送信先を追加の「マップ」の文字をクリックします。
クリック後表示させたい位置や倍率にマップを合わせたら
「▼本文に地図リンクを挿入」の文字をクリックします。
※お店の紹介の場合は紹介記事をマップトラックバックしておくと
マップにアイコンが表示されます。

一度、設定が終わったら「実際の表示をプレビュー」の文字をクリックして
表示を確かめます。

改行
表示に納得したら最後に現在改行されている位置に
<br />
↑上のタグを最初にコピーして、文字を入力したら、改行したい位置にペーストします。
プロフィール表示欄ではひとつペーストするとそこで改行されます。
※改行のタグを入力後「実際の表示をプレビュー」すると改行位置が増えてしまうので
先にプレビューで確認してから改行をペーストしてください。

改行まで終わったら、入力欄内を全てコピーします。
コピーしたらブログ環境設定のプロフィールの
「プロフィール自己紹介」の欄内にペーストして、保存・確認してください。

※ブログで表示がおかしくなったら一度プロフィールの入力を消して、もう一度やり直してみてください。

他にサイトをお持ちの方やお店をお持ちの方は試してみてくださいね。


この記事へのトラックバックURL

http://tubo.otemo-yan.net/t55491
認証文字を入力してください