Simplicityの既知の不具合と対応策まとめ

現在、作者が確認していて、修正してない不具合はありません。

Simplicityは、ユーザーの方々からのフォーラムへの報告のおかげで、作成者が気づかない不具合を数多く修正することができています。ありがとうございます。

ただ、フォーラムで報告をいただいても、作成者の力量不足から、まだ修正に至っていない不具合もいくつか存在しています。

以前から、これら不具合をまとめたいと思っていたので、今回対応策とともにまとめてみたいと思います。

スポンサーリンク

[ほぼ修正済み]スライドインメニューボタンの閉じるボタンが下に消えてしまう

自己解決しました。

以下のようなjQueryを書くことで「閉じる」ボタンの不具合を修正しました。

//一部ブラウザでスライドインメニューボタンを押すと「閉じる」ボタンが消えてしまう不具合対策
function adjustSlideInButtons() {
  var windowHeight = jQuery(window).height();
  var windowWidth = jQuery(window).width();
  var buttonsHeight = jQuery('#footer-mobile-buttons').height();
  jQuery('#footer-mobile-buttons').css({
    'top': windowHeight - buttonsHeight + 'px',
    'width': windowWidth + 'px',
  });
}
//画面サイズリサイズ時
jQuery(window).resize(function() {
  adjustSlideInButtons();
});
//ドキュメント読み込み時
jQuery(document).ready(function() {
  adjustSlideInButtons();
});

[ほぼ修正済み]としたのは、できればCSSだけで解決したかった。

ブラウザによっては、スライドインエリア用のメニューボタンが意図しない表示になってしまいます。

以下は、「外観→カスタマイズ→レイアウト(全体・リスト)」の「モバイルメニュータイプ」を「スライドイン」にしている場合のみの不具合です。

意図している動作

例えば、Firefoxの開発者ツールの「レスポンシブデザインビュー」機能でスライドインエリアを表示させると以下のように表示されます。

Firefoxでのスライドインメニュー

スライドインメニューをスクロールしても常に閉じるボタンが表示されます。

Firefoxのメニューボタン

Firefoxでのスライドインサイドバー

こちらも同様に常に閉じるボタンが表示されます。

Firefoxのサイドバーメニュー

これが意図している表示です。このようにすることで、どこでもスライドインエリアを閉じられるようにしています。

不具合部分

ただ、ChromeやAndroidブラウザでは何故かスライドインメニューのボタンだけ下にずれてしまい表示されなくなってしまいます。

Chromeのスライドインメニュー

Chromeのメニューボタン

Chromeのスライドインサイドバーメニュー

ただ、サイドバー表示ボタンの場合は、以下のように「閉じるボタン」が表示されたままです。こちらはこの動作でOKです。

Chromeのサイドバー

いろいろ試してみたのですが、ここらへんの動作の違いの原因はわかりませんでした。

今のところ、これの対策は、気になる場合は、テーマカスタマイザーから他のメニュー表示を利用するしかありません。

[ほぼ修正済み]サイドバーに非同期読み込みパーツなどを入れていると、「スクロール追従」部分の追従開始位置がおかしくなる

Astro.jpさんに、解決方法をアドバイスしていただいたので、Simplicity1.5.8にて修正しました。詳しくは、以下を参照してください。

参考 Simplicityの既知の不具合と対応策まとめが公開されています。 | Astro.jp

(ほぼというのは、僕の書いたコードがいまいちスマートな方法ではないからです。少しだけ開始位置が、まだずれてしまうケースもあるので。けれど、以前よりは動作はかなり改善したと思います。)

Simplicityのサイドバーなどに、以下のようなページ読み込み後、非同期呼び出されるウィジェットなどがあると、希望追従開始位置よりも早くにエリアの追従が始まってしまいます。

Twitterのウィジェットなど

これは、非同期エリアがページ読み込み時と、非同期ウィジェットが読み込まれたあととでは、サイドバーの高さが変わってしまうことから起こります。

これを修正するには、javascript.jsの「スクロール追従部分」に書いてある関数を何とかすれば良いのかもしれませんが、僕にはやり方がわかりませんでした。

詳しい内容と、一応の対策は以下に書いてあります。

Simplicityを使っていて、記事をスクロールダウンして読み進めていくと、サイドバーがビヨーンと上がって「追従エリア」がページ上...

[修正済み]パーマリンクに「link」と入力するとそのページだけ画面が真っ白になる

Astro.jpさんに、解決方法を教えていただいたので、Simplicity1.5.7bにて修正しました。原因は、Wordpressのテンプレートの仕様でした。詳しくは、以下を参照してください。

参考 Simplicityの既知の不具合と対応策まとめが公開されています。 | Astro.jp

Simplicityでは、なぜか投稿ページでも、固定ページでも、パーマリンクが以下のようになると、そのページの画面が真っ白になって表示されません。

WordPressインストールディレクトリのURL/link

他のテーマでは、真っ白にならないので、おそらく、Simplicity特有の不具合かと思われます。

いろいろ、原因を探ってみたのですが、結局わかりませんでした。

これに対応するには、パーマリンクで「link」を使用しないようにするしかないかと思います。「link」などのパーマリンクを使用していた場合は、「links」にするなどして、対応していただけると幸いです。

「link」以外のパーマリンクで、今のところ不具合報告はありません。

まとめ

現在、思いつくのはこれだけです。

また、何か修正できなかったものがありましたら、追加していきたいと思います。

Simplicityは、まだ上にあるような、不具合が存在しています。テーマを使用したあとに、「こんなはずじゃなかった」となる人がなるべく少なくなるように、既知の不具合を公開しておきます。

GitHubリポジトリ

不具合等ありましたらGitHubに、ご連絡いただけると幸いです。

yhira/simplicity2

スポンサーリンク
アドセンス(大)
アドセンス(大)

フォローする

スポンサーリンク
アドセンス(大)

コメント

  1. astro.jp より:

    テンプレートファイル内にあるpage-link.phpのファイル名を変更すれば解決すると思います。
    記事にしてみました。
    http://astro.jp/pn/%E3%83%96%E3%83%AD%E3%82%B0%E9%81%8B%E5%96%B6/3294

  2. アバター画像 わいひら より:

    そのようなテンプレートの仕様があることは最近知ったところだったんですが、それが原因という事に気づきませんでした;
    これで、ずっと気になっていった不具合を潰すことができます。
    本当にありがとうございます!
    早速修正したいと思います。

  3. astro.jp より:

    文中からのリンクありがとうございます!

    スクロール追従の不具合のほうについても調べてブログに追記してみました。
    不具合の内容合ってますかね?

  4. アバター画像 わいひら より:

    ありがとうございます!
    やっぱ、非同期読み込みの終了を感知するような関数みたいなものはないんですね。
    記事を参考に、その他の不具合が見つかったので、修正しつつ何とか修正できたのではないかと思います。
    次のバージョンで、改善される(多分)と思います。

  5. TAKESHI より:

    Twitterのシェアするボタンをクリックしても、
    ~のツイートが見つかりません。と出てシェアできません。

    【再現手順】
    下記URLをクリック。
    http://freee.red/wordpress_seo_simple_free_theme_simplicity_install_manual/
    Twitterシェアアイコンをクリック。
    ~のツイートが見つかりません。と出る。

    よろしくお願いします。

  6. アバター画像 わいひら より:

    WindowsのFirefoxからでは、普通に、シェアできるようです。

    エラーの出る環境は何でしょうか?