ありのごとくあつまりてFC2ブログカスタマイズ,共有テンプレート,素材リンク集,フリーソフトの紹介など。 迷子にならないブログ作りを目指し... 何か1つでも お役に立てる情報 を提供できたらいいなぁと思っています。

このページの記事目次 (タグ: 折りたたみ の検索結果 3 件)

  

現在地表示機能付き カテゴリーリスト の設置方法

2010/06/07 (月)  カテゴリー: ブログカスタマイズ上級

「私のカテゴリーリストはどのように...?」 と質問があったのでまとめてみました。
下図 右側 が 私のカテゴリーリストです。 地味ではありますが、

  • 普段は折りたたみ式, カテゴリー別ページでは 展開状態 
  • カテゴリー別ページ では 現在地 を目立つように表示 
    [ カテゴリーリストに 「現在地表示機能」 を ] ← これの発展形
  • スクリプトOFF でも 問題なし (展開状態で表示) 
  • 任意のカテゴリーを非表示 に (無駄のない 変数ベース) 

と、色々小細工しています。 一般的には カテゴリーは目立つように 表示するのが良いと思いますが、私のテンプレートでは 上のナビゲーション部分にも入っているので... このぐらいで丁度良いかな と思っています。

現在地表示機能付き 親子カテゴリーリスト

キーワード検索 : カテゴリー  現在地表示  変数  非表示カテゴリー  折りたたみ  

スポンサーリンク

はてなブックマーク  Google Bookmarks Google Bookmarks Yahoo!ブックマーク Facebook Twitter
お役に立ちましたら、応援して頂けると嬉しいです(*´`*)
記事を読んで頂きありがとうございます。 FC2ブログランキング

URL http://arinogotokuatumarite.blog19.fc2.com/blog-entry-138.html

2010/06/07 ~ | Comment (5) tweet? | ↑ ページ先頭へ ↑ |

固定リンクでも 【続きを読む】 を折りたたむ方法

2010/04/07 (水)  カテゴリー: ブログカスタマイズ上級

固定リンク (個別記事ページ,<!--permanent_area-->) でも 追記 に入れた内容を 【続きを読む】 として折りたたみたい! カスタマイズの方法は...?

という質問を受け、最初は 「個別記事ページでまで 追記 が折りたたまれてたら面倒だよなぁ~」 と思ってしまった私ですが、ある方のサイトで 「追記にはネタバレの内容を含みます」 という一文を見て、こういうサイトでは 「読みたい人だけが自分の意思で 追記 を開く」 という形式もありかなと感じました。

元々、カテゴリー別ページ月別ページ検索結果ページタグ検索結果ページ では、FC2ブログのテンプレート工房(いたおさん) のスクリプトを使わせていただき、追記の折りたたみ機能 (スクリプトON の場合は その場に展開, スクリプトOFF の場合は 固定リンクへ移動) を付けてあるので、それと同じ見た目で スクリプトOFF でも記事が閲覧できる方法を考えてみました。

設置した場合の動きのイメージです。 追記に入れた内容が 個別記事ページ でも折りたたみ状態で表示され、クリックで 展開 ⇔ 閉じる を切り替えます。 スクリプトOFF の場合には、内容だけがそのまま表示されます。

最初は、今使っているスクリプトを利用して...と考えましたが、スクリプトOFFのことも考えた スッキリした方法が見つけられなかったので、同じ作者さんの 「プラグインの折りたたみ」 をアレンジしたものを使ってみたら、上手く出来ました!

スクリプト OFF の場合には 内容だけがそのまま表示されます。

<!--permanent_area--> で 追記部分を折りたたむ方法

キーワード検索 : FC2ブログ  追記  折りたたみ  javascript  変数  

スポンサーリンク

はてなブックマーク  Google Bookmarks Google Bookmarks Yahoo!ブックマーク Facebook Twitter
お役に立ちましたら、応援して頂けると嬉しいです(*´`*)
記事を読んで頂きありがとうございます。 FC2ブログランキング

URL http://arinogotokuatumarite.blog19.fc2.com/blog-entry-124.html

2010/04/07 ~ | Comment (15) tweet? | ↑ ページ先頭へ ↑ |

月別アーカイブをコンパクトに表示する方法

2009/11/10 (火)  カテゴリー: ブログカスタマイズ上級
月別アーカイブリストの折りたたみ 
ナビゲーションメニューに対応させた一例

ブログを続けていると、どんどん増えてくるもの。 繰り返しの 「変数」 を使って表示している 月別アーカイブのリスト や ユーザータグリスト,リンクリスト など。 

それらを、コンパクトに表示する方法 は探せばいくつもあるようですが... 今回は、私のテンプレートの 上部ナビゲーション部分 でも使える方法として、4つの方法 を紹介します。 ソースは FC2ブログ共有テンプレートari_seoシリーズ用 をベースにしていますが、3つの方法は、それ以外の場合にも使えるものです。

まずは、実際に サンプルページ をご覧ください。 (ソースも載せてます)

キーワード検索 : FC2ブログ  月別アーカイブ  折りたたみ  javascript  

スポンサーリンク

はてなブックマーク  Google Bookmarks Google Bookmarks Yahoo!ブックマーク Facebook Twitter
お役に立ちましたら、応援して頂けると嬉しいです(*´`*)
記事を読んで頂きありがとうございます。 FC2ブログランキング

URL http://arinogotokuatumarite.blog19.fc2.com/blog-entry-92.html

2009/11/10 ~ | Comment (8) tweet? | ↑ ページ先頭へ ↑ |
申し訳ありません。 お探しの記事は現在、この ユーザータグ (Keyword) を設定していない可能性があります。 右上の検索BOXで 再度用語を短めに入力していただくと記事が見つかる場合があります。