Ads By Google
プラグイン(サイドバー)に、自分のお店の画像等を縦に何枚か載せたいのですが、全くの初心者で分かりません。
基本的なブログ操作はなんとかできるんですがそれ以外に自分で何か加えたくても、用語が分からないものですから大変困ってます。
サイドバーに自分のお店のお勧めのものとかを
複数枚載せたいのです。よろしくお願いします。
2006-07-14 06:06の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。
回答(1)
1.
2006-07-15 02:12:05

■ 画像をフリーエリアに設置する。
フリーエリアは、管理画面に入り、カスタマイズ/管理 > 左サイドバーのプラグインの新規追加 > 上級者向けプラグイン > フリーエリア > で選択します。
その中の空白欄に画像を表示させるタグを書き入れます。書き入れたら保存しますが、必ず 『 改行しない 』 にチェックを入れて保存して下さい。
バナーを表示させるタグとしては、
<img border="0" src="画像のアドレス" width="画像の幅" height="画像の高さ" alt="画像に関する説明">
で良いけど、( alt は title でも可 ) これにリンクをするのなら、こうなります。↓
<a href="リンク先のアドレス(例えば、ブログ内の記事のアドレス)"><img border="0" src="画像のアドレス" width="画像の幅" height="画像の高さ" alt="リンク先の記事のタイトルなど"></a>
また複数の画像を縦に並べる時に、綺麗に整列させるには、貼り付けた画像のタグの前後に ( フリーエリアの中の最初と最後に ) 以下のタグを追加すれば良いでしょう。↓
<div align="center">
・
・ ( バナーを表示させるタグ )
・
</div>
center ( 中央揃え ) を left にすれば、左よりになります。
また画像と画像の前後に余白を入れたければ、<img> タグにその指示の記述を入れます。こういう風に↓
<a href="リンク先のアドレス(例えば、ブログ内の記事のアドレス)"><img border="0" src="画像のアドレス" width="画像の幅" height="画像の高さ" alt="リンク先の記事のタイトルなど" style="margin:5px auto"></a>
style="margin:5px auto"> これがその指示の記述です。これで画像の前後に 5px の余白ができます。
画像の幅は、サイドカラムの幅を絶対に超えてはいけません。サイドカラムの幅は、2カラムなら #links、3カラムなら #left もしくは #right の中に width:○○px; と CSS に記載されています。
すべての書入れが終われば保存。プラグインの再構築をおこない、閲覧しているブラウザーを再読み込みすれば表示反映されています。
フリーエリアは、管理画面に入り、カスタマイズ/管理 > 左サイドバーのプラグインの新規追加 > 上級者向けプラグイン > フリーエリア > で選択します。
その中の空白欄に画像を表示させるタグを書き入れます。書き入れたら保存しますが、必ず 『 改行しない 』 にチェックを入れて保存して下さい。
バナーを表示させるタグとしては、
<img border="0" src="画像のアドレス" width="画像の幅" height="画像の高さ" alt="画像に関する説明">
で良いけど、( alt は title でも可 ) これにリンクをするのなら、こうなります。↓
<a href="リンク先のアドレス(例えば、ブログ内の記事のアドレス)"><img border="0" src="画像のアドレス" width="画像の幅" height="画像の高さ" alt="リンク先の記事のタイトルなど"></a>
また複数の画像を縦に並べる時に、綺麗に整列させるには、貼り付けた画像のタグの前後に ( フリーエリアの中の最初と最後に ) 以下のタグを追加すれば良いでしょう。↓
<div align="center">
・
・ ( バナーを表示させるタグ )
・
</div>
center ( 中央揃え ) を left にすれば、左よりになります。
また画像と画像の前後に余白を入れたければ、<img> タグにその指示の記述を入れます。こういう風に↓
<a href="リンク先のアドレス(例えば、ブログ内の記事のアドレス)"><img border="0" src="画像のアドレス" width="画像の幅" height="画像の高さ" alt="リンク先の記事のタイトルなど" style="margin:5px auto"></a>
style="margin:5px auto"> これがその指示の記述です。これで画像の前後に 5px の余白ができます。
画像の幅は、サイドカラムの幅を絶対に超えてはいけません。サイドカラムの幅は、2カラムなら #links、3カラムなら #left もしくは #right の中に width:○○px; と CSS に記載されています。
すべての書入れが終われば保存。プラグインの再構築をおこない、閲覧しているブラウザーを再読み込みすれば表示反映されています。
回答レベル : 回答
とても丁寧に回答していただき有難うございます!!
早速やってみたいと思います★
Ads By Google
コメント(1)
#1. AQ
2006-07-17 16:37:17
>ぱぴ さん
解決済みにするのは、ホントに解決してからで良いですよ。
途中でわからなくなったら、またご質問ください。
ベストありがとうございました (^^)





