今まではカテゴリー表示に「dTree Handler」を使っていたのだが、「WP-dTree」に変更してみようと思う・・・・「WP-dTree」はカテゴリー以外にアーカイブ・ページもツリー表示してくれる。
・・・ほんとは「dTree Handler」以前に設置を試してみてうまく動作しなかったのだが、このページの問題解決のせいでこれも動くようになったのでは？ と思い、再チャレンジ！！・・・まぁ～結果を先に言っちゃうと動いたのだが・・・・問題が多少あり・・・ (T^T)
最終追記・・・下の方に非常に読みづらいほど追記がありますが、この追記で今までの努力（追記）が全て無に？・・・
・・・下の方で「firefox」の問題について言っていますがこちらで解決しました。
・・・下の方で「firefox」の問題について言っていますがこちらで解決しました。
設定方法
そんなに難しくなかったが、少しだけ注意点あり？とりあえずこちらからダウンロード
そしたら解凍して「WP-dTree」のフォルダごと基本どおりに /wp-content/plugins/ フォルダに転送します。
管理画面の「プラグイン」のところで有効にして、「表示」の所に「wp-dtree」の設定があるので、クリックして必要な所を設定して、保存する。
設定場所は、上から３ヶ所に分かれていて
WP-dTree Settings : ここで、機能を選択します・・・ちなみに、自分は全てにチェックを付けました。詳しくは・・・・試してみればわかります (;￣ー￣川 アセアセ
Scriptaculous Effects : ここは、開く時のエフェクトを有効にするかどうかの設定なのですが・・・ここで、少し問題が発生！・・・有効にしてもエラーが出てしまう・・・仕方がないので英語能力のない自分が書いてある文を読んでみると・・・「WP-Scriptaculous plugin」がなんたらかんたらと書いてある・・・これを入れないとダメなのかな？・・・とりあえず入れて有効にしてみることに・・・(*ﾟ oﾟ*) オオー！ 出来た出来た～ という事で成功！！ エフェクトの種類は試してみてね～・・・自分は「Appear」に設定しました・・ ちなみに自分の環境では「Grow」は不安定でした。
CSS Properties : ここで、表示されるスタイルを選択します・・・しかし自分の場合は、ブラウザによってこれが優先される場合と標準のスタイルシートが優先される場合があったため両方で同じ設定にしました。
で、問題点がもうひとつ・・・試したところ、アイコンが表示されなかったため「dtree.php」の３８行目あたりにフォルダーのアドレスを指定しました。
<?php $curdir = "http://example.com/wp-content/plugins/wp-dtree" . $HTTP_SERVER_VARS['SERVER_NAME'] . dirname($HTTP_SERVER_VARS['PHP_SELF']);
さらに問題点がもうひとつ・・・日本語が文字化するところがある・・・また、文字コードの問題か？と思い、全てUTF-8にしてみたが解決せず・・・(T^T) グルルン先生に聞いてみると・・・・発見！！
「wp-dtree_gen-functions.php」 ファイルの68行目あたり
function silpstream_truncate_string($str, $len='16') {
if ( strlen($str) > $len ) {
$str = mb_substr($str, 0, $len)."...";
}
return $str;
}
if ( strlen($str) > $len ) {
$str = mb_substr($str, 0, $len)."...";
}
return $str;
}
以上で素敵な表示方法になったぁ～～～・・・と喜んだのもつかの間・・・またまた、「lightBox」君が表示されなくなっているではありませんか～～！！ しかも相変わらずセットで「jQuery」シリーズ全て不能！！・・・・(T^T)
またですかぁ～～～・・・・しかし途中確認したところ平気だったはず・・・ん？怪しいのは・・・「WP-Scriptaculous plugin」おまえかぁ～！！無効にしたら問題なく「jQuery」シリーズ復活！！
・・・という事で、悲しいことですが自分の場合は、エフェクト効果は使えなくなってしまいました・・・｡･ﾟﾟ･(×_×)･ﾟﾟ･｡
くやしいぃ～～ あったほうが絶対かっこいいのに～～・・・
追記・・・その後こちらの設定により「エフェクト効果」＆「lightBox」共に使えるようになりました・・・しかし、自分の環境では微妙な副作用があって好みの「Appear」は「firefox」のみ動作しませんでした。「slide」は「safari」のみ動作せず（まったく開かない！） ・・・そこですべて試したところ・・・何故か、今度は「Grow」のみ「firefox」 「IE6」 「safari」 「Opera」で正常に動作しました・・・ってことで、エフェクトは、「Grow」になりました。
追記 2・・・その後さらにふざけてカスタマイズしました。
どうせなら色々あるエフェクト機能、どれも素敵なので表示するブラウザによって正常に動作するものを、それぞれ使うように設定しちゃいました。
どうせなら色々あるエフェクト機能、どれも素敵なので表示するブラウザによって正常に動作するものを、それぞれ使うように設定しちゃいました。
カスタマイズ
管理画面でのエフェクト設定は、「Blind」に設定したものとします。
「dtree.php」ファイルの55行目あたり
「dtree.php」ファイルの55行目あたり
}
elseif ( 'blind' == $effStyle ) {
if (strstr($_SERVER['HTTP_USER_AGENT'], "Firefox")) {
$effCall_o = "Grow";
$effCall_c = "Shrink";
$effParam = ", {direction: 'center'}";
}
elseif (strstr($_SERVER['HTTP_USER_AGENT'], "Opera")) {
$effCall_o = "SlideDown";
$effCall_c = "SlideUp";
$effParam = ", {durantion:1}";
}
elseif (strstr($_SERVER['HTTP_USER_AGENT'], "Safari")) {
$effCall_o = "Appear";
$effCall_c = "Fade";
$effParam = ", {durantion:1}";
} else {
$effCall_o = "BlindDown";
$effCall_c = "BlindUp";
$effParam = ", {durantion:1}";
}
}
elseif ( 'appear' == $effStyle ) {
elseif ( 'blind' == $effStyle ) {
if (strstr($_SERVER['HTTP_USER_AGENT'], "Firefox")) {
$effCall_o = "Grow";
$effCall_c = "Shrink";
$effParam = ", {direction: 'center'}";
}
elseif (strstr($_SERVER['HTTP_USER_AGENT'], "Opera")) {
$effCall_o = "SlideDown";
$effCall_c = "SlideUp";
$effParam = ", {durantion:1}";
}
elseif (strstr($_SERVER['HTTP_USER_AGENT'], "Safari")) {
$effCall_o = "Appear";
$effCall_c = "Fade";
$effParam = ", {durantion:1}";
} else {
$effCall_o = "BlindDown";
$effCall_c = "BlindUp";
$effParam = ", {durantion:1}";
}
}
elseif ( 'appear' == $effStyle ) {
赤色文字の部分を追記 （最後の「 } 」を忘れずに！！）・・・これで、
「firefox」 で表示した場合は、「Grow」
「Opera」 で表示した場合は、「Slide」
「safari」 で表示した場合は、「Appear」
「IE ＆ その他ブラウザ」 で表示した場合は、「Blind」のエフェクト効果になります。
・・・追記 ２－２ この設定はその後、すこし変更しました。 こちら
「firefox」 で表示した場合は、「Grow」
「Opera」 で表示した場合は、「Slide」
「safari」 で表示した場合は、「Appear」
「IE ＆ その他ブラウザ」 で表示した場合は、「Blind」のエフェクト効果になります。
・・・追記 ２－２ この設定はその後、すこし変更しました。 こちら
追記 ３・・・・・・・・・・・さらに さらに その後、一時は平気だった「Grow」の設定・・・またまた「firefox」のみ展開ができない状態になってしまった・・・・環境変化のせいだろうか？？ (TOT) とりあえず、「firefox」の人が見れなくなってしまうので、エフェクト効果は今現在無効になっています。 。。。。｡･ﾟﾟ･(＞Д＜；)･ﾟﾟ･｡。。。
只今、「firefox」のみエフェクト無効にできるカスタマイズ法を試行錯誤中・・・・これが非常に難しい・・・・(T^T) どこで、エフェクト有効・無効を設定しているのでしょうか？ ・・・誰か初心者に教えてぇ～～～～～！！！！ ペコリ(o_ _)ｏ))
只今、「firefox」のみエフェクト無効にできるカスタマイズ法を試行錯誤中・・・・これが非常に難しい・・・・(T^T) どこで、エフェクト有効・無効を設定しているのでしょうか？ ・・・誰か初心者に教えてぇ～～～～～！！！！ ペコリ(o_ _)ｏ))
追記 ４・・・やったよ！！ついに今度こそ完璧だよ！！（・・・追記だらけになってしまって見にくいですが ペコリ(o_ _)ｏ))） ついに、「firefox」のみエフェクト無効の方法を見つけたよ！！v(=∩_∩=) ブイブイ!! ・・・「php」の入門者レベルが探すのはほんとにつらかった・・・実際に試してみないと判らないからね・・・(TOT)
さて方法はというと・・・・その前に現在の設定を、エフェクト有効の状態にしておいてください。
そして、まず最初にデータベースに保存される設定場所をもうひとつ作ります・・・（有効の設定と無効の設定の2個を作り使い分けます。）
「wp-dtree.php」のすべて（全部で6個）の「wp_dtree_options」を「wp_dtree_options_firefox」に置き換えた後、管理画面から今度はエフェクト無効にして保存してください。（置き換えは全部じゃなくても良さそうですが・・・安全のため・・・＆ 知識不足のため特定できないのです・・・・・・(゜＿゜i)タラー・・・）
そうしたら、とりあえず置き換えたもの（6個すべて）を元に戻します。「wp_dtree_options_firefox」を「wp_dtree_options」に置き換え。
そしてメイン作業へ・・・・「wp-dtree.php」の89行目にある、1個目の「wp_dtree_options」の部分
さて方法はというと・・・・その前に現在の設定を、エフェクト有効の状態にしておいてください。
そして、まず最初にデータベースに保存される設定場所をもうひとつ作ります・・・（有効の設定と無効の設定の2個を作り使い分けます。）
「wp-dtree.php」のすべて（全部で6個）の「wp_dtree_options」を「wp_dtree_options_firefox」に置き換えた後、管理画面から今度はエフェクト無効にして保存してください。（置き換えは全部じゃなくても良さそうですが・・・安全のため・・・＆ 知識不足のため特定できないのです・・・・・・(゜＿゜i)タラー・・・）
そうしたら、とりあえず置き換えたもの（6個すべて）を元に戻します。「wp_dtree_options_firefox」を「wp_dtree_options」に置き換え。
そしてメイン作業へ・・・・「wp-dtree.php」の89行目にある、1個目の「wp_dtree_options」の部分
function silpstream_wp_dtree_add2head() {
$wpdtreeopt = get_option('wp_dtree_options');
$cd = "<script type=\"text/JavaScript\" src=\"" . get_bloginfo('wpurl')・・・・省略
$wpdtreeopt = get_option('wp_dtree_options');
$cd = "<script type=\"text/JavaScript\" src=\"" . get_bloginfo('wpurl')・・・・省略
上記に下記の赤文字部分を追記します。
function silpstream_wp_dtree_add2head() {
if (strstr($_SERVER['HTTP_USER_AGENT'], "Firefox")) {
$wpdtreeopt = get_option('wp_dtree_options_firefox');
} else {
$wpdtreeopt = get_option('wp_dtree_options');
}
$cd = "<script type=\"text/JavaScript\" src=\"" . get_bloginfo('wpurl') ・・・・省略
if (strstr($_SERVER['HTTP_USER_AGENT'], "Firefox")) {
$wpdtreeopt = get_option('wp_dtree_options_firefox');
} else {
$wpdtreeopt = get_option('wp_dtree_options');
}
$cd = "<script type=\"text/JavaScript\" src=\"" . get_bloginfo('wpurl') ・・・・省略
最後の「 } 」を忘れずにね～
するとどうでしょう？ 「firefox」で表示した時だけ、エフェクト無しになりましたでしょうか？・・・自分はなりました。σ(^◇^;)ヒヤアセ これでやっと完璧になりました・・・そうそう、そういえば「IE６」だけツリーを開きすぎるとサイドバーごと下に落ちますが・・・これは仕方ないでしょう・・・「IE」だし・・・（＾∀＾2）、 「position: fixed;」 も使えないしね・・・「position: absolute;」は使えるけど・・・無理！
そうそう、上記のブラウザにより違うエフェクト効果設定から現在は多少変更になりました。（ブラウザにより不安定なものがあった為・・・） 現在は
「firefox」 で表示した場合は、「エフェクト無し」
「Opera」 で表示した場合は、「Appear」
「safari」 で表示した場合は、「Grow」
「IE ＆ その他ブラウザ」 で表示した場合は、「Blind」のエフェクト効果になります。
「slide」はどのブラウザでも、ちょっと怪しかったので使用しないことにしました・・・
するとどうでしょう？ 「firefox」で表示した時だけ、エフェクト無しになりましたでしょうか？・・・自分はなりました。σ(^◇^;)ヒヤアセ これでやっと完璧になりました・・・そうそう、そういえば「IE６」だけツリーを開きすぎるとサイドバーごと下に落ちますが・・・これは仕方ないでしょう・・・「IE」だし・・・（＾∀＾2）、 「position: fixed;」 も使えないしね・・・「position: absolute;」は使えるけど・・・無理！
そうそう、上記のブラウザにより違うエフェクト効果設定から現在は多少変更になりました。（ブラウザにより不安定なものがあった為・・・） 現在は
「firefox」 で表示した場合は、「エフェクト無し」
「Opera」 で表示した場合は、「Appear」
「safari」 で表示した場合は、「Grow」
「IE ＆ その他ブラウザ」 で表示した場合は、「Blind」のエフェクト効果になります。
「slide」はどのブラウザでも、ちょっと怪しかったので使用しないことにしました・・・
そしてさらにもうひとつ問題が？・・・何と最近お気に入りの「firefox」に問題発生！！「IE」ダメダメ事件でせっかく乗り換えたのに、何故か表示される時に「firefox」で見た時だけこんな感じにボーダーが付いてしまう・・・スタイルシートの変更では直せず・・・・(T^T) 文字が消える部分も「safari」と「IE」は問題ないのに「firefox」だけ改行されてしまう・・・自分の環境だけだろうか？？ 調べても見当たりませんでした・・・・「firefox」～～～～～
まぁ～仕方ないので諦めです・・・って言うか、前回の経験からどうやっても自分の今の知識では直せないことが判明しているので・・・・そのうち直るといいなぁ～・・・・σ(^◇^;)ヒヤアセ
追記・・・「jQery」 と 「prototype」の競合は直ったが、ボーダーの件は直らず・・・(TOT)
追記 ２・・・ボーダーの件もやっと解明！！自分の場合はサイドバーに表示しているのでスタイルシートのサイドバー内の「id」に、「img」の指定を下記のように追記したらやぁ～っとなおりました～ v(^o^")v
#サイドバー内のid img {
border: 0px;
vertical-align:bottom;
}
border: 0px;
vertical-align:bottom;
}
ちなみに「vertical-align:bottom;」は点線ラインが途切れないようにするためです。
追記 ２・・・「firefox」だけ記事のタイトルが改行されてしまって非常に見えにくい問題と、フォントの指定が無視される問題も解決！！ 方法は、上記と同様にサイドバー内の「id」に「ul」や「div」や「span」などのタグを下記のように指定 ＆ 「 a:hover」や「 a:active」なども同様に
#サイドバー内のid ul {
font-size: 11px !important;
white-space: nowrap;
font-weight: bold;
}
font-size: 11px !important;
white-space: nowrap;
font-weight: bold;
}
#サイドバー内のid a:hover, #サイドバー内のid a:active {
font-size: 12px !important;
font-weight: bold;
color: #4f6cf4;
}
font-size: 12px !important;
font-weight: bold;
color: #4f6cf4;
}
この設定により、サイドバーからはみ出してしまって醜いが、見にくくなくなりました・・・・{{{{(+＿+)}}}}寒ううぅ～。。
追記 3・・・さらに発見、上記のスタイルシートに
overflow: hidden;
を追記すると、はみ出さなくなって醜くなくなりました。 （笑）
以上、終了です。
(2 投票, 平均値/最大値: 4.5 / 5)人気度 : 18 %
最上階
1階
