2010年5月2日日曜日

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

先回の"続きを読む..."の設定で、はすべての記事に続きを読むが表示されるので少し修正。

長くなった記事にのみ"続きを読む..."を表示させるには、アンカーを特定の記事にのみ記述する方法をとり、記事本体のページではそのアンカーを表示させなくする。

設定内容は

"続きを読む…"


1.スタイルシートの追記
「レイアウト」「HTMLの編集」に先回修正を加えた部分を次のように修正。

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

2.投稿記事部分(post)に続きを読むで記事を分割するコードを貼り付けた部分を修正。
この部分が、すべての記事で"続きを読む..."を表示させていた所なので、元のとおりに修正。

このコードを削除する。
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<p style='clear: both;'><a expr:href='data:post.url' rel='nofollow'>&quot;続きを読む&#8230;&quot;</a></p>
</b:if>

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

<p class = 'readmore ' style='clear: both;'>
<a href='この記事のURL' >"続きを読む…"</a> </p>
<span class="fullpost">
</span>
リンク先のURLは、一度投稿してから再度入れなおすのが確実。
0 コメント:
コメントを投稿