トップページにだけ表示させたい
初稿-2005年6月18日
編集-2005年11月18日
ここでは、ブログのトップページでのみ表示させる方法を紹介します。しっかり理解し、応用すれば、このブログのようにトップページを丸ごとメニュー(サイトマップ)にする事も可能です。もちろん、新着記事の上に表示させるだけというのも可能。分からなければこの記事のコメントにてお聞きください。
未来記事というのは、トップページに表示させておきたいが為に、記事の投稿時間を未来に設定し、トップページのみに表示させるという方法です。私も、FC2ブログ変数が無ければこうしていたかもしれません。そして、一番簡単なトップページのみに表示させる方法です。ただしこの方法だと、RSSリーダーなどでは常にトップに表示されてしまいます。が、簡単な方法で良いというのなら未来記事をお勧めします。ころころテンプレートを変更する方も書き換え不要です。ただし、記事投稿時間は未来時間に表示されます。
上を読むと、少し面倒な作業が必要と思われるかもしれませんが、RSSに読まれない、投稿時間も表示されない、未来記事の代わりを作るだけでしたら、極々簡単な作業で済みます。
<!--index_area-->〜<!--/index_area-->
変数は、上記のブロック変数を使います。インデックスエリアブロック変数は、囲まれた部分はトップページしか表示されません。どこでも使えるので、まるまる囲ってしまえば、例えばトップページしか表示されないメニューというのも作れます。
実際にここに囲むHTMLタグですが、未来記事の代わりにする場合、使用されているテンプレートによって内容が変わります。まずはフラグの立っている(使っている)テンプレートのHTMLソースを見てください。
<%topentry_title>と書かれている部分がある筈です。これは、記事タイトルが入る単変数です。そして、<%topentry_body>がその近くにある筈です。>例えば<%topentry_title>が、<h3><%topentry_title></h3>と書かれ、<%topentry_body>が<div class="****">に囲まれているとします。その場合のソースは
<!--index_area-->
<h3>トップページにのみ表示させたい記事タイトル</h3>
<div class="****">
トップページにのみ表示させたい文章
</div>
<!--/index_area-->
と記述します。これで未来記事の代わり、つまりトップページのみ表示される記事が出来ます。
新着記事のすぐ上に表示させたい場合、テンプレートHTML内の、<!--topentry-->と書かれている、すぐ上に記述してみて下さい。大抵は、これで新着記事のすぐ上に表示されます。例外もあるので注意。
例えばトップページにのみ表示される文章を表示させたいのなら、
<!--index_area-->
<p>文章</p>
<--/index_area-->
と記述するだけです。
トップページを丸々メニューにしたり、トップページだけメニューの内容を変更したり、トップページだけブログタイトルにリンクをつけなかったり…、これらは、私の<!--index_area>の使い道です。このブログのトップページとそれ以外の部分を見てみて下さい。この文章を読み終えたあなたは、全部index_areaを応用しているのか、と理解出きる筈です。
この変数を使った素晴らしいテンプレートを使っている方のリンク集。
FC2ブログ内でのリンク集。この変数を巧みに使っておられる方のブログは、「ブログ」に見えない事が多い。
前後の記事
最近の記事
▼FC2用語辞典、FC2スパイダーを更新
▼文字サイズチェッカ
▼APIコンテスト応募予定?作品完成
▼FC2ミニブログPIYO APIの解説とサンプル
▼PIYO APIコンテスト延期
▼FC2BLOG INDEXES:データ更新 2007年12月
▼ソースコードを飾る::syntaxhighlighter FC2ブログでの導入メモ
▼FC2BLOGINDEXESログ消失、でもたすかった
▼FC2PIYO APIコンテスト開催!
トラックバック
この記事へのトラックバックURL:
http://fc2blogshop.blog13.fc2.com/tb.php/28-347baac9
FC2tyleさまの「トップページでのみ表示させる方法」という記事を参考にしながら、テンプレをいじってみました。今までは方法が分からなかったから、「サービス案内」のところは未来記事として表示させていました。でも、「一番新しい記事」になってしまうせいで、過去の記事
今まで、2007/04/20の未来の日時で投稿して『yozoの気が向いたと記2.0』の読み方♪をブログのトップに設置していましたが、常にここのブログの最新記事が、この未来投稿の『yozoの気が向いたと記2.0』の読み方♪になってしまう
コメント
ちっちゃちしょっぷです。
はじめまして。
コメントありがとうございました。
変更させてもらいました。m(_”_)m
リンクもさせていただきました。(^^)
こんばんわ!
お役に立てたようでよかったです。
リンク貼って頂きありがとうございます。
これからリンク集というものを作って皆様のブログをコメント付きでリンクさせて頂きます。
それでは、運営頑張って下さい!
こんばんは。
こちらの記事を読まなかったら、未来記事にする以外で「トップページでのみ表示させる方法」に気付けたかどうか分からないぐらいです・・・
ブログを始めた頃から「トップにだけ上手いこと文を出す方法ないのかな〜?」と思っていたので、本当に参考になりました!
(トラックバック返しありがとうございました)
>るなむさん
参考になったようで、嬉しいです。
確かに、「テンプレート機能一覧」はぱっと見るとあまり読む気にはなりませんよね。
今後もこういった風に実例を挙げて機能を説明していこうかな、と思っています。
こちらこそ、トラックバック&紹介どうもありがとうございました。
>masaruさん
こんばんわ!!
「ごあいさつ」と一覧メニューがトップページのみ表示されていますね^^確かに「軽くする」という目的でも使えそうですね。
私も勉強しながらです。お互いブログを成長させていきましょう!!
はじめまして、こんばんは!
今まで未来日付の記事をトップにおいていましたが、最近メロを始め、どうやらRSSで言葉を覚えてるようなので(違ったかな?)、未来日付の記事を置いておくと成長しないことに気付きました(汗)
仕方なく直接HTMLに書き込んでトップに置いていましたが、それだとページ移動しても常にそれがトップに居座っているのが悩みでした。
こちらの記事を拝見したときは感激しました!
ありがとうございました。
こんばんわ。はじめまして^^
chabaさんのブログ見させて頂きました。
あんな風に記事背景と同じ画像をつける事も出来るのですね〜。反対に学ばせて頂きました。
私もこの事についてはしばらく悩みの種でしたがちょっとした事で、ずっと悩んでいた事が解決したりするものですね。
この記事で悩みが解決されたようなので嬉しいです。
本当の初心者の、ちいと申します。はじめまして。わからないことだらけの私にとって、こちらのサイトは本当に勉強になることばかりです。
現在、私のサイトで一番トップにおいている記事を、今後もずっとトップにおいておきたいと思いながら、未来記事にするのは・・・と思って悩んでいるところでした。ですからこちらの記事は大変参考になると思われるのですが、「テンプレートの編集」のところで、具体的にどのようなことを行えばいいのか、詳しく教えていただけないでしょうか。お手数ですが、どうぞよろしくお願いします。
はじめまして。大分前に書いた記事でして、ちょっと分かりづらいですね^^;近々このページももう少しわかり易いように、編集するつもりです。
具体的には、ちいさんのブログの場合、
<!--エントリー-->
<!--index_area-->
<h3>記事タイトル</h3>
<div class="content">
本文をここに書く。改行には<br />を使う
</div>
<!--/index_area-->
この、<!--エントリー-->の直ぐ下、index_areaに囲まれた部分がトップページのみ表示される部分です。一度お試し下さいませ。
アリゾナの朝に書き込んでおります。
丁寧なお返事に非常に恐縮しております。ありがとうございます。実は「きちんと勉強しなさい!」とお叱りを受けるのでは・・・と内心ヒヤヒヤしておりました。
説明いただいたとおりにしてみたところ、きちんとできました。ありがとうございます。
ずうずうしく、もう一つ伺ってもよろしいですか?
実は、トップページの本文「・人口・・・・」の上に、画像を一つ入れたいと考えています。その方法もご存知でしたら、教えていただけますか。記事のページを参考にしてみたのですが、うまくいきません。よろしくお願いします。
その後、記事内での画像を参考にして画像を入れてみたのですが、これでいいのでしょうか?他にもやり方があるのでは・・・と思っています。見ていただければありがたいです。
おはようございます。アリゾナで更新しているのですか!現地からの情報が得られてかなり有益なブログだと思います。これからも頑張って下さいね。
画像ですが、リンクがついているのをはずしても良さそうです。クリックしても画像が大きくなるわけでもなさそうですので、<a href = "sample target="_blank"><img src="sample" alt="" border="0"></a>
を<img src〜
だけにしてみて下さい。</a>を削除するのもお忘れなく。
それでは^^
貴重なお時間をさいて、丁寧に教えていただき本当にありがとうございました。今後もbonk様の記事をじっくり読みながら勉強させていただきます。またわからないことがあったら、お聞きするかもしれません。そのときは、どうぞよろしくお願いします。
アリゾナはとても暖かくて、まだまだ半袖で過ごしています。それでは、失礼致します。
bonkさん、こんばんは。はじめまして。
yozoと申します。FC2ブログ ユーザーフォーラムから飛んできました。
トップにフリースペースを設置したくて、コチラの記事を見てあっさりできました。本当にありがとうございます。勝手ながら、トラバ入れさせていただき、その上リンクさせていただきました。
今後ともよろしくお願いします。m(_ _)m
yozoさん、はじめまして。
こちらで書かれている事よりもずっと丁寧で分かりやすいですね。
こちらこそこれからもよろしくお願いします。
はじめまして。こんにちは。
いろいろ検索してようやくこちらにたどりつきました。こちらの記事に質問させていただいていいものか大変迷ったのですが、どうしても解決できなかったので書かせていただきました。
現在、記事の下にバナー広告を挿入しているのですが、すべての記事に表示されると少しごちゃごちゃしてしまうため、新着記事にNew!のマークをつけるのと同じ方法をお借りして、広告のタグを囲めば、新着記事(1番上の記事)にのみバナーが表示されるのではないかと考えたのですが、このような使い方はできないのでしょうか。
どうしてもすべての記事に表示されることが解消できないため、このような質問をさせていただきました。不快な思いをさせてしまったら申し訳ありません。できればアドバイスをいただけると幸いです。
Search
FC2blogビギナーズガイド
コラム
作成したツール
月別アーカイブ
- 2008年 03月(1)
- 2008年 02月(1)
- 2008年 01月(3)
- 2007年 12月(2)
- 2007年 11月(5)
- 2007年 10月(7)
- 2007年 09月(7)
- 2007年 08月(6)
- 2007年 06月(1)
- 2007年 05月(1)
- 2007年 04月(12)
- 2007年 03月(2)
- 2006年 12月(2)
- 2006年 11月(12)
- 2006年 10月(6)
- 2006年 09月(1)
- 2006年 08月(3)
- 2006年 07月(3)
- 2006年 06月(4)
- 2006年 05月(16)
- 2006年 04月(13)
- 2006年 03月(16)
- 2006年 02月(12)
- 2006年 01月(8)
- 2005年 12月(13)
- 2005年 11月(24)
- 2005年 10月(19)
- 2005年 09月(27)
- 2005年 08月(38)
- 2005年 07月(51)
- 2005年 06月(40)
- 2005年 05月(111)
- 2005年 04月(153)
- 2005年 03月(57)
- 2005年 02月(79)

