WordPress Gutenberg エディタでリンクを設定するためにリンクアイコンをクリックすると、リンク設定ポップアップがコンテンツ領域を超えて左側のメニューに隠れてしまう現象が発生することがあります。 ポップオーバーコンポーネントのオーバーレイが正しく表示されない問題がある場合は、回避方法について見てみましょう。
WordPress リンク設定ポップアップがメニューに隠れる問題が表示される場合
WordPress ブロックエディタ（Gutenberg)でリンクを設定するテキストを選択してリンクアイコンをクリックすると、図のように左メニューパネルにリンク設定ポップアップが隠れる現象が発生し、不便な場合があります.
（※参考までにブロックエディタでショートカットキーを使用すると、リンクを入れるなどの作業を素早く簡単に行うことができます。リンク設定の場合はテキストを選択して Ctrl + K ホットキーを押すとポップアップ設定ウィンドウが表示されます。 」時間と効率を向上させる WordPress Gutenberg キーボードショートカット「を参照してください。）
このようなポップアップ要素が隠れるバグは昨年 WordPress コミュニティに報告され、デフォルトエディタ（Gutenberg）では問題を解決しました。
テストしてみると、Rank Mathプラグインなどの一部のプラグインを使用している場合にこの現象が発生しました。 Yoast SEOとAll in One SEOではこの問題は発生しませんでした。
リンクポップアップウィンドウが他の要素に隠れて一部が見えない問題が発生した場合の回避方法
この問題は、この問題を引き起こすプラグイン（ランクマスなど）で解決する必要がある問題です。 Rank Mathにこのバグを報告すると、問題がより早く解決されるのではないでしょうか。
当面、次の方法でこの問題に対応できます。
- 左メニューパネルの一番下にある メニューの折りたたみ アイコン（①をクリックしてメニューパネルを縮小します。
- 右上の 設定 アイコン（②）をクリックして右側の設定パネルを非表示にします。
- そして、多くのユーザーが利用する方法として、ブラウザ画面のズーム倍率を90％または80％などに下げることを考えることができます。 数字が小さいほど画面が縮小し、コンテンツが表示され、リンクポップアップウィンドウが隠れる現象も軽減されます。 クロム、エッジなど、ほとんどのブラウザでキーボードの Ctrlキー キーを押しながらマウスホイールを下にスクロールすると、画面を簡単に縮小できます。
さらに、ブラウザの画面サイズを変更しながらリンクするテキストの位置を左から右に移動させることで、リンクポップアップウィンドウが他の要素によって隠れる問題を回避することができます。
最後に、
以上で WordPress メインエディタで文章を作成するときにポップアップ要素がメニューなどに隠れる現象が発生した場合の対処方法について調べました。
この問題は、 Rank Mathでのみ発生するようで、Yoast SEOやAIO SEOなどの他のSEOプラグインでは現れないようです。 Rank Mathを使用している場合、この現象が発生した場合は、本文に記載されている方法を参照して対応できます。
コメントを残す