2009/11/22

本文と追記リンクを離す

追記文を書くと追記リンクが表示されますが、Seesaaブログの初期HTMLの設定では、そのリンクが以下のように本文横に表示されてしまいます。 追記リンク位置

ちょっと位置が気になります。カスタマイズで本文と追記リンク離して表示させてみましょう。

カスタマイズ場所は記事HTMLです(コンテンツ→記事→HTMLの編集)。ですが記事HTMLを見ても追記リンクらしいテンプレート変数は見つかりません(私も最初悩みました)。

Seesaaブログの変数一覧を見て納得。 first_bodyという変数が【追記文言を含む本文】とあります。本文と追記リンクがセットになっているんですね。どうりで追記リンクを捜してもみつからない訳だ。

ではfirst_bodyを用いず、本文・追記リンクを別々の変数に変えます。


色付けした部分が、カスタマイズする箇所です。
<div class="blogbody">
<h3 class="title"><a href="<% article.page_url %>" class="title"><% article.subject %></a></h3>
<% if:page_name eq 'article' -%>
<div class="text"><% if:diet_log %><% include:article_diet_file %><% /if %><% article.entire_body | bodyfilter(article_info,blog) %><% if:list_tag %><div class="tag-word">タグ:<% loop:list_tag %><a href="<% blog.tag_url(tag) %>"><% tag.word %></a> <% /loop %></div><% /if %>
<% else -%>
<div class="text"><% if:diet_log %><% include:article_diet_file %><% /if %>
<% article.first_body | bodyfilter(article_info,blog) %><% if:list_tag %><div class="tag-word">タグ:<% loop:list_tag %><a href="<% blog.tag_url(tag) %>"><% tag.word %></a> <% /loop %></div><% /if %>
<% /if -%>
上記の部分を、以下のようにします。
<% else -%>
<div class="text"><% if:diet_log %><% include:article_diet_file %><% /if %>
<% article.body | bodyfilter(article_info,blog) %> <% if:article.body_more %><p class="entry_more"><a href="<% article.page_url %>#more"><% article.body_continue_text %></a></p><% /if -%>
<% if:list_tag %><div class="tag-word">タグ:<% loop:list_tag %><a href="<% blog.tag_url(tag) %>"><% tag.word %></a> <% /loop %></div><% /if %>
<% /if -%>
出来たら保存してください。追記リンク部分を段落タグで囲んでいますので、ご自分の好きなように間隔を空けることができますよ。スタイルシートに以下のように記述します。数字はお好みで変えてください。数字が大きい程間隔が開きます。
p.entry_more{
margin:15px 0 0 0;}
以上で完了です。

にほんブログ村 ランキング

この記事へのコメント

コメントを書く

※質問は該当するテンプレート記事へお願いします。

※ブログオーナーが承認したコメントのみ表示されます。

名前 *
メールアドレス
URL
コメント *
認証コード ※画像の中の文字を半角で入力してください。

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

×

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