CSS Star Rating
概要
このページの下部にもサンプルがありますが、
CSSと画像を使った何かいい感じがするCSS 評価スニペットです。
Unable to display rating
もちろん多重評価防止もできるように作られています。
※いまのところ4階層以上のページだとTOPページに飛ばされて評価できません。
CSS Star Ratingの導入
- 下記URLからDownloadリンクをクリックしてCSS Star Ratingをダウンロード
http://modxcms.com/CSS-Star-Rating-547.html
解凍後、フォルダ名をstar_ratingに変更して
/assets/snippets/
にアップロードします。 - テキストエディタなどで star_rating.snippet.tpl を開き、
中身をCtrl+A Ctrl+Cで全てコピー(中身を全て選択しコピー) - MODx マネージャにログインし、リソース→リソース管理を開きます。
スニペット タブに切り替え、スニペットの作成をクリック
名前 star_rating
説明 CSS Star Rating
内容 Ctrl+V で先程コピーした内容をペースト
そして保存します。 - リソース→リソース管理を開き、テンプレート変数 タブに切り替え、テンプレート変数の作成をクリック
変数名 star_rating
見出し star_rating
説明 star_rating
でテンプレート変数を新たに作成します。 - テンプレート管理 タブに切り替え、普段使っているテンプレートを開き
複製をクリックし、複製したテンプレートの名前を適宜変更します。
<head></head>内に
<link rel="stylesheet" type="text/css" href="assets/snippets/star_rating/star.css?" />
※自分のテンプレートにbase href......がない場合は、
<link rel="stylesheet" type="text/css" href="http://サイトのURL/assets/snippets/star_rating/star.css?" />
を挿入してください。 ※テンプレート用CSSから@importで呼び出してもOK - css_ratingを表示したい位置に[!star_rating!]
と入れてください。 ※[[ ではないことに注意
そして保存します。 - 最後に正常に表示できるかチェックして完了です。
Update: 2008/09/09 00:26:13
