ど素人おじさんのblog stinger5でタブレット以下の解像度になったとき、MENUが機能しなくなったときの対応

stinger5でタブレット以下の解像度になったとき、MENUが機能しなくなったときの対応

 

現在、ど素人おじさんの報告書をど素人おじさんの報告書WPへサイトを移行中ですが、その中で、

Stinger5でタブレット以下の解像度になったとき、MENUのアコーディオン表示が機能しなくなる現象

に遭遇しました。

ご存知のようにStinger5は、レスポンシブ対応なので横幅が780PX以下になると画面の構成がタブレットやスマホに対応するように変化していきます。

そのとき、PC画面でのメニューバーが隠れてアコーディオン対応になります。具体的には、以下の画面が、

image

このように変化します。

image

このとき、赤丸部分をタップまたはクリックしたとき、

image 

こんな感じでメニューが表示できればいいのですが、

image

検証中に全く動作しない現象に遭遇しました。

原因は大きく二つありました。

ひとつは、 初歩的なミスで、管理画面にログインしたまま検証を行った場合。

もうひとつは、 プラグイン利用の際の「競合」でした。

私の環境で競合したプラグインは

私はStinger5を以下のような構成で運用しています。
これはNET上で広くアナウンスされている手法です。利点はデフォルトの親を残しながら、マイナーバージョンアップのときに環境が保ちやすい点。ですかね。

一般的な注意点は、style.cssの呼び出し設定とfunction.phpの運用法(書換えでなく追加になる)と言う部分になると思います。このあたりは、NET上で広くアナウンスされているので割愛します。


image

このような環境で、MENUのアコーディオン表示で競合したプラグインは、

①WP External link
②Asynchronous Javascript
③Jetpack by WordPress.com

がどうしても競合してしまいました。これを無効化すれば不具合は解消されました。

なお、これはあくまでも私の環境でのことです(2014/11月現在)。かなり、内容も改変しています。

不具合は今後プラグインのアップデートなどで解消できるかもしれません。

とりあえず、MENUのアコーディオン表示が不能で、困っている閲覧者の皆様に少しでも参考になればと。

 
関連記事

テーマ : フリーソフト
ジャンル : コンピュータ




コメントの投稿

非公開コメント

プロフィール

ど素人おじさん

Author:ど素人おじさん
まだまだ「何てこと無い」と思ってるのですが、時々歳を思い知らされるときが。。。。。

カテゴリ
Calendar
<< 03
2017
>>
- - - 1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31 -
最近の記事
最近のコメント
最近のトラックバック
月別アーカイブ
リンク
にほんブログ村 オヤジ日記ブログへ にほんブログ村 ハンドメイドブログ 手づくり工作へ
にほんブログ村 にほんブログ村 自転車ブログへ
RSSフィード
全記事表示リンク

全ての記事を表示する

ブロとも申請フォーム

この人とブロともになる