Movable Type 備忘録
TagSupplementals プラグインでタグクラウドを作る
- Prev Page: テンプレートタグの値を正規表現で変更する
- Next Page: MultiBlog プラグインの便利な使い方
こんにちわ^^
わたし的に、サイドバーにタグクラウドを表示するのがあまり好きでないので、タグクラウド用のページ作ってます。
それに、Movable Type のタグクラウドは、使用頻度によってフォントの大きさが決定されます。
わたし的にはこれも好きじゃなくって、Ogawa::Memoranda さんの tagwire プラグインなど使ってました。
たとえば、tagwire プラグインや TagSupplementals プラグインでは、使用頻度をフォントの大きさで表して、フォントの色で更新頻度を表現することができます ( ̄∇ ̄)b
この、時間的要素が絡まない Movable Type のデフォルトのタグ機能では、いい加減使用してない、数年前のタグのフォントの大きさがでっかくて、最近のホットなタグがちっちゃいなんてことになるわけです。
ということで、tagwire プラグインは Movable Type 4 では使用できませんので、TagSupplementals プラグインで使用頻度/更新頻度を表現したタグクラウド作ってみましたのでご紹介します。
基本的には、Ogawa::Memoranda さんとこのTagwireでTagCloudを、TagSupplementals プラグイン用にしただけです。 また、ここでご紹介するカスタマイズは Movable Type 4 向けです。
以下のページが TagSupplementals プラグインを使用した場合のタグクラウドです。見た目は変わりません。
タグクラウド・サンプル
カスタマイズ
まず、TagSupplementals プラグインをインストールします。
TagSupplementals Plugin.ja JP - Ogawa Codeいつものように、mt/plugins/ ディレクトリの中にアップロードします。
続いてタグクラウド用の JavaScript を作成します。
以下の tagcloud.js をダウンロードして、インデックステンプレートを新規作成してください。 その際、テンプレート名称を JavaScript(tagcloud.js) とします。出力ファイル名は任意で構いませんが、とりあえず tagcloud.js としておきます。
tagcloud.jsちなみに、tagcloud.js は Ogawa::Memoranda さんとこでご紹介されてた JavaScript をわたしが外部ファイル化、それに伴った変更と、Movable Type 標準のタグクラウドのスタイルに合うように修正などしたものです。
次にタグクラウド用のテンプレートモジュールを作成します。
直接、以降で作成するタグクラウド用のインデックスページ中に埋め込んでもいいです。とりあえず、ここではテンプレートモジュールを使用した場合の説明していきます。<MTIfArchiveTypeEnabled archive_type="Individual"><div class="archive-tagcloud archive"><div class="archive-content"><ul id="tags"><MTTags><li title="<$MTTagName$>:<$MTTagCount$>:<$MTTagLastUpdated format="%Y-%m-%d"$>"><a href="<$MTTagSearchLink$>" rel="tag"><$MTTagName$></a></li></MTTags></ul><script type='text/javascript' src='<$MTLink template="JavaScript(tagcloud.js)"$>'>"></script></div><!-- archive-content --></div><!-- archive --></MTIfArchiveTypeEnabled>
わたしんとこのテンプレートお使いの人はご相談ください。Ajax 化したタグ検索のカスタマイズ方法を説明しますので♪
上記コードはタグクラウドのタグをリストアップしてる部分になります。
赤い字の部分が先ほど作成した、tagcloud.js をロードしている箇所になります。上記コードをコピー & ペーストしてテンプレートモジュールを作成してください。その際、'タグ一覧'という名称にして保存します。
最後にタグクラウド用のインデックステンプレートを作成します。
メインページのテンプレートをベースにするなどして、3. で作成したテンプレートモジュールをインクルードします。<$MTInclude module="タグ一覧"$>
以上で完了です ( ̄∇ ̄)/
後は再構築して表示確認してください。
Trackback Pings(2)
- from
暇人STRのブログ
以前から当ブログではTagCloudのページを導入していましたが、先日ブログウェアをMovableType4(MT4)に...
- from
自転車少年になろう。
これまでサイドバーにタグクラウドを表示していましたが、カスタマイズもかねてTag...




