プロフィールを作ってみよう！ - 赤ちゃんはイツくるの？

自分用のメモφ(．． ) です
ヤプサポ！センター http://yaplog.jp/support/
内の
2006年07月19日(水)の記事
プロフィールを作ってみよう！
http://yaplog.jp/support/archive/4
をそのまま転載しています

*:..｡o○☆ﾟ･:,｡*:..｡o○☆*:..｡o○☆ﾟ･:,｡*:..｡o○☆*:..｡o○☆ﾟ･:,｡*

ヤプログ！をご利用いただきましてありがとうございます。
ヤプ

サポ！です。

今回はサポート宛へのお問合せの中でも多いプロフィールを作ってみたいと思います

みなさんヤプログ！ではサイドバーに表示させるプロフィールの作り方をご案内しているのを知っていますか？

トップページのサイドバーの中にあるヤプログマニュアルで紹介しています。
今日はそちらを参考にプロフィールを作ってみましょう

マイページにログイン後、サイドバー編集

機能追加・編集へ移動します。

新規登録ボタンを押すと機能名、HTML記入欄が出てきます。
機能名はご自分が分かりやすいものを記入して下さい

ここでは「ヤプサポ！プロフィール」とつけました。
HTML記入欄にはヤプログマニュアルで説明しておりますHTMLソースをそのままコピー&ペーストしてください

赤文字部分を変更してご自分のプロフィールを作成してみてくださいね。
ここではヤプサポ！センターに表示しているのプロフィールの内容を青文字でご案内してます。
ご参考にどうぞ

サイドバー機能のタイトル部分になります。
<td class="side_title">■プロフィール■</td>
　
<td class="side_title">ヤプサポ！プロフィール</td>

画像の部分になります。
<a href="■リンク先URL■" target="_blank"><img src="■画像のURL■" width="■画像の幅■" height="■画像の高さ■" border="0" alt="■代替テキスト■"></a>
　
<a href="http://yaplog.jp/support/" target="_blank"><img src="https://www.yaplog.jp/support/img/4/P1000065.jpg" width="150" height="200" border="0" alt="ヤプサポ！"></a>

例えば画像にリンクを挿入したくない場合は最初に表示してある

と最後に表示してある

</a>

を削除してしまえば

です。

逆に今後テキストにリンクを挿入したい場合は最初に

を最後に

</a>

を挿入すると

です。

代替テキストとは画像が表示されなかった場合や、カーソルを画像の上に持ってきた場合に表示されるテキストのことです。
不要であればのalt="■代替テキスト■"部分を削除してしまえばOKです。必ず入れなくてはいけないものではありません。

サイドバーに画像を表示させる方法につきましては以前ヤプサポ！センターで紹介したこちらの記事を参考にしていただけるとわかりやすいと思います。

画像の横幅は160ピクセル以下にしてください。ヤプログ！でご用意しているオリジナルスキンは160ピクセル以下でございますと全てのスキンにおいて正常に表示されます。それ以上の大きさにされますとブログの表示崩れが起きる場合があります。

ここからはご自分のお好みで表示させるものを変更してみてください。
<div class="side_text">■お名前■</div>

<div class="side_text">ヤプサポ！＝ヤプログ！サポートチームです。</div>
のように変更してしまえば

です。

<div class="side_text">■趣味など■</div>
<div class="side_text">■家族構成など■</div>
上記項目についてもご自分の表示させたい項目に変更してみてください！

表示させたい項目が多い場合は

<div class="side_text">■表示させたいテキスト■</div>

こちらのHTMLタグを増やすとOKです。
逆に不要な場合は削除してしまえばOKです。

中央表示にしたい場合は

<div align="center" class="side_text">ヤプサポ！＝ヤプログ！サポートチームです。</div>

このようにすると

です。

HTMLソースが完成しましたら保存します。
新機能として追加されますので機能選択･並び替えで使用する機能でブログに表示させたい場所へ設置してください。

今回ヤプサポ！センターでは左サイドバーのカレンダーの下に設置してみました

是非、オリジナリティあふれるプロフィールを作成してはいかがでしょうか

なお、HTMLに関するお問い合わせはサポート対象外となっております。ご質問いただきましてもお答えできませんのでご了承ください。

今後ともヤプログ！をよろしくお願いいたします。