2005年07月08日

「続きを読む」に下線をつける

深田さんから頂いたコメントの情報をたよりに、改造を試みてみました。

参考にしたのはこのあたり。
http://inqsite.seesaa.net/article/2608047.html
http://otokunikim.seesaa.net/article/2604552.html

目標:「続きを読む」に下線をつける

現状:スタイルシートで.text a{ text-decoration: underline; }
    とやってるので記事のリンク全部に下線が・・・

修正案:記事コンテンツのHTMLをいじる
     (修正個所:管理画面の、デザイン>コンテンツ>記事>コンテンツHTML編集


↓ついでに見やすいようにスタイルシートをいじって引用に枠線をつけてみました。

修正前
<% if:page_name eq 'article' -%>
<div class="text"><% if:diet_log %><% include:article_diet_file %><% /if %><% article.entire_body | bodyfilter(article_info,blog) %></div>
<% else -%>
<div class="text"><% if:diet_log %><% include:article_diet_file %><% /if %><% article.first_body | bodyfilter(article_info,blog) %></div>
<% /if -%>

修正案1
<% if:page_name eq 'article' -%>
<div class="text"><% if:diet_log %><% include:article_diet_file %><% /if %><% article.body | bodyfilter(article_info,blog) -%>
<br /><a name="more"></a><%- article.body_more | bodyfilter(article_info,blog) %>
</div>
<% else -%>
<div class="text"><% if:diet_log %><% include:article_diet_file %><% /if %><% article.body | bodyfilter(article_info,blog) -%>
<br /><br /><% if:article.body_more %><a href="<% article.page_url %>#more" class="continue-text"><% article.body_continue_text %></a><% /if %>
</div>
<% /if -%>

続きを読む・・・変更前 続きを読む・・・変更後
↑修正前                 修正案1↑

この方法だと、本文の最後の改行が消されて、追記分がくっついてしまうみたいです。
article.body は後ろの改行切ってるんですね。
なんだか気に食わないので、ちょっと元に戻してみます。

「続きを読む」を表示するときだけ手書きで表示させて
一括表示のときには article.entire_body を使えば解決するじゃない
ということで手直し。

修正案2
<% if:page_name eq 'article' -%>
<div class="text"><% if:diet_log %><% include:article_diet_file %><% /if %><% article.entire_body | bodyfilter(article_info,blog) %></div>
<% else -%>
<div class="text"><% if:diet_log %><% include:article_diet_file %><% /if %><% article.body | bodyfilter(article_info,blog) -%>
<br /><br /><% if:article.body_more %><a href="<% article.page_url %>#more" class="continue-text"><% article.body_continue_text %></a><% /if %>
</div>
<% /if -%>

表示うまくいきました。
修正は下半分だけでOKでした。

もちろん、スタイルシートのほうも .continue-text というクラスを追加して
アンダーラインの装飾設定をしてます。
posted by ワルキューレ at 15:53 | この記事のURL | Comment(0) | TrackBack(0) | 編集
この記事へのコメント
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント:

認証コード: [必須入力]


※画像の中の文字を半角で入力してください。

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