フォーラムへの返信
-
投稿者投稿
-
頂いたエクスポートデータをインポートして、現象が発生している記事の HTML をテキストエディターに貼り付けてみました。すると、次のようなメッセージが表示されました。
「普通ではない行終端記号」というのがわからなかったので、おそらく Figma からコピペしたであろうテキスト(段落ブロック)の部分を削除してみたところ、正しく表示されるようになりました。
というところで、以前にも同じ内容のトピックがあったことを思い出しました。
Figma からのコピペだとエラーが発生することがあるみたいなので、その部分については一度テキストエディターにコピペしてみて、正しい日本語文字列としてコピーできているか確認するとか、手打ちする等することで表示されるようになるのではないかと思います。試してみてください!
EWWW Image Optimizerという画像軽量化のプラグインを入れておりました。こちらが原因でしょうか?
そのプラグインを使ったことがないので断言することはできませんが、js で画像がロードされていたのが普通に読み込みされるようになっているようなので、そのプラグインの影響はあったのかもしれません。
ひとまずプラグインでの画像の非同期読み込みは停止できたと改定して、それ以外にも WordPress の画像ブロックはデフォルトで遅延読み込みされるようになっています。画像に
width
・height
属性があれば大丈夫という情報もあったのですが、すべての画像にwidth
・height
があるようですし、ちょっと良くわからないところもあるのですが、ページの読み込み速度を劇遅にしてスクロールしてみると画像が読み込まれた瞬間にサイズが確定する挙動が確認できたので、怪しいかなとは思います。試しに、WordPress コアの遅延読み込みを無効化するコードを追加してみてもらえないでしょうか?
My Snow Monkey プラグインか子テーマのfunctions.php
に下記のコードを貼り付けてみてください。add_filter( 'wp_lazy_loading_enabled', '__return_false' );
挙動を確認すると、一旦正しい位置にスクロールした後に、その位置より上の画像(スクロールして通り過ぎた画像)の読み込みが開始され、読み込まれると画像の高さ分位置がずれているように見えました。
画像の遅延読み込みをおこなうようなプラグインを使用されていませんか?
♥ 0いいねをした人: 居ませんありがとうございます。なにか相性の問題があるんですかねー、僕の環境では再現しないので、PHP のバージョンとか、そっちの可能性もあるかもしれません。
これ以上は実際に触りながら調査しないとわからなさそうなので、もし可能なら All in One WP Migration でエクスポートしたデータを頂きたいです。その場合はオンラインコミュニティ Discord の DM で共有頂けると助かります。
ご検討よろしくお願いいたします!
♥ 0いいねをした人: 居ませんSnow Monkey Blocks、Snow Monkey Editor 以外の全てのプラグインを停止させても真っ白でしょうか?
♥ 0いいねをした人: 居ません頂いた Gist のコードを構文チェックしてみました。
最後の方が正しく閉じられていなかった(コピペ不足?)のでそこは補完して試しましたが、884行目、886行目の改行で構文エラーが発生しました。改行を取り除くとエラーは消えました。正直この部分がどうやって生成されているのかは全くわからないのですが、その前の883行目の末尾に
\n</p>
があるのは気になりました。本来ここに</p>
は入ってこ無さそうなので。886行目も、末尾の方に2箇所、不自然な</p>
が入っていました。何か、改行や段落の追加を自動実行するようなカスタマイズ、あるいはプラグインを実行している場合は停止させてみてください。
♥ 0いいねをした人: 居ません送信しようとしたのですが、コードが長すぎて添付出来ませんでした。
なるほどです。ただ、コードが確認できないとこれ以上は何もわからないので、例えばテキストファイルに貼り付けて Dropbox や GitHub Gist で共有するなど、何か可能な方法でご対応いただけると確認できるのかなと思います。
ネットワークで確認すると、style.cssの返答がない状態です。
これ、リクエスト URL をみると
wp-content/themes/plugins/my-snow-monkey/styles/style.css
となっています。基本的にはそのような場所には CSS ファイルは無いはずです。My Snow Monkey プラグインを使う場合でもwp-content/plugins/my-snow-monkey/styles/style.css
になるかなと。おそらくこのファイルの読み込みは AF さんが追加されたコードで実行されていると思うので、その部分で読み込みパスを修正すれば解決すると思います。もし読み込みパスの指定だけの間違いではなくて、本当に
wp-content/themes
の中にプラグインファイルを入れていたら配置が正しくないことになります。Smart Custom Fields の中に Advanced Custom Fields を上書きしたという話もあったので、もしかしたら全体的にファイル構成がおかしくなっている可能性も考えられるのかなと思いました。一旦クリーンな環境に必要なテーマとプラグインを通常通りの手順でインストールしてみて、それでも問題が発生するのかどうかを確認してみるのも良いかもしれません(その手順をここで共有いただければ、僕も自分の環境で同じ構成のサイトを立ち上げて現象を直接確認できますし)。
♥ 0いいねをした人: 居ません</script>
に赤い線がでていますが、その開始タグが<script id="wp-edit-post-js-after">
ということですよね? であれば、その間のコードに不正な出力がある可能性が高いので、その間のコードを丸ごと共有してもらえればと思います!♥ 0いいねをした人: 居ませんあー確かにですね…。ちょっとその状態になったことが無いので対処方法がわからないのですが、検索してみたら下記のページは見つかりました。
後は他のブラウザで試してみてどうなるかでしょうか…。どうにもならないなら、全てのプラグインを停止して、1つずつ有効化してはページを再読み込みして試していくしかないかなと…。
♥ 0いいねをした人: 居ませんなるほどです。
何らかの意図しない出力が js の出力を乱しているように見えるので、下記の書き込みを参考に、
Uncaught SyntaxError: Unexpected token ‘<‘
どこで発生していますか?(どのファイルのどのあたりかわかるスクショを共有いただけると)のスクショを共有してください!
♥ 0いいねをした人: 居ません下記教えてください!
– まだ
Uncaught SyntaxError: Unexpected token ‘<‘
は出ていますか?
–Uncaught SyntaxError: Unexpected token ‘<‘
はどこで発生していますか?(どのファイルのどのあたりかわかるスクショを共有いただけると)
– 何をしたあとにこのエラーがでるようになりましたか?♥ 0いいねをした人: 居ませんSmart Custom Fields の中身が Advanced Custom Fields になっているというのは、ある意味プラグインがこわれている状況なので、僕なら一旦バックアップをとって今の状態に戻せるようにした上で、Smart Custom Fields と Advanced Custom Fields のプラグインディレクトリを削除してみます(ダッシュボードからアンインストールすると設定データもアンインストールされてしまう可能性があるためディレクトリを削除)。
♥ 0いいねをした人: 居ませんReferenceError: acf is not defined
とあるので、Advanced Custom Fields で必要な js オブジェクトの読み込み・実行に失敗しているのだと想像します。「Smart Custom FieldsプラグインにダウンロードしたAdvanced Custom Fieldsを上書きした。」とありますが、Smart Custom Fields と Advanced Custom Fields は全く別のプラグインなので、その手順だと大きな不具合(今回の不具合も?)発生する可能性があります。
Advanced Custom Fields が必要なのであれば、Smart Custom Fields を停止して、Advanced Custom Fields を正しい手順でインストールするのが良いと思います。
「更新日」をいつ更新するかどうかを調整できるフックがないかなと探してみたのですが、ちょっと僕には見つけられませんでした。
編集画面での設定変更時に、更新日を更新する・しないを選択する形で更新日を更新しないプラグインやカスタマイズはあるみたいでした(動作未確認)。
♥ 0いいねをした人: 居ませんメールアドレスはそれではなかったのですが、「tomix」でユーザーが残っていました。「otomeweb」とは違うメールアドレスで受信できるものはありますか?それに変えて、パスワードのリセットメールを送りたいと思います。それでリセットしてログインしたら、最新版がダウンロードできるはずです。
♥ 0いいねをした人: 居ません -
投稿者投稿