質問する
質問を探す 詳しく検索する

お蔵入り

clip!clip!
Ads By Google
namu_test

サイドバー、プラグインのデザインの設定方法がわかりません。

サイドバーのカスタマイズ方がわかりません
ブログ本体の方は
<IndexArticlesLoop>と
</IndexArticlesLoop>のタグで区切った部分が記事を
順番にループで送るってのはわかるのですが
サイドバーの方がよくわかりません

<IndexArticlesLoop>にあたるタグがわからず
既存のデザインから<$PluginList_A$>や
<$PluginList_B$>を引用すると
プラグインの内容がすべて書き出されてしまいます

具体的には


ループ開始タグ

名前のヘッダ部分（div class="～"）
n個目の項目の名前
名前のフッダ部分（/div）

中身のヘッダ部分（div class="～～"）
n個目の項目の中身
中身のフッダ部分（/div）

ループ終了タグ

と言った具合で記述して

記事と同じように
それぞれのプラグインの内容を
別個に出していきたいのですが

サイドバーではそれは出来ないのでしょうか？


一斉に出すしかないのであれば
デザインの定義などはどこで行えばよいのでしょうか？

2007-01-03 01:30の質問
この質問は、３０日間解決しなかったために自動的に質問が一旦閉じられました。

回答(1)

1.

2007-01-03 05:38:28ベター
imq
仰せの通り、プラグインは個別の分離ができませんので、トップページのhtmlでデザインを編集することもできません。
その代わりにCSSを使ってデザインを変更します。
CSSを使うメリットはトップページを含む全てのページのプラグインを一括してデザイン変更ができることです。

具体的にどこをどうしたいという要望がありましたらコメントをください。

ご返答ありがとうございます。

なるほど、やはりスタイルシートで一括して設定しなくてはいけないのですね。

具体的にどうしたいか？ですが、既存のデザインと同じように
プラグインの上下左右を画像などで囲み、飾りたいだけです。

■■■■■■■■■
■■■項目名■■■
■■■■■■■■■
▲○○○○○○○▲
▲○項目の内容○▲
▲○○○○○○○▲
□□□□□□□□□
□□□下部分□□□
□□□□□□□□□

■の部分には画像を
▲の部分も画像を
○の部分には色を設定
□の部分には画像を

という風にです

スタイルシートはある程度扱ったことがありますので
今から構築済みのブログから
class名を抜き出して行くつもりです

あと、要望とは少しずれていますが
サイドバーのプラグインclass名の一覧を
まとめたページなどはご存知ないでしょうか？

Ads By Google

コメント(2)

コメントする
#2.  imq
2007-01-04 04:24:52

少し工夫をする必要がありそうですね。

たとえば、「項目の内容」だったら、

▲○○○○○○○▲
▲○　　　　　○▲
▲○○○○○○○▲
というという枠になりますよね。
まずこれを上・中・下の三つに分けた画像を作成します。

上
▲○○○○○○○▲
中
▲○　　　　　○▲
下
▲○○○○○○○▲
という三つの画像を作ってアップロードします。

次にこの三つの画像をCSSで背景画像に設定します。
設定する場所はそれぞれ以下の通り。
上 -> .sidetop
中 -> .side
下 -> .sidebottom

CSSで背景画像の設定するには該当する要素に以下を追加します。
background-image:url(画像のURL);

「中」の部分、".side"は要素の高さが変わる可能性があるので、
縦方向に繰り返す指定を追加します。
background-repeat:repeat-y;

以上が概要です。

#3.  imq
2007-01-04 04:25:33

他にも画像はサイドバーの幅で作成するとか、
文字が画像に掛からないように"padding"の調整をするとか、
色々あると思いますが、
分からないことがありましたらコメントをください。

class名の一覧表を載せているサイトは私にもちょっと心当たりがありません。

トラックバック(2)

トラックバック一覧
トラックバックURL: