WordPress テーマTwenty Twenty-Fiveとベーシック認証の相性は?

WordPressのセミナー用として、デフォルトテーマTwenty Twenty-Five1で作成していたサイトで起こった事象について、備忘録を兼ねて以下に記す。

WordPressの最新デフォルトテーマTwenty Twenty-Fiveでセミナー用サイトを構築。
最新のWordPress機能をデフォルトテーマを使用することでわかりやすく解説できることが採用した理由である。

サンプル記事は受講者のサイトを元にアレンジしたものもあるため、最終的にベーシック認証を設定し閲覧を制限した仕様とした。

とここで、問題が発生!

ベーシック認証に設定したところ、管理ページに不具合が起こった。

■発生した事象

1.不具合事象が発生しているWordPressの環境

  • サーバ:エックスサーバースタンダード
  • WordPress6.7.2、記事執筆時は最新の6.8.1
  • テーマ:Twenty Twenty-Five 1.0 記事執筆時は最新1.2
  • プラグインはなし
  • ベーシック認証。コントロールパネルにてアクセス制限設定2

2.すでに作成した投稿、固定ページを開くと、テキストが白文字となっている。

下の画像のように、オレンジ色の囲みで警告?メッセージが表示されている。

「この色の組み合わせは読みにくいため、より明るい背景色、より暗い文字色を試してください」

下図↓赤で囲われているところは、テキスト文字が入っている。
テキストを選択して、テキスト色で黒などのテキスト色を選ぶと管理画面上にテキストが見えるようになる。

ベーシック認証により、投稿の文字色が白になっている。

管理画面上は文字がすべて白になるが、プレビュー、表示ページは正しく表示される。
管理ページのみの不具合である。

デフォルトの固定ページ「サンプルページ」の文字も以下の図のように選択しないとわからない。

同様に、タイトル「サンプルページ」も白文字で表示されていない。タイトルに関しては、選択して文字を確認することはできるが、本文のように色を変更する設定は出来ない(右タブ:ブロック編集ができない)

テキストを選択すると、文字が入力されていることを確認できる。

3.スタイルのレイアウトが変更されている

なぜか、テキストがすべて中央寄せ。(デフォルトは左寄せ)
スタイルの変更は行っていない(デフォルト設定のまま)

レイアウト(テキスト、メディア、デザイン、ウィジェット、テーマ)もすべておかしくなっている。

4.新規の投稿記事を作成すると、ベーシック認証前のテンプレートとは違うものになっている

既に投稿してある記事と同様、段落ブロックなどで先に文字色を黒などに選択してから、入力しないと白文字のままになる。

そして、タイトルを入れる入力欄がない!

新規固定ページのレイアウトも同様である。

■ベーシック認証(Basic認証)を解除すると問題は解消される。

アクセス制限を解除すると管理画面の不具合がすべて解消されるのだ。なんで!?

しかし、管理ページの不具合がベーシック認証のためだと気付いたのは、いろいろ試行錯誤してようやく判明したのだ。

管理画面がおかしくなったと気付いた時点で原因が分からなかったので、

  • 新規にWordPressをインストールして再構築してみたり
  • テーマを前バージョンのTwenty Twenty-Fourに変更(このテーマでは問題は発生しない)

などなどを行ってようやくベーシック認証が原因だとわかったのである。

エックスサーバーにも問い合わせて、何回かメールにてやり取りをして対応してもらったが原因はわからず。具体的な環境を開示してやりとりしたり、サーバ側でも事象の再現性を確認してもらったが、

外部提供のテーマの詳細な情報までは持ち合わせておりませんため、
明確な要因を特定することは困難でございました。
そのため、可能な範囲での回答となり恐縮ではございますが、
Twenty Twenty-Fiveテーマの編集画面では、
基本スタイルの読み込みがベーシック認証されずに失敗するため、
スタイルが読み込めず文字色が白色になっている可能性がございます。・・・

上記一部であるが、丁寧な対応をしていただいた。

ベーシック認証をかけた運用はあまりないとはいえ、不思議な現象である。

Twenty Twenty-Fiveのバージョンが3つ上がった1.2時点でも未だ解消していない。

別のサーバでも同様な事象が発生するのかまでは、検証していない。イレギュラーな環境での不具合ゆえ、これ以上は追及しないことにした。が、WordPressやテーマのバージョンアップで解消されることも考えられ、環境は残しておいてしばらくは経過観察していく。

  1. Twenty Twenty-Five WordPress テーマ WordPress.org 日本語 ↩︎
  2. アクセス制限(BASIC認証) | レンタルサーバーならエックスサーバー ↩︎

コメントする

メールアドレスが公開されることはありません。 が付いている欄は必須項目です