ghqs386x12hc3
フォーラムへの返信
-
フォーラム: プラグイン
返信が含まれるトピック: Standard Widget Extensionsのテーマtwenty elevenのレスポンシブの動作についてお久しぶりです
やはり「Twenty Eleven」で「Standard Widget Extensions」を使用し
サイドバーが下にフロートする(なくなる)までブラウザの幅を狭めると
「id=#primary」内のリンクがクリックできなくなります。スマホでサイトを見た場合も同様にリンクをクリックできなくなります。
上記のように幅を設定してもダメです。
「Twenty Eleven」は古くなってしまいましたが、なんとかこのバグを解消できないでしょうか?
よろしくお願い致します。
フォーラム: 使い方全般
返信が含まれるトピック: 長い記事が投稿できない解決致しました。
フォーラム: プラグイン
返信が含まれるトピック: Standard Widget Extensionsのテーマtwenty elevenのレスポンシブの動作について新たに0から「Twenty Eleven」1.8でブログを作成し
「Standard Widget Extensions」1.4
を入れてみましたが上記のようなバグが出ますね。Aタグが無効になるのはヘッダーとフッターを除いたCSSで言うidが「primary」
の部分のみです。バグの原因がまだわからないのです同様のバグが出ている方はいらっしゃらないでしょうか?
よろしくお願い致します。
フォーラム: プラグイン
返信が含まれるトピック: Standard Widget Extensionsのテーマtwenty elevenのレスポンシブの動作についてKUCKLU様
回答ありがとうございます。「Standard Widget Extensions」を停止すると不具合は起きなくなりました。
Aタグのハイパーリンクはごく普通のテキストや画像がアンカーになっているものです。
クリックしてもリンク先に飛ばない現象はヘッダー部分とフッター部分では起きず
メインコンテンツ部分のみにて起きる不具合です。「Standard Widget Extensions」以外の全てのプラグインを停止して
「Standard Widget Extensions」を有効にすると不具合が起きており、
グーグルのクロームの「要素を検証」にてソースコードを解析すると
レスポンシブにより幅を狭めた時
「Standard Widget Extensions」を有効にした時CSSの「primary」のエリアに
「secondary」の部分が重複してかかる現象が起きたため何らかの理由で
Aタグによるハイパーリンクが無効になっているものと思われます。現在使用しているテーマは「Twenty Eleven」の1.4ですが1.8にしてテストしてみても
同じ不具合が確認されました。
Wordpressは3.9.1–jaで
Standard Widget Extensionsは1.4のバージョンです。メインカラムのID primary
サイドバーのID secondary
ウィジェットのクラス名 widget
次の幅以下で無効化 620
Accordion Widgets 無効
Sticky Sidebar 有効
Quick Switchback 無効の設定にして使用した場合に出る不具合です。
KUCKLU様の環境では不具合が確認されませんでしたか。
回答ありがとうございます。回答を待ちつつ自分でも原因をさらに探ってみます。
フォーラム: プラグイン
返信が含まれるトピック: Standard Widget Extensionsのテーマtwenty elevenのレスポンシブの動作について画面の幅を狭くするというのは
テーマ「Twenty Eleven」でレスポンシブが効いてサイドバーが
左下に落ちるくらいまで幅を狭くするとという意味です。スマートフォンサイズまで幅を狭めると間違いなくaタグのリンクが機能しなくなります。
他のプラグインを停止して
「Standard Widget Extensions」
だけを有効にしてもこの現象が起きたので他のプラグインの影響で
この現象が起きているわけではないと思います。よろしくお願いします。