2006年04月03日

サイドバーにコンテンツを追加する時は

Eサイドバーにバナー貼りスペースを作る


これは、すでにちょっとだけ書いてしまったことなのですが。
アフィリエイトプロジェクト5で「サイドバーにバナーを貼る」という部分があったと思います。


これも、新規で「自由形式」コンテンツを追加するという形でやりました。


デザイン>コンテンツ>新しいコンテンツの追加 ですね。
こういう作業が、知識のない人でも触れる範囲にあるのが、何度も言いますがseesaaブログのいいところ。


ただ。


トップページのサイト案内は、そのまま文章を書いてもよかったのですが、サイドバーに自由形式コンテンツを持ってくる場合、サイドバーの他のコンテンツとは、スタイルが一致しません。


わかりやすいところで言えば・・・コンテンツ名が出ない、文字の大きさが違う、などですね。


何故なら、自由形式コンテンツの場合、スタイル指定がされてなくて、ホント「自分で勝手にずらずら綴れ」って感じだから、です。


どうしたらいいかなぁ・・・ということで、サイドバーにある他のコンテンツのHTMLをカンニングw
スタイル関係の部分を、そのまま拝借しちゃいます。


具体的には。


もともとの「自由形式」のコンテンツHTMLはこうなんですね。

<% content.header -%>
<% content.free.text %>
<% content.footer -%>

そして、「新着記事」のコンテンツHTMLはこう。

<div class="sidetitle"><% content.title %></div>
<div class="side">
<% content.header -%>
<% loop:list_article -%>
(<% article.createstamp | date_format("%m/%d") %>)<a href="&りgt;% article.page_url %>"><% article.subject | tag_break %></a><br />
<% /loop -%>
<% content.footer -%>
</div>


真ん中あたりの部分は、新着記事を表示させるための指定なので無視するとして。
じいっと見比べてみると <div class="○○"> のような部分が、「自由形式」にはなくて「新着記事」にはあるのがわかります。


これがね、スタイルを指定している部分なわけです。
だから、それを他のサイドバーコンテンツと同じ指定にしてしまえば、同じスタイルになるんだってわかりますよね?


具体的には。

<div class="sidetitle"><% content.title %></div>
<div class="side">
<% content.header -%>
<% content.free.text %>
<% content.footer -%>
</div>

こうしてしまえば大丈夫。


あ、コンテンツ名は「自由形式」から好きなものに変更してくださいね。
それがタイトルとして表示されることになります。



・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
この記事はいかがでしたか?少しずつですが、頑張っています。
応援お願いします!

e_02.gif     banner_03.gif
・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・

広告


この広告は60日以上更新がないブログに表示がされております。

以下のいずれかの方法で非表示にすることが可能です。

・記事の投稿、編集をおこなう
・マイブログの【設定】 > 【広告設定】 より、「60日間更新が無い場合」 の 「広告を表示しない」にチェックを入れて保存する。


×

この広告は1年以上新しい記事の投稿がないブログに表示されております。