[B! tagcloud] designstalkerのブックマーク

チュートリアルで作成したブログにタグ機能を実装するチュートリアル - nori0620のメモ

以下はcakePHPのマニュアルの付録で作成したブログチュートリアルにタグ機能を実装するチュートリアルです。このチュートリアルで作成する機能は以下の機能です作成する機能記事の登録、修正時にタグの登録&修正(カンマ区切りで指定(例 news,mysite,google,internet)) タグクラウドの実装タグによる記事絞込み表示ライセンスタグ機能の実装処理についてはcakePHPで作成された、オープンソースであるcheesecake-photoblogから移植しています。 (cheesecake-photoblogのライセンスはGPLです) なので実際のプロジェクトなどにコードを使用する場合はライセンスに注意してください。 cheeseCakerのライセンス部分は以下のようになっています。 * @copyright Dr. Tarique Sani, tarique@sani

designstalker 2008/01/17

リンク

Tag Cloudのスタイル - 3ping.org

タグクラウドの必要性についての是非はここでは置いておいて、このアイテムのデザインって色々考えさせられますね。 Vicuna CMSでも真面目に対応しようと重いケツを上げましたので、とりあえずサンプルとなるCSSスタイルを色々と書いてみました。表示例とCSSファイルを置いておきましたので、気に入った表示があったらどうぞ使って下さい。 2007.10/21 追記・編集 Tag Cloud 10,11,12で.level5のフォントサイズが.level4と同じになってたのを修正応用編としてTag Cloud 13を追加単純に該当する記事が多いタグが他より目立てばいいだけなので、大抵のスタイルは大小の区別で表示しているけど、それだけじゃちょっと味気ない気もするのでサイズ色明暗彩度色彩形というところでタグの強弱をより強調してみました。 HTMLは以下のような要素とクラス名で作って