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

2017年2月25日stinger3 備忘録base.js, サイドバーが消えるstinger3 備忘録, サイドバーが消える

stinger3

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

 

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]
/*——————————–
広告のフロート

(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]

 

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

 

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

 

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

 
参考 ブログ

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

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

 

アリガトウございます。