スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

前後の記事

最近の記事

管理者にだけ表示を許可する

トップページにだけ表示させたい

初稿-2005年6月18日
編集-2005年11月18日

はじめに

ここでは、ブログのトップページでのみ表示させる方法を紹介します。しっかり理解し、応用すれば、このブログのようにトップページを丸ごとメニュー(サイトマップ)にする事も可能です。もちろん、新着記事の上に表示させるだけというのも可能。分からなければこの記事のコメントにてお聞きください。

未来記事の代わりとなるのか

未来記事というのは、トップページに表示させておきたいが為に、記事の投稿時間を未来に設定し、トップページのみに表示させるという方法です。私も、FC2ブログ変数が無ければこうしていたかもしれません。そして、一番簡単なトップページのみに表示させる方法です。ただしこの方法だと、RSSリーダーなどでは常にトップに表示されてしまいます。が、簡単な方法で良いというのなら未来記事をお勧めします。ころころテンプレートを変更する方も書き換え不要です。ただし、記事投稿時間は未来時間に表示されます。

FC2ブログ変数を使う

上を読むと、少し面倒な作業が必要と思われるかもしれませんが、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を応用しているのか、と理解出きる筈です。

最後に-index_areaの可能性

この変数を使った素晴らしいテンプレートを使っている方のリンク集。

FC2ブログ内でのリンク集。この変数を巧みに使っておられる方のブログは、「ブログ」に見えない事が多い。

前後の記事

最近の記事

トラックバック

この記事へのトラックバックURL:
http://fc2blogshop.blog13.fc2.com/tb.php/28-347baac9

「トップのみ表示」に挑戦。
FC2tyleさまの「トップページでのみ表示させる方法」という記事を参考にしながら、テンプレをいじってみました。今までは方法が分からなかったから、「サービス案内」のところは未来記事として表示させていました。でも、「一番新しい記事」になってしまうせいで、過去の記事
フリースペースを常にトップに設置する
 今まで、2007/04/20の未来の日時で投稿して『yozoの気が向いたと記2.0』の読み方♪をブログのトップに設置していましたが、常にここのブログの最新記事が、この未来投稿の『yozoの気が向いたと記2.0』の読み方♪になってしまう
トップページだけに表示させる。
テンプレートをさわっていて、新着記事をトップページに表示させたくなったので、 忘れない内にメモしておきます。 // トップページだけに...

コメント

BY ちっちゃちしょっぷ2 AT 2005/06/17 edit this comment
ちっちゃちしょっぷです。

はじめまして。

コメントありがとうございました。

変更させてもらいました。m(_”_)m

リンクもさせていただきました。(^^)
BY bonk AT 2005/06/17 edit this comment
こんばんわ!

お役に立てたようでよかったです。
リンク貼って頂きありがとうございます。

これからリンク集というものを作って皆様のブログをコメント付きでリンクさせて頂きます。

それでは、運営頑張って下さい!
BY るなむ AT 2005/06/18 edit this comment
こんばんは。
こちらの記事を読まなかったら、未来記事にする以外で「トップページでのみ表示させる方法」に気付けたかどうか分からないぐらいです・・・
ブログを始めた頃から「トップにだけ上手いこと文を出す方法ないのかな~?」と思っていたので、本当に参考になりました!
(トラックバック返しありがとうございました)
BY bonk AT 2005/06/18 edit this comment
>るなむさん
参考になったようで、嬉しいです。
確かに、「テンプレート機能一覧」はぱっと見るとあまり読む気にはなりませんよね。
今後もこういった風に実例を挙げて機能を説明していこうかな、と思っています。

こちらこそ、トラックバック&紹介どうもありがとうございました。
BY masaru AT 2005/06/18 edit this comment
こんばんは!
先ほど改良してみました。少しでも軽くしたいので良かったです♪
今後もどんどん勉強させて頂きますね^^
BY bonk AT 2005/06/18 edit this comment
>masaruさん

こんばんわ!!
「ごあいさつ」と一覧メニューがトップページのみ表示されていますね^^確かに「軽くする」という目的でも使えそうですね。

私も勉強しながらです。お互いブログを成長させていきましょう!!
BY chaba AT 2005/06/26 edit this comment
はじめまして、こんばんは!
今まで未来日付の記事をトップにおいていましたが、最近メロを始め、どうやらRSSで言葉を覚えてるようなので(違ったかな?)、未来日付の記事を置いておくと成長しないことに気付きました(汗)
仕方なく直接HTMLに書き込んでトップに置いていましたが、それだとページ移動しても常にそれがトップに居座っているのが悩みでした。
こちらの記事を拝見したときは感激しました!
ありがとうございました。
BY bonk AT 2005/06/26 edit this comment
こんばんわ。はじめまして^^

chabaさんのブログ見させて頂きました。
あんな風に記事背景と同じ画像をつける事も出来るのですね~。反対に学ばせて頂きました。

