› ブログテンプレート作成の小言
まだ、ブログが存在していて何よりｗ
ことの発端はこれ ⇒ 【重要】個別ブログインフォメーション枠変更のお知らせ
広告収入を得るためには経営上致し方ないことで、
固定表示に関しては構わないと思っている。
が、しかし、デザイン上の問題がある。
ユーザがカスタマイズできない様にしているのだと思うが、
追加された広告には ID 名とか class 名とかがないのだ。
div タグでひとまとめにさえなっていない。
つまり既存のプラグインと同様の形式になっていないのだ。
これではテンプレートによってはデザインが崩れることになる。
プラグイン間の間隔が異なる軽度のものから、
プラグイン背景の画像を使ったテンプレートは背景画像が表示されないとか、
カスタマイズされたテンプレートはサイドバー自体の表示が崩れてるものまで
あるのだ。
スタッフが認識しているのかは判らないが忠告しても一向に改善されないので
ユーザ側から出来る対策を考えてみた。
なお、今のところ私は問題ないと思っているが、
利用規約に抵触する（改定等で抵触させられる）可能性もあるので
実行するときは、自己責任です。
プログラム(javascript) で対象プラグインを検出して、
div タグでひとまとめにして class 名をつける方法。
ブログ環境設定のカスタムプラグインに貼り付けてくだい。
サイドバー設定の表示設定もお忘れなく。
ではでは、説明スタート！！
---------
親タグが無いプラグインに親タグで囲む方法
目的のプラグインを検出して、タグを生成＆クラス命名
親タグ化するプログラムを文末に添付します。
カスタムプラグインをひとつ使いますがそれだけです。
サイドバーのどこに置いても構いません。
クラス名は boke ですので、
スタイルシートに他のプラグインと同じスタイル指定すればＯＫ。
プログラムの下にもスタイルを書けるようにしたので
やってみてください。
ちなみに、このブログに適用中です v(^-^
ではでは、よきブロガーライフを。
<script type="text/javascript">
<!--
// 前処理
var el=document.getElementsByTagName('*'); //全タグ代入
var boke = document.createElement('div'); //divタグ生成
boke.className = 'boke'; //class命名
// プラグイン（てぃーだイチオシ）検出
for (var i=0;i<el.length;i++){
if((el[i].className=='sidetitle')&&(el[i].innerHTML=='てぃーだイチオシ')){
break;
}
}
// タグ階層の構築
el[i].parentNode.insertBefore(boke,el[i]); //親タグ挿入
boke.appendChild(el[i+1]); //sidetitle を子ノード化
boke.appendChild(el[i+2]); //side を子ノード化
// 使われている既存クラス名を削除
// (他プラグインと同等デザインにしたい場合は以下３行を削除)
el[i+1].className=''; //sidetitle クラス名削除
el[i+2].className=''; //side クラス名削除
el[i+3].className=''; //sidebody クラス名削除
-->
</script>
<!-- boke スタイル記述 -->
<style type="text/css">
<!--
//.boke {margin:0px 0px 20px 0px;}
//.boke {display:none;}
-->
</style>
ことの発端はこれ ⇒ 【重要】個別ブログインフォメーション枠変更のお知らせ
広告収入を得るためには経営上致し方ないことで、
固定表示に関しては構わないと思っている。
が、しかし、デザイン上の問題がある。
ユーザがカスタマイズできない様にしているのだと思うが、
追加された広告には ID 名とか class 名とかがないのだ。
div タグでひとまとめにさえなっていない。
つまり既存のプラグインと同様の形式になっていないのだ。
これではテンプレートによってはデザインが崩れることになる。
プラグイン間の間隔が異なる軽度のものから、
プラグイン背景の画像を使ったテンプレートは背景画像が表示されないとか、
カスタマイズされたテンプレートはサイドバー自体の表示が崩れてるものまで
あるのだ。
スタッフが認識しているのかは判らないが忠告しても一向に改善されないので
ユーザ側から出来る対策を考えてみた。
なお、今のところ私は問題ないと思っているが、
利用規約に抵触する（改定等で抵触させられる）可能性もあるので
実行するときは、自己責任です。
プログラム(javascript) で対象プラグインを検出して、
div タグでひとまとめにして class 名をつける方法。
ブログ環境設定のカスタムプラグインに貼り付けてくだい。
サイドバー設定の表示設定もお忘れなく。
ではでは、説明スタート！！
---------
親タグが無いプラグインに親タグで囲む方法
目的のプラグインを検出して、タグを生成＆クラス命名
親タグ化するプログラムを文末に添付します。
カスタムプラグインをひとつ使いますがそれだけです。
サイドバーのどこに置いても構いません。
クラス名は boke ですので、
スタイルシートに他のプラグインと同じスタイル指定すればＯＫ。
プログラムの下にもスタイルを書けるようにしたので
やってみてください。
ちなみに、このブログに適用中です v(^-^
ではでは、よきブロガーライフを。
<script type="text/javascript">
<!--
// 前処理
var el=document.getElementsByTagName('*'); //全タグ代入
var boke = document.createElement('div'); //divタグ生成
boke.className = 'boke'; //class命名
// プラグイン（てぃーだイチオシ）検出
for (var i=0;i<el.length;i++){
if((el[i].className=='sidetitle')&&(el[i].innerHTML=='てぃーだイチオシ')){
break;
}
}
// タグ階層の構築
el[i].parentNode.insertBefore(boke,el[i]); //親タグ挿入
boke.appendChild(el[i+1]); //sidetitle を子ノード化
boke.appendChild(el[i+2]); //side を子ノード化
// 使われている既存クラス名を削除
// (他プラグインと同等デザインにしたい場合は以下３行を削除)
el[i+1].className=''; //sidetitle クラス名削除
el[i+2].className=''; //side クラス名削除
el[i+3].className=''; //sidebody クラス名削除
-->
</script>
<!-- boke スタイル記述 -->
<style type="text/css">
<!--
//.boke {margin:0px 0px 20px 0px;}
//.boke {display:none;}
-->
</style>
