参考にしたのはこのあたり。
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 というクラスを追加して
アンダーラインの装飾設定をしてます。
