fc2ブログ

ニャログ :大航海時代のデータと航海日記

大航海時代のデータと航海日記です

一部のエリアをトップページにだけ表示しよう

今回はちょっと趣向を変えて FC2ブログで役立つテクニックを


ブログのトップページを表示したときだけ表示されるエリアを実現する方法です

トップページの時だけ表示されるエリア


トップページ以外だと表示されない

・記事の詳細(「つづきを読む」など)を表示したとき
・カテゴリー別に表示したとき
・過去の記事(「NEXT」「次のページ」「もっと過去の記事」)を表示したとき
は 表示されない ちょっとだけ特別なエリアです


↓つづきます



一番簡単な実現方法は「未来の記事を書く」方法ですが
個人的には あまり好きではありません
ただ HTML? CSS? って聞いただけでムズかしそう という人は そっちもイイかも


がんばってやってみよう という方は よく読んでトライしてみてください↓


FC2には 独自にHTMLを拡張してある特別なタグ(のようなもの)があるので
それを利用します

それが
<!--index_area-->
です

これだけでピン!と来た方は 続きを読まなくてもOKですねw



概要:

  1. <!--index_area-->を使って トップページにだけ表示されるエリアを作る
  2. <!--plugin_second-->をごっそり移動して トップページにだけ表示されるエリアに表示する
  3. プラグインに追加したいエリアのHTMLを書く

  ※ 1.だけ行い テンプレート内にHTMLを書けば 2. 3. は不要です




ブログの「テンプレートの設定」で表示されるHTMLに・・

テンプレートのHTMLに

<!--index_area-->  (←「<」は半角なので注意)
      埋め込みたいHTML
<!--/index_area-->
を追加します (下図ピンク色の部分)

index_areaがポイント

この追加する部分ですが
お使いのテンプレートによって違います
&表示したい位置によっても違います

ので いろいろ試すことになると思いますので バックアップは忘れずに
※変更前のテンプレートのHTML全部をメモ帳とかで保存しておくと安心

たぶんですが class="main" または id="main" の下あたりで なんとかなるかと思います




上図の緑色の部分で プラグインのカテゴリ2 を表示するようにしています
これは テンプレートのHTMLをイチイチ変更しなくて済むように、です

※ただし 一度に緑の部分まで修正しようとするとどこで失敗してるのかがわかりづらいため
 まずは緑色の部分には テキトーな文字列などを入れて検証することをオススメします



プラグインを表示するため
ピンク色の外側の
<!--plugin-->  (←「<」は半角なので注意)
<!--/plugin-->
が必要だったりするのかもしれません
もしかするとただのコメントかも?(←マニュアルちゃんと読め)
もっと内側でもいいような・・・


今回は プラグインのカテゴリー2を表示するようにしたので
カテゴリー2にプラグインを追加して
詳細をクリックします
プラグイン2に
追加するプラグインは
[公式プラグイン(PC用)]-[拡張プラグイン]
-[フリーエリア(テキストや各種ブログパーツのスクリプトを貼り付けられます)]
です

トップページに表示されるエリアの
HTMLを記述します
HTMLを書く


以上で 設定は完了です!

さて・・ うまくいきましたかね?


↓応援ポチり とよろしくですっ
今日のニャログのランキング順位は?

みんなのコメント

  1.    うえとも   URL   2009/08/11   修正
  2. 遅ばせながら…
    やってみたらできました(≧▽≦)b
    テンプレ直接いじらなくていいって楽ですねぇ!
    ありがとです! これでスッキリ見やすくなるかしらー!
    サッパリわからないのに見よう見まねでHTMLいじってるので…
    トップのインフォメエリアをいじる度にテンプレ直接編集すると
    大事なタグ消しちゃいそうで怖かったのですw

          
ナイショ話

※短縮URLおよび転送URL(っぽいもの)を含む場合 コメントできない場合があります
  例) abc.aaa/
  例) 123.gj/

※コメント内にアドレスを記入する際は http://の前に「→ 」をつけてください
  例) → http://www.google.co.jp/

※&#数字; 形式は使えません
  例) ♥ と入力して ♥ を表示することはできません

※管理者にだけメッセージを送る の場合
  管理者にだけメッセージを送る の場合、誤記を修正しようとしてもできないらしいです
  追記の形で修正してください

※どうしてもエラーが出る場合
  あまり制限をきつくしていないつもりですが・・
  サイトURLを書かない
  半角英数字を書かないなど 工夫してみてください

※記事内容に関連しない 宗教関連および政治関連の書き込みは、ご遠慮ください

ニャログへようこそ
大航海時代オンラインのことを
ちょこちょこ書き込む予定


キャラ:ニャ・カプチーノ (メイン)
サーバ:Zephyros


見かけましたら どぞよろしく☆
FC2のファイル500kB制限がきつい

キャラクターのレアカードを作ろう!



キャラ:ニャ・カフェラッテ
サーバ:Zephyros

キャラクターカード:ニャ・カフェラッテ
意図せずヒロシイツキのポーズ


リンク:
  お好きなところにご自由に♪
コメント:
  あまりお返事しませんがお気軽に☆
トラックバック:
  関連記事ならぜひぜひ!


大航海ブログランキングに参加中!
ニャログ応援ありがとう

応援ありがと~♪
カテゴリ別に読む
迷子になったら 他
 (初心者さんにオススメのサイトの紹介)


記事一覧

ボトルキャップコレクション01
ニャログ内を検索
お役立ち(?)リンク集
大航海 新着(DOL-Ping)
最新記事
月別アーカイブ
最新トラックバック
最新コメント
RSSリンクの表示
© KOEI
(c)2005-2008 KOEI Co., Ltd. All rights reserved.
© TECMO KOEI
(C)2005-2010 TECMO KOEI GAMES CO., LTD. All rights reserved
カテクエ検索