大変お世話になっております。tackyです。このテンプレートとっても気に入ってます(^-^♪
テンプレート設置手順書のアップデートもどうもありがとうございました。
今すぐにとは参りませんが、今後のカスタマイズの参考にさせていただきます。
テンプレートの構造などはまさに聞きたいと思っていたことだったので、いずれ私からもお願いしようと思っていたところでした。
さて、
>わたしんとこのテンプレートお使いの人はご相談ください。Ajax 化したタグ検索のカスタマイズ方法を説明しますので♪
とあったので、早速甘えさせていただきます。どうかご教示ください。
TagSupplementals プラグインのインストールまでは終わっているのでその先だと思いますが。
あと、今後実施したいカスタマイズとして、
1.各個別エントリーから前後のエントリーへのリンクを張りたい
2.形はこのままで配色を変更したい。
3.背景に画像が使えるのであれば入れてみたい。
4.サイトマップを作って表示させたい
etc.とあり、自分のスキルを無視した野望を企んでおります(笑)
情報を集めつつ順を追って取り組んでいきたいと思っています。
何かアドバイスをいただけたら幸いです。よろしくお願いいたします。
>>1 tacky さん
こんばんわ^^
> このテンプレートとっても気に入ってます(^-^♪
そぉ言ってもらえると作り甲斐がありますね。嬉しいです♪
> 早速甘えさせていただきます。どうかご教示ください。
はい。
コメント投稿時のメアド宛にタグクラウド用のテンプレートをお送りします。
手順などはメルにてご確認ください (●´∀`●)
>>2 bzbell さん
おはようございます。メール3通確認しました。
早速にお送りいただいてありがとうございました
本日帰宅後チャレンジしてみたいと思います。
夜遅くまでお手数おかけして申し訳ありませんでした。
この御礼はいつかさせていただきます。
(美味いものでもお送りしたい気持ちです(^_^))
>>3 tacky さん
こんにちわ^^
> おはようございます。メール3通確認しました。
何度もメルしちゃってすいません (; ̄∇ ̄A
普段からそそっかしくって orz
> 本日帰宅後チャレンジしてみたいと思います。
不明点などありましたらご連絡ください♪
はじめまして、3mpと申します。
mtのテンプレートを探していて、びびっときまして、
テンプレート3をダウンロードさせていただきました!
一目ぼれです。非常に気に入っております。
ところが、あまりajax等の知識がないため、
恥ずかしながらまだ色んな機能がまだ動作していません…。
まだいじる時間もあまり取れてないのですが、
丁度タグクラウドについてのコメントがあったので便乗させてください!
私にもそのテンプレートを頂けませんでしょうか?
非常にここに書き込むこと自体恐縮なんですが…
よろしくお願いします!
>>5 3mp さん
こんばんわ^^
テンプレート使っていただいてありがとうございます (●´∀`●)
自分で言うのもなんですが、カックいいですね。
やっぱり背景黒って引き締まって、色が冴えるのでわたしとして大好きなんです。
チョビッと前までは黒を基調としたテンプレートにしてたんですけど、人のテンプレート見るとわたしも黒背景にしたくなっちゃいます (; ̄∇ ̄A
> 私にもそのテンプレートを頂けませんでしょうか?
はい。
後ほどコメント投稿時のメアド宛にお送りいたします (●>∀<●)/
今後ともよろしくですの♪
いつもブログのほう、楽しみに拝見させていただいております。
大変にタメになる記事ばかりで、参考にさせていただいています。
さて、AJAXを使用したタグクラウドを設置しようと記事のほうを参考にさせていただいているのですが、mt-xsearch(名前が変わってmt-plusになったようです)が、作者のサイトから落とせなくなっているようでして。。
それで、この記事を参考にさせていただいて、MT標準のタグ機能と、TagSupplementalsを組み合わせて同じように実装しようとしています。この実装方法でAJAXを使用した結果表示をしたいのですが、なんとかご教授願えないかとおもいまして、コメントさせていただきました。私もテンプレートをいただくことは可能でしょうか。
ちなみに、タグクラウドの実装までは、済んでおりまして、あとはAJAXを実装するだけとなっています。
MTのバージョンは3.35です。
お返事いただけますと幸いです。
よろしくお願いいたします。
>>7 モモ さん
こんばんわ^^
> ご教授願えないかとおもいまして、コメントさせていただきました。私もテンプレートをいただくことは可能でしょうか。
はい。
では、記事にてご紹介しますので参考にしてください。
- 追記 -
と思ったのですが、記事を書く時間がとれそうにないので、やっぱりメールいたします。
基本的に MT4 向けの、このサイトで公開してるテンプレート用になってますので、モモ さんがお使いの MT3.35 では大きく構造が異なります。
ですので、説明しようと思ったのですが、すいません。
後ほどカンタンな説明を加えて送付いたしますね。
分からないことがありましたらメールください♪
こんばんは。
カスタマイズの2番目の部分がうまくできません。
” 以下の tagcloud.js をダウンロードして、インデックステンプレートを新規作成してください。その際、テンプレート名称を JavaScript(tagcloud.js) とします。出力ファイル名は任意で構いませんが、とりあえず tagcloud.js としておきます。 ”
と記載されていますが、ダウンロードしたtagcloud.js を開いてその内容を作成したインデックステンプレートにコピペするのですか?
また、ダウンロードしたファイルは、アップロードするのですか?
以上が質問です。宜しくお願いいたします。
>>9 kankiti さん
こんばんわ^^
> ・・・ダウンロードしたtagcloud.js を開いてその内容を作成したインデックステンプレートにコピペするのですか?
> また、ダウンロードしたファイルは、アップロードするのですか?
はい。そうです (●´∀`●)
そのままアップロードしても構いませんよ。
テンプレートを作成した場合は、ダウンロードしたファイルはアップロードする必要ありません。
再構築すれば作成されますので。
早速のお返事どうもありがとうございます。
ご指導のようにコピペし再構築したのですけどもうまく表示できていません。
”最後にタグクラウド用のインデックステンプレートを作成します。
メインページのテンプレートをベースにするなどして、3. で作成したテンプレートモジュールをインクルードします。”
メインページのテンプレートをベースにして作成したページにアクセスしても色もつきませんし、タグの羅列にしかすぎません。
たびたびすんませんが、ご教授お願い申し上げます。
http://kankiti.s22.coreserver.jp/tagcloud.html
>>11 kankiti さん
こんにちわ^^
> メインページのテンプレートをベースにして作成したページにアクセスしても色もつきませんし、タグの羅列にしかすぎません。
説明が足りませんでした。CSS はこちらのTag Cloudのページを作ってみるでご紹介してるスタイルを参考にするといいかも、です。
説明が足らなかったので記事の方追記しておきます (●´∀`●)
こんばんは。
いつもありがとうございます。
説明不足では、なく理解力が足りないのです。すんません。(; ̄ー ̄川 アセアセ
こちらのtagcloudどうしても設置したく頑張ってみましたが、もう・・・頭から煙が噴き出してきました。
なんど読んでもやってもダメ・・・・です。
また、勉強して理解できるようになったらチャレンジしてみたいと思います。
ありがとうございました。
こんばんわ^^
> こちらのtagcloudどうしても設置したく頑張ってみましたが、もう・・・頭から煙が噴き出してきました。
> なんど読んでもやってもダメ・・・・です。
えぇーーーΣ( ̄Д ̄;)!!
じゃね、MT3.35 のテンプレートをベースにしたサンプルお作りします。
このページで公開しておきますので、機会があったらもう一度 TRY してみてくださいまし♪
- 追記 -
小粋空間さんとこの MT3.3 用のテンプレートをお借りしてカスタマイズしたものを以下に置いておきます。
変更箇所は★印付けてますのでご確認ください。
http://bizcaz.com/archives/shoco/themes/tagcloud_index.tmpl
また、上記テンプレートは main_index.tmpl をベースにタグクラウド用のテンプレートを作ったものです。
では。
こんばんは。
すんません(; ̄ー ̄川 アセアセ
テンプレートなんですけどもエラーで見れないのです。
/(-_-)\ コマッタァ・・・
>>15 kankiti さん
> テンプレートなんですけどもエラーで見れないのです。
わぁぁ (´Д`;) すいません。
わたし表示確認してませんので参考程度でお願いします。
たぶん、タグクラウドのスタイルのところだと思うので修正しておきました。
参考にしてください♪
初めてコメントさせていただきます。
私も一昨日からMT.4 for Movable Type4のテンプレートを使用させていただいており、大変気に入っておるのですが、タグクラウドのカスタマイズの
>4.最後にタグクラウド用のインデックステンプレートを作成します。
メインページのテンプレートをベースにするなどして、3. で作成したテンプレートモジュールをインクルードします。
という箇所が今ひとつ分からず、よろしければタグクラウド用テンプレートを頂ければと思い、コメントさせていただきました。
誠に勝手なお願いで恐縮ではございますが、どうぞよろしくお願い致します。
>>17 aug さん
こんにちわ^^
> という箇所が今ひとつ分からず、よろしければタグクラウド用テンプレートを頂ければと思い、コメントさせていただきました。
はい。
今会社で手元にないので、帰宅したら後ほどご連絡致します (^.^)
>>17 aug さん
こんばんわ^^
先ほど aug さん 宅(メール)にタグクラウド・テンプレート一式をお送りしましたのでご確認ください。
何か不明点などありましたらご連絡ください♪
では。
早速の御対応ありがとうございます。
これからやってみたいと思います。
ありがとうございましたペコリ(o_ _)o))
タグクラウドのページ設定させていただきました。
更にカッコよくなりました。
ありがとうございました( ̄∇ ̄*)
不明点といいますか初歩的な質問かもしれませんが、
Webサイトのブログ記事の下にある「関連するエントリ」の一覧が表示がされないのです。。。
これはTagSupplementals プラグインに関係あるのでしょうか?それとも別のプラグインが必要なのでしょうか?(テンプレートはMovable Type備忘録様のテンプレート MT.4 for Movable Type 4をそのまま利用しております)
お手隙の時で構いませんので、ご指導いただけますよう、
よろしくお願いいたします
>>21 aug さん
こんばんわ^^
> Webサイトのブログ記事の下にある「関連するエントリ」の一覧が表示がされないのです。。。
ですね。
TagSupplementals プラグインはインストールされてますよね (; ̄∇ ̄A !?
そすると考えられることは・・・もしかしたら日本語だから !?
わたしのとこで確認してみます。
- 追記 -
特に日本語だからダメとか、特定の漢字( aug さんとこで使用されてる漢字 )だからダメということもなさそうですね。
ちょと気になるのが、aug さんとこで設置されてるタグクラウドを拝見させてもらっところ、同一キーワードなのに別物 !? として扱われてるのはなぜでしょうか。
たとえば、'市島邸' とか '長野' など、割と多いんですよね。
それが影響してるってことはないでしょうか ( ̄∇ ̄)b
ご返事ありがとうございます。
TagSupplementals プラグインはインストールしています( ̄∇ ̄)
私も同一タグなのに何で同じものが出てしまっているんだろう??ってちょっと気になってました( ̄Д ̄;;
やっぱりそれが(日本語)影響しているんでしょうか???
>>23 aug さん
> やっぱりそれが(日本語)影響しているんでしょうか???
はっきりとしたことは言えなくって申し訳ないのですが、たとえば、MT の管理画面からタグ一覧を表示された場合、やっぱり同一キーワードなのに別物として扱われてるのでしょうか。
その場合、キーワードの違いを見比べてみてください。
少なくっともわたしが確認した限りでは、aug さんとこで使用されてるいくつかの漢字で試してみましたが問題なさそうなので。
おはようございます(_ _)
MTの管理画面からタグ一覧を確認しましたところ、
同一のキーワードが別物として扱われていましたので、
ちょっと調べてみます( ̄Д ̄;)
色々試してみましたところ、
日本語が関係していそうでした。
Webサイト上では、タグの登録が日本語の場合でも、
「タグ検索結果」としてブログ記事が表示されますが、
MTの管理画面→タグ一覧では、それぞれのブログ記事に登録している同一タグが、すべて別物の「1ブログ記事」として扱われており、「ブログ記事(このタグが付いているブログ記事を表示)」をクリックしても、「ブログ記事が見つかりません。 」と表示され、タグを登録しているブログ記事が表示されませんでした。
そこで、タグをローマ字に変更して登録してみたところ、
同一名称のタグは同一として認識され、タグクラウドページでも同一名称のタグは1種類の表示でした。
という感じでしたので、これからブログ記事に登録済のタグをローマ字に変更してみたいと思います。
それで「関連するエントリ」も表示できるといいんですが・・(;^_^A
いろいろとお手数おかけしてすいませんでした(o_ _)o))
度々すいません(; ̄▽ ̄A
ブログ記事に登録しているタグをすべてローマ字に変更し、
Webサイトを確認したところ、「関連するエントリ」が無事に表示されました( ̄∇ ̄*)
>>26 aug さん
>>27 aug さん
> 日本語が関係していそうでした。
えっ!? そうなんですか!?
でも、日本語使えないと aug さん では不便でしょうね。
ちょと調べてみます。
お心遣いありがとうございます。
そうですね。
できれば日本語のままできた方が
ありがたいです(;^_^A
>>29 aug さん
こんばんわ^^
やっぱり日本語タグでも普通に使えてますねぇ。
関連タグもタグクラウドも aug さんとこのような現象でないです。
特定の漢字がダメなのかなぁ。再現しないことには原因がわからないよ・・・困った(つω-`。)
ネットでも今回のような事例ってないようです。
お手数ですが、1 エントリずつ確認しながら日本語タグを再度入れてみてもらえますか。
で、もし特定の日本語タグを入れたらダメになった場合、その漢字を教えていただけますか。
おはようございます。
わかりました(・ω・)ノ
確認しながらやってみたいと思います。
タグを日本語に変更してみたところ、
1つ目のエントリを確認した時点でダメでした。。。
bzbellさんが確認して頂いて日本語でも普通に使えるということでしたら、私のWebサイトの設定でどこかが間違ってる可能性の方が高いですよね・・(; ̄▽ ̄A
テンプレートを再度見てみます。
色々見てみましたが、
結局分からずじまいでした( ̄▽ ̄;;
時間のある時に再度確認をしてみようと思います。。
>>31 aug さん
>>32 aug さん
>>33 aug さん
こんばんわ^^
う~ん、たぶんテンプレートの問題じゃないと思うんです。
タグ表示やタグクラウドはテンプレートに依存してませんので。
文字コードがらみのような気がして・・・。
ちなみにお使いのデータベースは MySQL ですか!?
文字コードには何を使用されてますか!?
あと、aug さんが付けて再現した日本語タグを教えていただけますか。
わたしのとこでも試してみたいので( ̄∇ ̄)
お返事遅くなりました。
使用しているデータベースはMySQLです。
文字コードはUTF-8
日本語タグは「日本酒」「大晦」などです。
お手数おかけしてすいません( ̄▽ ̄;)
>>35 aug さん
こんばんわ^^
> 日本語タグは「日本酒」「大晦」などです。
ご連絡ありがとうございます。
さっそくわたしんとこでも上記タグ使ってみました。
でもね、やっぱり日本語タグでも問題ないようなんです。
http://bizcaz.com/annex/
aug さん はタグの区切りに何を使ってますか !?
わたしはカンマ区切りにして複数のタグを入力してます。
ちなみに区切り文字には「カンマ」と「スペース」が選択可能です。
システムメニューのユーザ設定画面にて「既定のタグ区切り」で選択可能です。
もし、スペースを選択されてたら、試しにカンマでやってみてください。
bzbellさん
こんばんわです。
http://bizcaz.com/annex/
確認しました。
日本語でも関連するエントリも表示されていますね!
私もタグの区切りはカンマを使用し、複数タグを使用しておりましたが、日本語タグを使用すると#26の内容となり、タグを登録しているブログ記事が表示されませんでしたので、スペースも試してみましたがこちらでもダメでした・・。
う~ん(; ̄▽ ̄A
>>37 aug さん
こんばんわ^^
おかしいですねぇ。
何が原因してるのかまったく特定できないです(つω-`。)
サーバはレンタルサーバでしょうか。それとも自宅サーバ !?
原因の切り分けとして、適当なブログを別途追加して、テンプレートはデフォルトのものを使用した場合、日本語タグがどのように表示されるか確認することはできますか!?
おはようございます。
サーバはレンタルサーバを使用しております。
デフォルトテンプレートを使用した別のブログで日本語タグを確認してみますね!
デフォルトテンプレートを使用した別のブログを作成しようとしたところ、
再構築中にエラーが出てしまいました。。。
時間のある時に再度トライしてみようと思います。
>>40 aug さん
こんばんわ^^
> 時間のある時に再度トライしてみようと思います。
はい。時間があるときにでも確認してみてください(*^_^*)
こんばんわです。
#35にて、使用しているデータベースはMySQL、
文字コードはUTF-8 とお伝えいたしましたが、
本日phpMyAdminにてMySQLの文字セットを確認しましたところ、MySQLの文字セット:EUC-JP Japanese (ujis)となってましたΣ(; ̄□ ̄A
これが原因!?ですよね。。。。(; ̄▽ ̄A
(テキストエディタはUTF-8を使っていたんですが。。。)
すいません。。。
ちなみにMySQLの文字セットの変更の仕方をWebで探していますが、やり方が分からずです。。。。
>>42 aug さん
こんばんわ^^
> 本日phpMyAdminにてMySQLの文字セットを確認しましたところ、MySQLの文字セット:EUC-JP Japanese (ujis)となってましたΣ(; ̄□ ̄A
えぇーーーっ Σ( ̄Д ̄;)!!
厄介なことになりましたね。
> これが原因!?ですよね。。。。(; ̄▽ ̄A
うん・・・たぶん。
データベースなだけに適当なことできないし、サーバサポートに相談してみてはどうでしょ。
または、ブログを EUC にしちゃうとか。
そうすると、テンプレ内の Ajax が影響でちゃうかもです (; ̄∇ ̄A 困った
おはようございます( ̄∇ ̄)
サーバサポートに問い合わせをしてみたところ、
うちではサポート対象外とのことでした*o_ _)o
もうしばらくWebで調べてみます(・ω・)v
こんばんわです。
色々調べてみましたところ、
小粋空間さんの「MySQL + phpMyAdmin によるバックアップ」記事内の「1.1 DB全てのエクスポート」のすぐ下にある画像を見ると、画像右側の phpMyAdminの真下にLanguageという項目がありJapanese(ja-UTF-8)と文字コード選択ができるようなのですが、私が使っているphpMyAdminの真下にはデフォルトでMySQLの文字セット:EUC-JP Japanese(ujis)とあり、文字コードの変更ができません。。。
通常はココで文字コードの変更ができるんだと思いますが、私が使用しているものではできない模様*o_ _)o
というわけでssh/telnet接続ソフトを使い、リモート側の/etc/my.cnf内のdefault-character-setを「ujis」から「utf8」に変更しようと試み、root権限でログインしたまではいいものの、その後のやり方が分からず。。。(; ̄▽ ̄A
という感じでしたので、
もう少し調べてみたいと思います。
長々とすいません。。。
>>45 aug さん
こんばんわ^^
> 通常はココで文字コードの変更ができるんだと思いますが、私が使用しているものではできない模様*o_ _)o
わたしのとこも文字コードの変更はできませんよ。
たぶん、phpMyAdmin のバージョンによるのかも、です。ちなみに、わたしが使ってる phpMyAdmin は 2.10.1 です。
> というわけでssh/telnet接続ソフトを使い、リモート側の/etc/my.cnf内のdefault-character-setを「ujis」から「utf8」に変更しようと試み、root権限でログインしたまではいいものの、その後のやり方が分からず。。。(; ̄▽ ̄A
それってわたしもネットで見ました。
以下のページでコマンドの実例が載ってました。
http://it.kndb.jp/entry/show/id/15
http://lisolutionux.blogspot.com/2007/11/linuxmysql.html
http://www.ksknet.net/mysql/defaultcharacte.html
http://sb.xrea.com/showthread.php?t=10374
おはようございます。
私が使用しているphpMyAdminは 2.6.4でした。
バージョンによるんですね。。
コマンドの実例ありがとうございます。
お忙しい中、毎度ご迷惑をお掛けし、
申し訳ございません。
それではさっそく試してみたいと思います
>>47 aug さん
こんにちわ^^
> それではさっそく試してみたいと思います
すいません、これくらいのことしかお役に立てず (泣
こんばんわです。
色々調べた中で、
http://it.kndb.jp/entry/show/id/15
を試してみたのですが、
character_set_database
character_set_server
以外はutf8に変更できるものの、
上記2つはujisのままで、utf8に変更
されませんでした(; ̄▽ ̄A
(他にも色々と試してはみたのですが…)
Webサイトの更新も滞っている状況。。ですので、
しばらくはこのまま半角英数でタグを書いてみます(・ω・)ノ
毎回お忙しい中、色々とご教授いただき、
ありがとうございました。
取り急ぎご報告まで
>>49 aug さん
こんばんわ^^
> ・・・上記2つはujisのままで、utf8に変更されませんでした(; ̄▽ ̄A
だとすると、既にテーブル中にデータが存在してるから変換できないのかもです。
かなりやっかいな話になってきましたね。
> Webサイトの更新も滞っている状況。。ですので、しばらくはこのまま半角英数でタグを書いてみます(・ω・)ノ
しょうがないですよね。
データ抜き出して(ダウンロード)、テーブルを UTF-8 で作り直してからデータのアップロードした方が手っ取り早いような (; ̄∇ ̄A
おはようございます。
お返事ありがとうございます。
>データ抜き出して(ダウンロード)、テーブルを UTF-8 で作り直してからデータのアップロードした方が手っ取り早いような (; ̄∇ ̄A
そうですね。
その方が早いかもですね(; ̄▽ ̄A
今度試してみます(・ω・)ノ
bzbellさま。
こんにちわ。かなりのお久しぶりです(-_-;)ご挨拶が遅れました。
今年も宜しくお願い致します。
MT4にもかなり慣れてきてやっとTagCloudページまで戻ってきました。
ただいま!って感じです。(゜▽゜=)ノ彡☆ギャハハ!!
って早速なのですが・・・ご指導を頂きたく来ました。
1.TagSupplementals プラグインは、mt/plugins/ ディレクトリの中にアップロード済。
2.JavaScript(tagcloud.js)は、作成済。
3.タグクラウド用のテンプレートモジュールは、作成済。
4.タグ一覧としてインクルード済。
URL:http://musashi.s201.xrea.com/blog/tagcloud.php
なんですが・・・表示はされていますが・・・並んでしまっています。
「Tag Cloudのページを作ってみる」を見たのですが、スタイルシートに
何を入れれば良いのでしょうか?
お忙しいとは思いますが・・・宜しくお願い致しますm(._.)m
>>52 アプル さん
こんばんわ^^
ホントご無沙汰でしたね
本年もよろしくお願いします
> 「Tag Cloudのページを作ってみる」を見たのですが、スタイルシートに
何を入れれば良いのでしょうか?
ホントだ、見事に並んでますね
たとえば、以下のようにマークアップされてたとします。
<ul id="tags"> <li title="tag1:1:2007-11-29"><a href="/mt/mt-search.cgi?●●●" rel="tag">tag1</a></li> <li title="tag2:1:2007-11-29"><a href="/mt/mt-search.cgi?●●●" rel="tag">tag2</a></li> </ul>
この場合以下のようにスタイルを指定してあげます。
#tags { margin: 0;/*ul タグのマージン/パディングを初期化します */ padding: 0; list-style: none; } #tags li { margin: 0;/* li タグのマージン/パディングを初期化します */ padding: 0; display: inline;/*各タグを横に並べます */ line-height: 1.7;/* 各タグの行間を設定します */ } #tags li a { padding: 0 .1em;/* タグ間の余白を設定します */ text-decoration: none;/*アンカーのアンダーラインを消します */ color: #f3f5ef;/* リンク(タグ)の初期カラーを設定します */ } #tags li.rank-1 a { color: #192f60;/* レベル1 のカラーを設定します */ } #tags li.rank-2 a { color: #003f8e;/* レベル2 のカラーを設定します */ } #tags li.rank-3 a { color: #4753a2;/* レベル3 のカラーを設定します */ } #tags li.rank-4 a { color: #7a99cf;/* レベル4 のカラーを設定します */ } #tags li.rank-5 a { color: #bcc7d7;/* レベル5 のカラーを設定します */ } #tags li.rank-6 a { color: #c9c9c4;/* レベル6 のカラーを設定します */ } #tags li a:hover { text-decoration: none;/*ホバー時のアンダーラインを消します */ color: #a22041;/*ホバー時のカラーを設定します */ }以上です。
上記はわたしのとこで配布予定のテンプレートで使ってるスタイルの一部です。ご参考までに
bzbellさま。こんにちわ。
早速、ご指導ありがとうございました♪出来ました♪
前に質問した時からずーっとTag Cloudに憧れていたので
設置出来てとっても嬉しいです。本当にありがとうございました。
全然、このエントリの質問とは違うのですが・・・
今までコメントを入れてもすぐに表示されたのですが・・・
他の方はちゃんと表示されます。ただ1人の方だけがどうしても
『管理人の承認後に表示されます』とメッセージが出て
保留状態になってしまいます。コメントの設定では
「すべて自動的に公開する」となっています。
コメント内にタグが入っているわけではないのに何故でしょうか?
スパムって事になっているのでしょうか???
ちなみにブログを見て下されば、分かると思いますが・・・
ともちんさまと言う方のコメントを見て下さい。
エントリ内容とは異なった質問で申し訳ないのですが・・・
ご指導の方を宜しくお願い致しますm(._.)m
>>54 アプル さん
こんにちわ^^
> 早速、ご指導ありがとうございました♪出来ました♪
よかったですね
一点気をつけることは、tagcloud.js 内ではタグの出現率によってフォントサイズを動的に計算しています。その時、CSS などでタグのフォントサイズを固定してしまうとタグクラウドとして本来の表示がされなくなります( すべて固定されたサイズ )のでご注意してください。
特定の人だけがコメント保留になってしまう件ですが、それはおっかしいですねぇ
あまり気にしたことなかったのですが、わたしも「すべて自動的に公開する」にしておけば即時公開されると思ってました。てか、即時公開されてたように記憶してます。
試しに以下のことをやってみてください。
上記により意図的に承認させることでどのような動作をするか確認してみてください。
bzbellさま。こんにちわ。
早速のご指導をありがとうございます。
ハイ(^-^")/1箇所だけフォントサイズを指定していて
bzbellさまのコメントを見て焦って削除したら・・・
スタイルシート半分ほど削除されてしまって大変な事に
なってしまいました。バックアップを取っていなかったので
最初からやり直しになったりで大変でした。
スタイルシートだけではなく・・・他のテンプレート編集の
際にもそういう事がよく起きるのですが・・・
何かが悪いのでしょうか?
ってかまた違う質問になってしまいました(-_-;)
まずは・・・フォントサイズはtagcloud.js 内でフォントサイズを
計算しているって事は分かりました♪
特定の方のコメント保留でコメントを入れて下さって
感謝しております。bzbellさまのコメント通りやってみました。
あとは・・・ともちんさまがコメントを入れてくれるのを
待つだけです。ともちんさまもとっても気にされていて・・・
携帯からコメントを入れて下さっていて、まだ分からない状態です。
分かり次第、コメントを入れさせて頂きます。
この度は、本当にありがとうございました♪
そしてこれからも宜しくお願い致しますm(._.)m
>>56 アプル さん
こんにちわ^^
> スタイルシート半分ほど削除されてしまって大変な事に
> なってしまいました。バックアップを取っていなかったので
> 最初からやり直しになったりで大変でした。
あちゃぁ~
大変でしたね。
> スタイルシートだけではなく・・・他のテンプレート編集の
> 際にもそういう事がよく起きるのですが・・・
> 何かが悪いのでしょうか?
以前にも同じ現象の人いましたけど、その時もわたしの方では再現しなかったんです。
わたし的には MT4 の自動保存機能がすっごく気になってまして、わたしは自動保存機能を無効にしています。
あと、対策!? としては、記事を書くにしても、テンプレート変更するにしても、まずはテキストファイルで書いてから、反映するようにしてます。
言い換えると、テキストファイルがバックアップの代わりになります
> 特定の方のコメント保留でコメントを入れて下さって
> 感謝しております。bzbellさまのコメント通りやってみました。
改善されるかどうかは分からないのですが、考えられることをやって懸念される要因をつぶしていくしかないですね。
アプル さんとこでコメント投稿させてもらったことで、特に日本語的な問題でもなさそうでしたしね。
※そそ、わたしの投稿したコメント(ゴミ)削除しちゃってくださいね
わたしが気になってるのは、もし認証によるものだとしたら、最初は「ブログで承認されたコメント投稿者のみ」に設定してて、その時に初めて投稿された人は承認されません。
途中から「すべて自動的に公開する」に変更したことで、その時に初めて投稿してくれた人は最初っから承認されちゃうということはないかなぁ・・・って考えてます
どちらにしても少し検証する必要がありますね。
わたしも時間の合間みて MT のコードを解析したり、同様の現象が発生するか確認してみます。
bzbellさま。こんにちわ。
早速のご指導をありがとうございます。
bzbellさまのコメント通りに最近はいじる時、メモ帳を開くようにしました。
最初からそうやれば良かった~と思いました(-_-;)知識もないくせに笑えますよね。
承認の事ですが・・・認証されて表示されたり、保留になったりですっかり
訳が分からなくなってしまいました(-_-;)
次は、「ブログで承認されたコメント投稿者のみ」に設定して様子を見る事にします。
お忙しいbzbellさまに色々と質問攻めしてしまって本当にすいません。
これからも宜しくお願い致します
また状況が変ったらコメントしに来ます!
>>58 アプル さん
こんにちわ^^
> 最初からそうやれば良かった~と思いました(-_-;)知識もないくせに笑えますよね。
未だにわたしも記事に追記する時は直接書いちゃうことあって、その時痛い思いすること多々です
便利だけど信用しちゃいけないんだな・・・と思う瞬間です
> 次は、「ブログで承認されたコメント投稿者のみ」に設定して様子を見る事にします。
わたしのとこでは承認者のみ即時投稿にしてますけど、それもデメリット!? があるんです。
たとえば、アプルさんは今わたしのサイトでは承認してるので直接投稿されます。
承認者のコメント投稿は投稿の度に再構築されるのでサーバの稼働状況( 忙しさ )によっては投稿エラーすることがあります。
でも、実際には投稿されてる( データベースには登録済み )ので二重投稿になってしまうんです。
わたし的には「自動的に公開しない」で設定して、後で一括して再構築の方が間違いもなく、サーバにも負担がかからないかな・・・なんて思ったりもする今日この頃です。
bzbellさま。こんにちわ。
承認の事の状況です。相変わらず・・・なんです。とほっほ・・・。
スパムコメントに入ってしまいます。本当に不思議な現象です。
リカバリされたようなんですが、それって関係がありますか?
認証後にしているのでともちんさまの方へは、皆と同じ状態にあるので
不愉快な思いはないとは思うのですが・・・。このままやっていきます。
お忙しいのに本当にすいません。もし何か良いアドバイスが
あったらお教え下さい。
あと・・・設置後の報告になって、申し訳ございませんが(-_-;)
HateneIDサインインを使わせて頂きました♪アイコンも使わせて
頂いてもよろしいでしょうか?
これから使わせて頂きたいものなんですけど。
「リンクページ集を作る」を使わせて頂きたいので
宜しくお願い致します。
すでにDrecomRSSでリンクさせてもらっています(-_-;)
これまた設置後の報告ですいません。リンクページが
出来たらリンクさせて頂きたいので宜しくお願い致します。
>>60 アプル さん
こんばんわ^^
> スパムコメントに入ってしまいます。本当に不思議な現象です。
あれっ!?
スパムコメントとして扱われちゃうんですか!? そいうことでしたか
わたしてっきり特定の人だけ即時投稿されないという現象のことだと思ってました。
もしかすると、その人はブラックリストされてるサーバからコメント投稿されてるかもです。
それでスパムと判断されてることも考えられますね。
Sakura Internet というレンタルサーバはご存知かと思いますが、昔!? 一部の人がスパム行為をしたらしくってその影響で Sakura Internet のドメインごと!? 特定サーバだけ!? がブラックリストされてる・・・ということを聞いたことがあります。
このように自分では知らないとこでブラックリストされてることがあるようです。
コメント一覧に投稿時のサーバの IP アドレスが記されてますので、そちらを確認してみたらどうでしょうか
>>60 アプル さん
追記です。
> HateneIDサインインを使わせて頂きました♪アイコンも使わせて頂いてもよろしいでしょうか?
ぜんぜん OK ですよぉ
> 「リンクページ集を作る」を使わせて頂きたいので宜しくお願い致します。
はい。何か不明点などありましたらご連絡ください。
> すでにDrecomRSSでリンクさせてもらっています(-_-;)
> これまた設置後の報告ですいません。リンクページが
> 出来たらリンクさせて頂きたいので宜しくお願い致します。
ありがとうございます
じゃ相互リンク・・・ということで、わたしも登録しちゃいますね
Bzbellさん、こんにちは!
いつも小粋空間やこのサイトにお世話になってます(笑)
さて、自分は最近MT3.35からMT4.1にアップグレードして、この記事を拝見し、タグ一覧のテンプレートを作成するところまで完了しました。
ここでタグのURLを簡素化する(http://www.xxxx.com/tag/xxxのように)にはどうすればいいですか?
宜しくお願いします。
>>63 H.Y さん
こんにちわ^^
> いつも小粋空間やこのサイトにお世話になってます(笑)
ありがとうございます
小粋空間さんにはわたしもお世話にっております。
今後も小粋空間さんのついででよろしくお願い致します
> ここでタグのURLを簡素化する(http://www.xxxx.com/tag/xxxのように)にはどうすればいいですか?
その場合、WEB サーバの設定が必要になると思います。
たとえば、(http://www.xxxx.com/tag/)にアクセスされたら、(http://www.xxxx.com/tag/tag_search.php?tag=xxx)のような変換が必要になると思います。
具体的には以下のような設定になりますか。
やったことないので、できるかどうか
ご参考まで。
あれ?
もしかして2回目になってしまってるかもしれません。
もしそうだったらすみません。
bzbellさん、はじめまして。
MT関連で検索すると、必ずbzbellさんのサイトが出てきてくれるし、すんごいわかりやすいので、いく度となく大変助かってます(笑)
で、このたび、もう何週間も前からこの"タグクラウド"というやつと格闘しております。
bzbellさんのスクリプトを参考にさせてもらい、ページは設置とタグもきちんと表示されるようにはできました。
しかーし!!
CSSの反映がされないのです!!
もう気が狂いそうで、タグクラウドのページを一度は破棄したぐらいです……
ですが、bzbellさんのタグクラウドページを見てると、どぉ~しても欲しくて欲しくて!!
そこでもう、ここはと思い切ってコメントさせていただいた次第なのです。
MT4です。
僕も"TagSupplementals"のプラグインを利用しているのですが、"動的に"ということなので、さらにPHP化をしてやらないといけないということなのでしょうか?
文字の色は、たぶんホットな感じになってると思うのですが、フォントの大きさのほうが変わらないのです。
使用頻度と使用経過、どちらも反映されて"Rank"が設定されているということなのでしょうか?
bzbellさんのjavascriptファイルを見させていただいのですが、更新日時しか設定されてないように見えたのですが、タグクラウドのインデックスページのソースコードは、コピーさせてもらっただけのものではダメなのでしょうか?
MTが吐き出してくれたソースを見ても、"title"というものしかliに設定されていないので、classでCSSにスタイルを書いても反映されないのでしょうか?
嗚呼、長々とすみません……考えられることを全て書いてしまいました。
よろしくお願いいたします。
>>65 Takuya Matsuda さん
こんにちわ^^
> もう気が狂いそうで、タグクラウドのページを一度は破棄したぐらいです……
はは
わたしの説明が至らないばっかりに気苦労をおかけしてしまってるようですね
> 僕も"TagSupplementals"のプラグインを利用しているのですが、"動的に"ということなので、さらにPHP化をしてやらないといけないということなのでしょうか?
いえ、PHP 化は必ずしも必要ではないです。
動的と言ってるのは、アクセス時に JavaScript でタグの出現頻度からフォントサイズを計算してるという意味です。
> フォントの大きさのほうが変わらないのです。
Takuya Matsuda さんとこではフォントサイズを固定してますか !?
フォントサイズを固定してしまうと、tagcloud.js 内で計算したフォントサイズが適用されません。
> 使用頻度と使用経過、どちらも反映されて"Rank"が設定されているということなのでしょうか?
はい。
使用頻度はフォントサイズで、使用経過はフォントの色で表現されます。
以下に具体的なコードを記します。
以下はタグ一覧を作成するコードです。 Takuya Matsuda さんとこのタグクラウド用テンプレート内に埋め込んでください。
もちろん、tagcloud.js HTML ヘッダ(<head>~</head>)に記述します。
次にスタイルシートです。
以下はわたしのサイトで使ってるものに、少し手を入れたものです。
#tags * { font-size: 1.5em; } #tags { margin: 0; padding: 0; list-style: none; } #tags li { margin: 0; padding: 0; } #tags li a { font-weight: 700; text-decoration: none; color: #f3f5ef; border: 1px solid #f7f6f5; } #tags li.rank-1 a { color: #192f60; } #tags li.rank-2 a { color: #003f8e; } #tags li.rank-3 a { color: #4753a2; } #tags li.rank-4 a { color: #7a99cf; } #tags li.rank-5 a { color: #bcc7d7; } #tags li.rank-6 a { color: #c9c9c4; } #tags li a:hover { text-decoration: none; background-color: #f8f4e6; border: 1px solid #eae5e3; }これで同様のタグクラウドが表示されると思います。
また、tagcloud.js も最新のもを UP しましたので、再度ダウンロードしていただけますか。
では、お試しください
できました!!
ついにできました!!
ありがとうございました!!
今後ともよろしくお願いするかもしれませんが、よろしくです!!
>>67 Takuya Matsuda さん
こんにちわ^^
> ついにできました!!
よかったですね
フフ
自分の思ったことができる時ってカスタマイズ( MT )って面白いなぁといつも思います