top


総投稿数 本 
no_

スポンサーサイト

 --------
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
カテゴリ :スポンサー広告 トラックバック(-) コメント(-)
no_525

パンくずリスト:遅まきながら設置。いとも簡単。 ・・・ 【FC2ブログカスタマイズ】

 2008-12-04
 実は最近
  別に 実験的に構築している
   ・創るブログ ( by Movable Type4 )
   ・もうひとつの創るブログ ( by Wordpress )

  に、「パンくずリスト」を設置した。
  ※その他、少しづつだが、
   カスタマイズして いろいろ習得中・・

 もはや、サイトとして必須ともいえるこの機能だが
 何故?創るmetaboy にない!?

 ・・・ということで、設置。

 これも、ネット上にはさまざまな情報があり
 プラグインなどもあるようだけど、
 学習を兼ね
 ・FC2で利用できる変数を使って、自前で創ることにした。

 設置自体は簡単だったが、

  上部のヘッダーに組込み
  固定したときに いつでもカテゴリ階層に戻れたり
  したかったので、(少々) はまった。

さてさて、その顛末は・・・
 ◎創るmetaboy に遅まきながらパンくずリスト設置

 追記に ▼

FC2ブログランキングにほんブログ村 IT技術ブログ Webサイト構築へブログ王ランキング人気ブログランキング人気ホームページランキングへ


more**************************************************
創るmetaboy に遅まきながらパンくずリスト設置
**************************************************

 FC2ブログの場合、非常に強力な変数群があり、
それを利用すれば「パンくずリスト」自体は
簡単に設置できる。

【顛末記録】
 ■2008年12月4日
  ◇情報の収集

   たくさんの情報があるが、(特に)
    □パンくずリストをFC2ブログで再現-構造編-
     ( by FC2ブログstyle → あれがしたい → )
    □パンくずリストの作成 [FC2ブログカスタマイズ]
     ( by T-style.com )
   を参考にさせていただいた。ありがとうございました。


  ◇変数の理解と整理

   ・FC2ブログで利用できる変数には、様々なものがあり、
    いろいろとカスタマイズができるようで、これからも
    楽しませてくれそうだ・・・
    >>> FC2ブログ:テンプレート中で使える変数一覧

    ●利用するもの

     [<!--not_index_area-->~<!--/not_index_area-->]
      ・トップの時以外に表示する時
       ※どの場所でも有効

     [<!--category_area-->~<!--/category_area-->]
      ・カテゴリーアーカイブ画面に表示する時
       ※どの場所でも有効

     [<!--date_area-->~<!--/date_area-->]
      ・日付表示アーカイブ画面に表示する時
       ※どの場所でも有効

     [<!--search_area-->~<!--/search_area-->]
      ・検索結果を表示する時
       ※どの場所でも有効

     [<!--permanent_area-->~<!--/permanent_area-->]
      ・固定リンク画面を表示する時
       ※どの場所でも有効

     [<!--search_area-->~<!--/search_area-->]
      ・検索結果を表示する時
       ※どの場所でも有効


  ◇設置

   ・ヘッダ部分に組み込んで、
    ・ヘッダ固定した時、
     グローバルメニューのひとつとして
     (個別記事などの場合)上のカテゴリ階層に戻れる
     なんて、ことをしたい。

   ・テンプレートで
    (Google の)アフィリエイトエリアの下に設置
<!-- パンくずリスト --> 
<div id="pankuzu_links"> <a href="<%url>"><%blog_name> TOP</a>
<!--category_area-->
> カテゴリー [<%sub_title> ]
<!--/category_area-->
<!--date_area-->
> 月別アーカイブ [ <%now_year>年<%now_month>月 ]
<!--/date_area-->
<!--search_area-->
> [<%sub_title> ] を含む記事
<!--/search_area-->
<!--permanent_area-->
<!--topentry-->
> <a href="<%topentry_category_link>"><%topentry_category></a><br>
> <%topentry_title>
<!--/topentry-->
<!--/permanent_area-->
</div>
<!-- パンくずリスト -->


  ◇調整
   (ここで)少々、はまった。
   ・要は、IEFirefox で、動きが変わるのだが
    (これも 今更ながら)
     ブラウザ判別のソースを加え、

     固定したときの位置調整を行う。

     ※ただし、Chrome や他のブラウザのこと考えてないので
      ここは、(重要)課題!

   ・ちなみに、ブラウザ判別は簡易で、
var UsrAgt = navigator.userAgent.toLowerCase();
var isIE = 0; if(UsrAgt.indexOf("msie")!=-1){ isIE = 1; }
var isFF = 0; if(UsrAgt.indexOf("firefox")!=-1){ isFF = 1; }
var isSF = 0; if(UsrAgt.indexOf("safari")!=-1){ isSF = 1; }


 それでも
 ・パンくずリスト 設置できたので
 ひとまず安心。
commentsコメント
comment_post












管理者にだけ表示を許可する
commentトラックバック
トラックバックURL:
http://metaboy.blog23.fc2.com/tb.php/525-4586aec3
ようこそ
Add to Google 創るmetaboy:RSSフィード
My Yahoo!に追加
最新記事のRSS | 問い合わせ

仕事検索、アルバイト検索、依頼仕事の検索ポータル - 仕事検索.COM - www.jobkensaku.com ツクルン

創るmetaboy - WEB創る、サイト創る、何創る - 創ったmetaboy

 

リンク集

 

最近の記事

 

ブロとも申請フォーム
Sponserd by

さくらのレンタルサーバ さくらのレンタルサーバ
大容量・高機能レンタルサーバー heteml 大容量・高機能レンタルサーバー heteml
XREA (ValueDomain)
お名前.com お名前.com
名づけてねっと名づけてねっと
ムームードメインムームードメイン

 

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