サイドバーが突然消える？

stinger3 備忘録

2017.02.252014.07.28

サイドバーが突然消える？

stinger3を利用しているブログを観ていたら、突然サイドバーが消
える現象があるブログがたまに見かけます。

なんと私のブログもそうでした。

メインカラムとサイドカラムの長さが違うため、忍者のごとくサイ
ドバーがするっと消えちゃうのです。

なんか違和感が感じます。

そこでその解決方法を以下に記します。
あなたがご利用されているサーバーに、FFFTPを使ってアクセスし
ます。（各サーバーのマネージャー等でもいいと思います）

あなたが今使用されているバージョン（私の場合

stinger3ver20140327）フォルダーの中に「base.js」ファイ
ルがあります。

wp-content　 ⇒　themes ⇒　自分が今使用しているバージョン
（stinger3ver20140327）⇒　「base.js」ファイル
この「base.js」ファイルをテキストエディタ等で開きます。
（TeraPadを使用しました）

すると以下のコードがあると思います。

[css]
/*——————————–
広告のフロート
——————————-*/

(function(jquery) {
jquery(document).ready(function() {
/*
Ads Sidewinder
by Hamachiya2. http://d.hatena.ne.jp/Hamachiya2/20120820/adsense_sidewinder
*/
var main = jQuery(‘#main’); // メインカラムのID
var side = jQuery(‘#side’); // サイドバーのID
var wrapper = jQuery(‘#ad1’); // 広告を包む要素のID

if (main.length === 0 || side.length === 0 || wrapper.length === 0) {
return;
}

var w = jquery(window);
var wrapperHeight = wrapper.outerHeight();
var wrapperTop = wrapper.offset().top;
var sideLeft = side.offset().left;

var sideMargin = {
top: side.css(‘margin-top’) ? side.css(‘margin-top’) : 0,
right: side.css(‘margin-right’) ? side.css(‘margin-right’) : 0,
bottom: side.css(‘margin-bottom’) ? side.css(‘margin-bottom’) : 0,
left: side.css(‘margin-left’) ? side.css(‘margin-left’) : 0
};

一部省略

w.on(‘load’, scrollAdjust);
w.on(‘scroll’, scrollAdjust);
w.on(‘resize’, resizeAdjust);
});
})(jQuery);

[/css]

この「広告のフロート」のコードを削除すれば解決されます。

ですが、後々にこのコードが必要になった場合の事を考えてコメン
トアウトの状態にします。

[css]
/*——————————–
広告のフロート

if (main.length === 0 || side.length === 0 || wrapper.length === 0) {
return;
}

var w = jquery(window);
var wrapperHeight = wrapper.outerHeight();
var wrapperTop = wrapper.offset().top;
var sideLeft = side.offset().left;

一部省略

w.on(‘load’, scrollAdjust);
w.on(‘scroll’, scrollAdjust);
w.on(‘resize’, resizeAdjust);
});
})(jQuery);

——————————-*/

[/css]

これで上記コードは反映されないので、サイドバーが突然消える現
象は解決されました。
注意

これは追尾型サイドバーにする方は、する必要がありません。これ
からサイドバーを追尾型にする方も、する必要がないと思います。

このコードを反映させないと追尾してくれないと思います。

参考　ブログ

サイドウィジェットが途中から消えてしまう

WordPressテーマのSTINGER3公式サイト様のブログから参考にしま
した。

アリガトウございます。

サイドバーが突然消える？

コメント