Blogger にも「続きを読む」機能、その２
Posted at: 2006-03-14
11
>
Blogger にも「続きを読む」機能、その２
記事を投稿するときにすること
以上、「続きを読む」機能を投稿ごとに設定する方法でした。前回の記事で「続きを読む」機能を導入された方は、前回したテンプレートの変更部分を今回のものと差し替えて、やってみてくださいね。
参考：PrestonCafe: Blogger.comで追記のあるものだけMore...と表示する方法
スポンサードリンク：
お願い：
先日、Blogger にも「続きを読む」機能という記事を書きました。クリボウの記事を読んで導入された方から多く出されたのは、「つねに続きを読むリンクが出るんですね」という声。そうなんです、先日紹介した方法だと投稿内容の長短に関わらず、必ず「続きを読む」リンクが表示されるのです。
そこで今回紹介するのは、「続きを読む」リンクをつけたりつけなかったりする方法について。この方法なら、特に長くなった投稿にだけ「続きを読む」リンクをつけ、短い投稿の場合はそのまま全文表示するということができます。
「続きを読む」機能は、Blogger のコンディショナルタグを使い、トップページ（アーカイブページも）と記事単独ページのスタイルシートとを書き分けることで、記事の表示される内容（の見た目）を変化させています。
今回は、「続きを読む」リンク自体を投稿本文に含むことで、本文が省略されているときにはリンクを表示し、展開されているときにはリンクを非表示にします。省略部分の表示非表示とリンクの表示非表示とがちょうど逆になる感じ。リンク自体を投稿に含む方法なので、投稿ごとに「続きを読む」にするかどうかを設定しやすくなります。
まあいつものことながら、仕組みを完全に理解していなくても、次の手順で導入することが出来ますので、ぜひやってみてください。
テンプレートの設定
表示切り替えスタイルシート
Blogger 管理画面「テンプレート」から、テンプレート head 要素内（
Blogger 管理画面「テンプレート」から、テンプレート head 要素内（
<head> と </head> の間）に、次のコードを貼り付けます。貼り付ける位置は </head> の直前がいいと思います。テンプレート編集後には、ブログを再構築します。
<style type="text/css">
<MainOrArchivePage>
div.fullpost {
display: none;
}
div.readmore {
display: block;
}
</MainOrArchivePage>
<ItemPage>
div.fullpost {
display: block;
}
div.readmore {
display: none;
}
</ItemPage>
</style>
<MainOrArchivePage>
div.fullpost {
display: none;
}
div.readmore {
display: block;
}
</MainOrArchivePage>
<ItemPage>
div.fullpost {
display: block;
}
div.readmore {
display: none;
}
</ItemPage>
</style>
記事を投稿するときにすること
記事本文を省略する場合
投稿本文中の、トップやアーカイブページで省略したい部分を
「続きを読む」リンクは
記事本文を省略しない場合
前項の fullpost および readmore クラスの div 要素を使わずに、普通に投稿すれば全文が表示されます。
投稿本文中の、トップやアーカイブページで省略したい部分を
<div class="fullpost"> と </div> ではさみます。「続きを読む」リンクは
<div class="readmore"> と </div> ではさんで投稿してください。投稿する本文は下のようになると思います。
ここには記事冒頭の、トップやアーカイブページでも表示される文章を書きます。
<div class="fullpost">
ここにはトップやアーカイブページで省略される（記事単独ページでだけ表示される）文章を書きます。
</div>
<div class="readmore">
<a href="この投稿自体の URL">[続きを読む]</a>
</div>
リンクする URL は、記事を一度投稿して、記事の URL を確かめてからあらためて書き入れるのが一番確実です。記事投稿時点で、記事単独ページの URL を予想して書き入れる場合には、投稿のタイトルと URL の関係を参考にしてください。<div class="fullpost">
ここにはトップやアーカイブページで省略される（記事単独ページでだけ表示される）文章を書きます。
</div>
<div class="readmore">
<a href="この投稿自体の URL">[続きを読む]</a>
</div>
記事本文を省略しない場合
前項の fullpost および readmore クラスの div 要素を使わずに、普通に投稿すれば全文が表示されます。
以上、「続きを読む」機能を投稿ごとに設定する方法でした。前回の記事で「続きを読む」機能を導入された方は、前回したテンプレートの変更部分を今回のものと差し替えて、やってみてくださいね。
参考：PrestonCafe: Blogger.comで追記のあるものだけMore...と表示する方法
スポンサードリンク：
「この記事役に立った！」と思ったら、ぜひフィード登録をお願いします。 
ninest123 11.21
ReplyDeletecoach factory outlet, longchamp, hollister, nike free pas cher, north face, nike tn, longchamp, polo ralph lauren, nike blazer, michael kors pas cher, air jordan, true religion jeans, nike roshe, air max, louboutin, michael kors uk, nike roshe run pas cher, ray ban sunglasses, converse pas cher, nike air force, nike free, timberland, new balance pas cher, abercrombie and fitch, oakley pas cher, michael kors outlet, nike trainers, polo lacoste, sac longchamp pas cher, sac guess, michael kors, sac burberry, mulberry, coach purses, true religion outlet, air max, air max pas cher, hollister, true religion outlet, ralph lauren, sac hermes, vanessa bruno, ray ban pas cher, coach outlet store online, lululemon outlet online, nike air max, vans pas cher, true religion jeans, nike huaraches, north face, hogan outlet
Freebet Judi dengan Bandar Capsa Saransk Region Capital Rusia Situs www.pokerusia.org Melalui Citibank Indonesia Kode Bank 031.
ReplyDeleteI am an academic assignment services provider and Academic Write, associated with sampleassignment.com since the decade. Sample Assignment is leading plagiarism free assignment help Brisbane Australia, UK, USA. We provide online conflict online assignment help customized assignment help service. We are leading the market for more than a decade now and have acquired the name of being the best academic help service for our comprehensive services at pocket-friendly rates online supply chain online assignment help and We also serve our Service to those who search assignment help Perth.
ReplyDeleteHey! Thank you for providing us with such an informational blog. This is indeed helpful. My Assignment Services also assists students who struggle to complete their assessments on time. Our Catia assignment help is a unique academic service designed specially for those who are studying this unit. We have a whole team of certified Catia assignment writers who have been using the CATIA CAD software since it was first launched. These experts are also well-versed with other CAD software such as STATA, AutoCAD, and many more. With their high-level of knowledge and years of expertise, students often consider them as the best STATA assignment help providers in Australia. Thus, we’re always there whenever students find challenges in writing their STATA and CATIA assignments. They can also avail of full-solved assignment samples from us and use them to prepare their own assessment tasks easily. With our STATA assignment help, scoring the top grades is more achievable than ever!
ReplyDeleteAssignment Help in Melbourne
ReplyDeleteWe provide all types of assignment help in Melbourne such as primary education, tertiary education, university-level academic writing service in Melbourne Australia.. https://www.thetutorshelp.com/assignment-help-in-melbourne.php
Assignment Help in Perth
ReplyDeleteGet best tutor from Perth (Australia) for your assignment help. Stay at the top with premium class content.. Assignment help in Perth https://www.thetutorshelp.com/assignment-help-in-perth.php
Assignment Help in Australia
ReplyDeleteOnline Assignment Help In Australia service helps the student with their assignments, therefore, lifting work pressure off their shoulders. engineering assignment help electrical engineering civil engineering software engineering in formation technology mechanical engineering computer science the tutors help https://www.thetutorshelp.com/australia.php
Our specialists completely comprehend the prerequisites of each student and follow the rules given by them to make an assignment. We make a point to convey quality assignments inside the given time period. assignment provider
ReplyDeleteassignment help melbourne
Want to submit your essay tomorrow? and you don't have enough time to write it. Then visit our website today and avail of our Urgent Essay Writing Service today!
ReplyDelete
ReplyDeleteIt’s great! Great post and very informative article. You hurt to be one the best blog contestants. Cheers! You should proceed with your writing.- nestle past questions and answers
This comment has been removed by the author.
ReplyDelete