Blogger.comで追記のあるものだけMore...と表示する方法
Blogger.comにRead More機能を追加するというエントリーでRead More機能を追加する方法を説明しましたがこの方法だと自動でMoreがはいるのはいいのですがアーカイブとトップページにはすべてのエントリーに追記部分がなくてもMoreと出てしまうのでなんとなく変です。そこでいろいろ考えた結果、これの逆を応用してみることにしました。追記があるものだけMore...と表示する方法です。
More...
テンプレート内の上部にあるスタイルシート記述部分に以下のコードを入れておきます。
外部スタイルシートをlinkタグで入れている場合は直接スタイルシートファイル内に追加します。
テンプレートの中の本文表示部分にBlogger.comにRead More機能を追加するで加えたものを削除。
をPostテンプレートに加えておく。
こうすることで一覧ページでは追記部分がある場合More...が表示されますが追記部分がない場合は表示されません。エントリーをポストしてあとでPermalinkを追加する必要がありますが、追記まで書くのはそんなになさそうなので多分こっちの方が便利でしょう。
More...
テンプレート内の上部にあるスタイルシート記述部分に以下のコードを入れておきます。
外部スタイルシートをlinkタグで入れている場合は直接スタイルシートファイル内に追加します。
<MainOrArchivePage>
span.morepost {display:inline;}
</MainOrArchivePage>
<ItemPage>
span.morepost {display:none;}
</ItemPage>
テンプレートの中の本文表示部分にBlogger.comにRead More機能を追加するで加えたものを削除。
<span class="morepost"><a href="Permalinkをあとで入れる。Moreがない場合はこれ以降の行を削除">More...</a></span>
<span class="fullpost">追記部分はここに入れる</span>
をPostテンプレートに加えておく。
こうすることで一覧ページでは追記部分がある場合More...が表示されますが追記部分がない場合は表示されません。エントリーをポストしてあとでPermalinkを追加する必要がありますが、追記まで書くのはそんなになさそうなので多分こっちの方が便利でしょう。





1 Comments:
kuroyagi@SEM酒場と申します。
最近Blogger以外にMTも使い出して、やはりフィールドを分けて表示できたほうがよいな、と考えるようになりました。本記事、非常に参考になりました、ありがとうございます。
ところで、追記部分が2段落以上にわたるケースを考えると、spanではなくdivで制御したほうがよいのではないでしょうか? (私のところではそのかたちで記述しました)
By kuroyagi, at 11:04 AM
Post a Comment
Links to this post:
Create a Link
<< Home