『Seesaa』ブログで『続きを読む』の文言を表示させる方法を変更した

【カテゴリ：パソコン　ブログカスタマイズの記録】

このブログで『続きを読む』の文言を表示させている方法ですが、今までは『設定 ＞ 詳細設定 ＞ 記事設定』の画面で指定した『続きを読む文言』の内容が表示されるようになっていました。（＝『Seesaa』ブログ標準の方法です。）

それを、直接『記事』の『コンテンツHTML』から固定で出力するように変更しました。

よって今回の記事は、その変更した内容の備忘録です。

ところで、以前以下のような記事を書いたことがありますが、それは今回の変更であまり意味がなくなりました。

※ 参考記事：2012年10月11日
『Seesaa』ブログで『続きを読む』の文言を画像で表示することができた

スポンサーリンク

今回なぜ変更したかというと、『続きを読む文言』に指定していた内容は自動的に <a>（＝アンカータグ）の中に組み込まれるのですが、アンカータグの中で <div> タグを使おうとすると色々と制限が出てきて、自分の思い通りの表示ができなかったからです。

例えば画像を自分の思い通りに表示させようとする場合、 <a> タグの外側で <div> タグを使用する必要があるのですが、それはどうしてもできないみたいだったので、仕方なく『記事』の『コンテンツHTML』を変更して直接出力することにしました。

以下が具体的な変更箇所です。（変更対象は『記事』の『コンテンツHTML』です。）

変更前の内容（該当箇所のみ抜粋）

<% 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 ne '' %><div class="read-more" align="left"><a href="<% article.page_url %>#more">
<img src="https://kingpcfx.up.seesaa.net/image/ReadMoreButton.png" alt="続きを読む" title="続きを読む" border="0">
</a></div><% /if %>

<% if:list_tag %><div class="tag-word">タグ：<% loop:list_tag %><a href="<% blog.tag_url(tag) %>"><% tag.word %></a> <% /loop %></div><% /if %>
<% /if -%>

《上記変更内容の説明》

青色の箇所の『article.first_body（＝追記文言を含む本文）』を『article.body（＝本文のみ）』に変更し、
もしも『article.body_more（＝追記文）』が空（から）でなければ「続きを読む」の文言（＝今回のケースでは画像）を表示する、という赤色の行を追加。

以上です。

スポンサーリンク