私もこの事についてはしばらく悩みの種でしたがちょっとした事で、ずっと悩んでいた事が解決したりするものですね。

この記事で悩みが解決されたようなので嬉しいです。
BY ちい AT 2005/11/18 edit this comment
本当の初心者の、ちいと申します。はじめまして。わからないことだらけの私にとって、こちらのサイトは本当に勉強になることばかりです。
現在、私のサイトで一番トップにおいている記事を、今後もずっとトップにおいておきたいと思いながら、未来記事にするのは・・・と思って悩んでいるところでした。ですからこちらの記事は大変参考になると思われるのですが、「テンプレートの編集」のところで、具体的にどのようなことを行えばいいのか、詳しく教えていただけないでしょうか。お手数ですが、どうぞよろしくお願いします。
BY bonk AT 2005/11/18 edit this comment
はじめまして。大分前に書いた記事でして、ちょっと分かりづらいですね^^;近々このページももう少しわかり易いように、編集するつもりです。
具体的には、ちいさんのブログの場合、
<!--エントリー-->
<!--index_area-->
<h3>記事タイトル</h3>
<div class="content">
本文をここに書く。改行には<br />を使う
</div>
<!--/index_area-->
この、<!--エントリー-->の直ぐ下、index_areaに囲まれた部分がトップページのみ表示される部分です。一度お試し下さいませ。
BY ちい AT 2005/11/19 edit this comment
アリゾナの朝に書き込んでおります。
丁寧なお返事に非常に恐縮しております。ありがとうございます。実は「きちんと勉強しなさい!」とお叱りを受けるのでは・・・と内心ヒヤヒヤしておりました。
説明いただいたとおりにしてみたところ、きちんとできました。ありがとうございます。
ずうずうしく、もう一つ伺ってもよろしいですか?
実は、トップページの本文「・人口・・・・」の上に、画像を一つ入れたいと考えています。その方法もご存知でしたら、教えていただけますか。記事のページを参考にしてみたのですが、うまくいきません。よろしくお願いします。
BY ちい AT 2005/11/19 edit this comment
その後、記事内での画像を参考にして画像を入れてみたのですが、これでいいのでしょうか?他にもやり方があるのでは・・・と思っています。見ていただければありがたいです。
BY bonk AT 2005/11/19 edit this comment
おはようございます。アリゾナで更新しているのですか!現地からの情報が得られてかなり有益なブログだと思います。これからも頑張って下さいね。
画像ですが、リンクがついているのをはずしても良さそうです。クリックしても画像が大きくなるわけでもなさそうですので、<a href = "sample target="_blank"><img src="sample" alt="" border="0"></a>
を<img src~
だけにしてみて下さい。</a>を削除するのもお忘れなく。
それでは^^
BY ちい AT 2005/11/20 edit this comment
貴重なお時間をさいて、丁寧に教えていただき本当にありがとうございました。今後もbonk様の記事をじっくり読みながら勉強させていただきます。またわからないことがあったら、お聞きするかもしれません。そのときは、どうぞよろしくお願いします。
アリゾナはとても暖かくて、まだまだ半袖で過ごしています。それでは、失礼致します。
BY yozo AT 2006/08/14 edit this comment
bonkさん、こんばんは。はじめまして。
yozoと申します。FC2ブログ ユーザーフォーラムから飛んできました。
トップにフリースペースを設置したくて、コチラの記事を見てあっさりできました。本当にありがとうございます。勝手ながら、トラバ入れさせていただき、その上リンクさせていただきました。
今後ともよろしくお願いします。m(_ _)m
BY bonk AT 2006/08/16 edit this comment
yozoさん、はじめまして。
こちらで書かれている事よりもずっと丁寧で分かりやすいですね。

こちらこそこれからもよろしくお願いします。


BY ィチゴ AT 2007/01/11 edit this comment
はじめまして。こんにちは。
いろいろ検索してようやくこちらにたどりつきました。こちらの記事に質問させていただいていいものか大変迷ったのですが、どうしても解決できなかったので書かせていただきました。

現在、記事の下にバナー広告を挿入しているのですが、すべての記事に表示されると少しごちゃごちゃしてしまうため、新着記事にNew!のマークをつけるのと同じ方法をお借りして、広告のタグを囲めば、新着記事(1番上の記事)にのみバナーが表示されるのではないかと考えたのですが、このような使い方はできないのでしょうか。

どうしてもすべての記事に表示されることが解消できないため、このような質問をさせていただきました。不快な思いをさせてしまったら申し訳ありません。できればアドバイスをいただけると幸いです。
BY xoxo AT 2008/09/07 edit this comment
トップページを丸ごとメニューにするにはどうしたらいいんですか??
よく分からないんで教えてくれるとありがたいです!
管理者にだけ表示を許可する
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。