Stinger5カスタマイズ-「サイドバーが途中で消えてしまう」対処方

Stinger5x

スクロールしていくとサイドバーが消えちゃうときには?

対処方 テーマフォルダ内 スティンガー5 2014年9月23日
現在『stinger5ver20140902』内にある「Js」フォルダの
scroll.jsを消去or「広告のスクロール」をコメントアウトするだけです。

場所
sidebar_kieru1

僕自身、初心者であり、はっきりとした根拠がわらかないのであくまで対処方です。
解決方法ではありません。
いずれカスタマイズに慣れた方が記事にするまでのツナギとして
参照していただければ幸いです。

画像で説明

sidebar_kieru2
Stinger5テーマ内「js」ディレクトリ内の「scroll.js」を変更します。
「scroll.js」を一応バックアップ。その後でテラパッドで開きます。
文字コード指定保存できるテキストエディターならなんでもかまいません。

「広告のフロート」を削除、またはコメントアウトします。
sidebar_kieru2

sidebar_kieru3

コメントアウトしたならば文字コードを「UTF-8N」で保存。
初心者が通る道であるやっかいな文字コードですよ。
改行コードは「LF」を指定してください。
sidebar_kieru4

テラパッドならば「ファイル」⇒「文字/改行コード指定保存」で
文字コードと改行コードを指定できます。
バックアップをとりたいのならば「名前をつけて保存」にしときます。
sidebar_kieru5

参考にさせていただいたのはこちら

【Stinger3カスタマイズ】サイドバーが途中で急に消える現象を解消する
ブログ名:Tokyo Web Diary

文字コード・改行コードを再確認させていただいたのはこちら。

エラーが起きた?それはUTF-8のBOMと改行コードが原因かもしれません
ブログ名:Naifix

Tokyo Web Diaryさま、Naifixさま、とても参考になりました。
ありがとうございました。

scroll.js の場所

上記画像ではわかりにくかったかもしれませんので、
文章でもういちど説明いたします。

scrolljsの場所を示した画像場所の説明

wordpressフォルダのなかにある
wp-contentフォルダのなかにある
themesフォルダのなかにある
stinger5ver20140902(スティンガー3テーマ現在のver)のなかにある
jsフォルダのなかにscroll.jsがあります。

追記

上記方法を試してもウィジェットに「ブログパーツ」を追加すると
スクロールすると突然消えてしまう事例があります。
当ブログでもブログ村のランキング用ブログパーツをサイドバーに
追加したところ、以前とおなじ状態にもどってしまいました。

結局はプラグイン「Standard Widget Extensions」を利用しています。
Standard Widget Extensionsはサイドバーに追加した任意の
ウィジェットを固定するプラグインです。

ウィジェット固定方法

プラグイン Standard Widget Extensions を追加したあとに、
ダッシュボード画面の「外観」→「ウィジェット」をクリック。
任意のサイドバーウィジェットをクリック。
するとタブ下に「Fixed widget」とのチェックボックスがあるので
チェックをいれてください。
これでスクロールしてもチェックしたサイドバーウィジェットは
固定されたまま。常時、閲覧できる状態となります。

当ブログの場合。参考例。

外観→ウィジェットにとんだ画面。

Fixed widgetいちばん下の「よく読まれている記事トップ10」を固定します。

▼(三角)をクリックすると※バーでもかまいません。
設定画面がひらきます。
「保存」ボタンのちかくに「 Fixed widget 」チェックボックスが
あると思います。チェックをいれたらそのウィジェットが固定
されるわけです。簡単ですね。

Standard Widget Extensionsプラグインでのウィジェットの固定方法
ニート日記

6 件のコメント

  • Stinger5「サイドバーが途中で消えてしまう」対処方でいちばん分かりやすかったです。
    ですが肝心の「Js」フォルダのscroll.jsというのが、どこにあるのかが分かりません。
    もう二日間さまよっています。
    ぜひお力をお貸しください。

  • 空のscroll.jsを読み込むためにアクセスしてるはずなので
    scroll.jsを削除するより、sidebar.phpからscroll.jsへのリンク箇所を削除した方が良いですよ。

    • naokiさまコメントありがとうございます。
      また、ご指摘いただき感謝いたします。

      助言を元にsidebar.phpを参照して、scroll.jsへのリンク箇所を探したのですが
      見つかりませんでした。
      代わりにscroll.jsへのリンク記述はfooter.phpで見つけました。
      これを消すってことですよね?

      ・やってみました
      まったく知識がないので、phpをいじらない方法でやってみました。

      とりあえず、scroll.jsのコメントアウト方法を止め、
      プラグイン「Standard Widget Extensions」だけを使用し、
      挙動を試してみました。が、なんら不都合はありません。

      プラグインも無効化し、以前のようにサイドバーウィジェットが
      「ふぁっぁ」と消えるような挙動を
      再現しようとしたのですが、失敗しました。

      読み込み・表示速度に影響するかもしれないので、
      知識がある方はnaokiさまの方法が良いかとおもわれます。

      もし、対策記事を書いた方がおられましたらお知らせください。
      是非、当記事で紹介させていただきたくおもいます。

  • コメントを残す

    メールアドレスが公開されることはありません。