アクセス数: | 今日: | 昨日:   記事数:996

HOMESITE MAPBOOKMARKTAG CLOUD

【WordPress】サイト軽量化&ページ活用

『【WordPress】サイト軽量化&ページ活用』をはてなブックマーク

タグクラウド以前からそうなんですが、最近特にサイトが重いなぁと思いフッターに表示させていた『タグクラウド』の表示を止めました。
今や500近く増えたタグ。
全てを表示させるのには、ちょっと重たくなるのは必然ですね。
しかし、全く消すのは惜しいってんで、『ページ』で表示させる事にしました。
サイト一番右上にリンクがあるので、見たい方はどーぞ。

以下はページで表示させるに当たって、難儀した点。

私はWordPressのプラグインの『brBrbr』を使っています。
ちなみに <pre>などに対応した新バージョン出てます。 (Version:2.0)

ページ内に作ったコンテンツも、もれなく『brBrbr』が適応されるのでタグクラウドのフラット表示が出来ません。
画像はプラグイン『Simple Tags』のタグクラウド内。
タグクラウド

これを『List』に変えます。
タグクラウド

後はCSSで <ul><li> を横並びにすれば『brBrbr』は関係なくなるんですが、ここでちょっと手間取りました。
結果的に言えば、以下のコードでOK。

ul.st-tag-cloud li {
  display: inline;
  line-height: 2;
}

横並びにする時、『float: left;』じゃなく『display: inline;』にしなければいけなかったんですね。
タグクラウドは関連してるタグによって、テキストの文字の大きさが変わるので『float: left;』だと変な表示になってしまいます。

解決してみれば、何のこっちゃという事例でした。

Trackback URL

リンク先が18禁サイトの場合は削除しています。
当ブログにリンクが貼られていない場合は削除しています。
Tag : , ,

コメントを書く

必須です。

必須です。(公開されません)
GRAVATARに登録していると、アイコンが表示されます。

リンク先が18禁サイトの場合は削除しています。

以下のタグが利用出来ます。
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Additional comments powered by BackType