FlatDesignLab: ”続きを読む...”の設定その１

投稿数も上がってきたので長くなりすぎたページを、"続きを読む…"を使ってコンパクトにまとめる。
追記機能は標準でもできるようだが、こちらの考え方を参考にさせてもらいカスタマイズする。

設定方法は至って単純で、記事を2分割し続きの部分は記事のページ以外では表示しなくする方法をとる。

手順としては

１．スタイルシートの追記
以下の記述を「レイアウト」「HTMLの編集」でHEADER部分(<head>と</head>の間)に記述する。

<style>
<b:if cond='data:blog.pageType == "item"'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style>

記事のページではインラインで表示し、それ以外では非表示にする。

２．投稿記事部分（post）に続きを読むで記事を分割するコードを貼り付ける。
同じく「レイアウト」「HTMLの編集」で「ウィジットのテンプレートを展開」にチェックを付け、投稿記事（post）部分に相当する次の記述を探す。

<div class='post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> 
</div>

そのすぐ下に次のコードを貼り付ける。
<b:if cond='data:blog.pageType != "item"'>
<p style='clear: both;'><a expr:href='data:post.url' rel='nofollow'>"続きを読む…"</a></p>
</b:if>

３．記事を書く
「投稿」「投稿」で記事を書き分割する位置に次のコードを挿入。

<span class="fullpost">
</span>
この間に書かれたものが記事自身のページ以外では非表示になり"続きを読む…"の表示が出るようになる。

毎回のことなので「設定」「フォーマット」から「投稿テンプレート」に先のコードを書き込みテンプレート化しておく。

FlatDesignLab

”続きを読む...”の設定 その１

contents

”続きを読む...”の設定その１