top


総投稿数 本 
no_

スポンサーサイト

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

タグクラウド:◇ちょっと、原稿量増えてきたので、実装してみたのだが・・・ 【FC2ブログカスタマイズ】

 2008-11-25
 今月、ちょっと気張り過ぎたようだ。
 すでに、70投稿を超えている・・・
 このまま維持できるわけないし、思い切り減るのも
 情けないし・・・

 ま、それよりも、自身で振り返ることもあるだろうから、

  「タグクラウド」を設置したく
  久しぶりに、(少し)ブログカスタマイズ

 タグクラウドを実装しよう!
  >> タグクラウド:◇ブログ内、タグ全リスト・・・ 【創るmetaboy】
     ※上部、テキストメニューにも 加えた。


【目的】

 1:サイドバーに「タグクラウド」を設置する のは
   もちろん
 2・「サイトマップ」のように
   単独で、「タグクラウド」のみを表示する頁を用意したい

 なかなか、はまらせていただいた。

 顛末・仕組みは 追記に ▼

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


more**************************************************
「タグクラウド」を設置する
**************************************************

【調査・試行錯誤】

 1:はひとまず実装できた。
   ※現在は、一時 はずしている。

   参考にさせていただいたのは
   ・てんぽ さんの
    「FC2ブログでタグクラウド

   なるほど。仕組みは
   ・タグリストの中で、aタグの「title属性」を使う わけですね。
    とても丁寧な解説で 非常に助かりました。


   [ 実装 ]

    ◆表示大きさを設定する CSS部分
     ※てんぽ さんの まんま です。恥ずかし。
      いづれカスタマイズすると思うけど・・・
.tag_view a[title] {
font-size:130%; /* これが最大のフォントサイズになる */
font-weight:bold; /* デフォルトで太字 */
}

.tag_view a[title="15件"],
.tag_view a[title="14件"],
.tag_view a[title="13件"],
.tag_view a[title="12件"],
.tag_view a[title="11件"] {
font-size:120%; /* 11~15件はfont-size:120%で太字 */
}

.tag_view a[title="10件"],
.tag_view a[title="9件"],
.tag_view a[title="8件"],
.tag_view a[title="7件"],
.tag_view a[title="6件"] {
font-size:110%; /* 6~10件はfont-size:110%で太字 */
}

.tag_view a[title="5件"],
.tag_view a[title="4件"],
.tag_view a[title="3件"],
.tag_view a[title="2件"],
.tag_view a[title="1件"] {
font-size:100%; /* 1~5件はfont-size:100% */
font-weight:normal; /* 1~5件は太字でない */
}


    ◆整形前の CSS部分
.tag_view li {
display:inline;
margin-right:0.5em;
}

.tag_view a{
text-decoration:none;
}

 ※「tag」という名前だけ、他に事情があって「tag_view」と
  したけれど・・・

    ◆FC2 のテンプレートで
     順にタグリストを表示する変数
     <!--rtag-->~<!--/rtag--> を利用する
<ul class="tag_view"><!--rtag-->
<li><a href="<%rtag_url>" title="<%rtag_count>件"><%rtag_name></a></li>
<!--/rtag--></ul>

 ※これも、まんま。
  ここまで、どうもありがとうございました。


 問題は、
> 2・「サイトマップ」のように
>   単独で、「タグクラウド」のみを表示する頁を用意したい

 FC2 の変数一覧など探したけれど、
 ・制御構造(if や case など)はないのだな。
 ・MovableType もろのブログならできるんだろうけど
 ・ある特定の番号の記事の時だけ
  「タグクラウド」を表示したい

 なんか、簡単そうなのだけれど、できない。
 (いや、知らないだけかも?)

 で、どうしたか。
 FC2の変数で、
 ・テンプレート内で利用できる変数を
   (また、他の方にお世話になるのだが・・・)
    「テンプレート変数一覧を抽出してみた。 ヒヨコ君増殖中
   を参照して
        <%pno> 親記事のNOを表示(コメント時には必須)
   見つけたので、
 これを利用した。ありがとうございました。


   [ 実装 ]

    ◆CSSで、class として
     デフォルト:非表示の設定を用意
.thisview {
display:none;
}


    ◆(続けて)
     特定の番号のみ、表示する設定を用意
.thisview499 {
display:block;
}

 ※タグクラウド を表示させるファイルは
  ・http://metaboy.blog23.fc2.com/blog-entry-499.html
  なのだ。

    ◆(FC2テンプレート上で)
     エントリーの下に
     class のダブル指定
     ・タグクラウド表示部分を用意
<div class="thisview thisview_<%pno>">
<ul class="tag_view"><!--rtag-->
<li><a href="<%rtag_url>" title="<%rtag_count>件"><%rtag_name></a></li>
<!--/rtag--></ul>
</div>


 ▼(結果)

一応
・IE7,Firefox3 ではOK。

不本意ながらも、ひとまずこれで目的達成。


   [ 懐疑 ]

    □特定の記事だけに
     FC2の変数利用するって、本当にこんな方法しか
     ないのだろうか?

    □display:none でも
     実際のソースで 499のファイル以外でも
     タグクラウド表示部分が消えない。
     (無用の長物)

    □これって、SEOスパム とされないだろうか?
     (不安)

   ・さらに、情報を探すぞ。
   ・見つからなければ、重ければ
    >> はずすしかない。


    「何でこんなことしてんだよ!」とおっしゃる方
    どうぞ、お教えくださいませ。
commentsコメント
ちょと気づいたので...
ユーザータグ一覧を1つの記事に表示する方法
私が実際に使っている方法で、最近記事にしましたので もしよかったら参考
にどうぞ。

そのページ以外には影響を与えない単純な方法です。
【2009/08/18 14:31】 | paruparu #GCA3nAmE | [edit]
paruparuさん、コメントありがとうございます。
拝見させていただきました。すばらしい。
早速参考にさせていただこうと思ってます。
感謝! です。
【2009/08/19 10:49】 | metaboy #- | [edit]
記事数が多くなると、ユーザータグの数も増えてくるし...
だからと言って減らすのももったいないですよね。
ページを少し軽くできると思いますので、よかったら試してみてください。
【2009/08/19 14:10】 | paruparu #GCA3nAmE | [edit]
comment_post












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

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

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

 

リンク集

 

最近の記事

 

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

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

 

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