おめさん

申し訳ないですが、外部からは状況が掴めません。

フォーラムの案内にもある通り、「高速化」は無効にしてください。

また、環境情報は端折らずに、全て貼り付けてください。

現在は、添付いただいた画像のとおり、メニューに画像を指定してある状態でしょうか？

画像が表示されていないボックスメニューをブログ内に載せておきたくないということでしたら、テストページを作って、テストページのアドレスを教えていただくという方法で構いません。

解決後はテストページは削除していただいて大丈夫です。

おめさん

詳しい状況は分からないのですが。

子テーマが、アクセス拒否の状態になっているようです。
（Forbidden、403エラーの状態。）

今のところ、理由は分からないです。
（高速化を外していただかないと。外しても分からないかも知れないですが、これは。）

おめさん

すみません。

上記の件は、子テーマのディレクトリそのものへのアクセス拒否されているもので、それ自体は正常だと思います。

ただ、なぜ子テーマのディレクトリへのアクセスがあるのかは、今のところ分からないです。

できれば、ボックスメニューに設定しようとしていた画像のアドレス(URL)もご提示いただくと、状況が分かり易くなると思います。
（添付いただいた画像では、どうしても欠けてしまいますので。）

@mk2_mk2

ご丁寧にありがとうございます。

高速化を無効にしました。
cocoon設定の無効化のチャックを全て外しました。
これでいいのでしょうか？

現在は、添付いただいた画像のとおり、メニューに画像を指定してある状態でしょうか？
→そうです。

▼画像のURL

▼環境情報

----------------------------------------------
サイト名：トレートペリピ
サイトURL： https://traiteperip.com 
ホームURL： https://traiteperip.com 
コンテンツURL：/wp-content
インクルードURL：/wp-includes/
テンプレートURL：/wp-content/themes/cocoon-master
スタイルシートURL：/wp-content/themes/cocoon-child-master
親テーマスタイル：/wp-content/themes/cocoon-master/style.css
子テーマスタイル：/wp-content/themes/cocoon-child-master/style.css
WordPressバージョン：5.7.1
PHPバージョン：7.4.13
ブラウザ：Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_6) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/14.0.3 Safari/605.1.15
サーバーソフト：Apache
サーバープロトコル：HTTP/1.1
言語：ja-jp
----------------------------------------------
テーマ名：Cocoon
バージョン：2.2.8.8
カテゴリ数：3
タグ数：1
ユーザー数：1
----------------------------------------------
子テーマ名：Cocoon Child
バージョン：1.1.0
style.cssサイズ：8097バイト
functions.phpサイズ：203バイト
----------------------------------------------
Gutenberg：1
AMP：0
PWA：0
Font Awesome：4
Auto Post Thumbnail：0
Retina：0
ホームイメージ：/wp-content/uploads/2021/03/トレートペリピイラスト（ブログ用）.jpg
----------------------------------------------
ブラウザキャッシュ有効化：0
HTML縮小化：0
CSS縮小化：0
JavaScript縮小化：0
Lazy Load：0
WEBフォントLazy Load：0
----------------------------------------------
利用中のプラグイン：
Contact Form 7 5.4
----------------------------------------------

----------------------------------------------
サイト名：トレートペリピ
サイトURL： https://traiteperip.com
ホームURL： https://traiteperip.com
コンテンツURL：/wp-content
インクルードURL：/wp-includes/
テンプレートURL：/wp-content/themes/cocoon-master
スタイルシートURL：/wp-content/themes/cocoon-child-master
親テーマスタイル：/wp-content/themes/cocoon-master/style.css
子テーマスタイル：/wp-content/themes/cocoon-child-master/style.css
WordPressバージョン：5.7.1
PHPバージョン：7.4.13
ブラウザ：Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_6) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/14.0.3 Safari/605.1.15
サーバーソフト：Apache
サーバープロトコル：HTTP/1.1
言語：ja-jp
----------------------------------------------
テーマ名：Cocoon
バージョン：2.2.8.8
カテゴリ数：3
タグ数：1
ユーザー数：1
----------------------------------------------
子テーマ名：Cocoon Child
バージョン：1.1.0
style.cssサイズ：8097バイト
functions.phpサイズ：203バイト
----------------------------------------------
Gutenberg：1
AMP：0
PWA：0
Font Awesome：4
Auto Post Thumbnail：0
Retina：0
ホームイメージ：/wp-content/uploads/2021/03/トレートペリピイラスト（ブログ用）.jpg
----------------------------------------------
ブラウザキャッシュ有効化：0
HTML縮小化：0
CSS縮小化：0
JavaScript縮小化：0
Lazy Load：0
WEBフォントLazy Load：0
----------------------------------------------
利用中のプラグイン：
Contact Form 7 5.4
----------------------------------------------

おめさん

まだちゃんと調べていませんが、何となくひらめいた気がします。

画像を用意いたしますので、少々お待ちください。
（10～15分くらいいただきたいです。）

おめさん

すみません、ひらめいていませんでした。
調べようと思います。

mk2様

わざわざお時間を割いて頂きありがとうございます。

ぜひともよろしくお願いします。

おめさん

若干、推測含みです。
それほど、真相は分かり難い問題なのかも知れません。

私のテスト環境で試したところ、再現はできました。
しかし、その原因は、テーマではなく（間接的にはあるかも知れませんが）、WordPressの日本語環境にあると思います。

おめさんは、画像のファイル名に日本語をご利用になっています。
それが、直接的な原因です。

WordPressは海外製のCMSですから、日本語の扱いは得意ではありません。

その対策として、マルチバイト文字を扱う日本語環境においては「WP Multibyte Patch」というプラグインをインストールすることが必須と言えます。

このプラグインが、日本語にかかわる様々なトラブルを回避してくれます。

ただ問題があります。

このプラグインを使うと、漢字などを使ったファイル名は、サニタイズと言って、英数字へと自動的に変換され、WordPressへと格納されます。

大変管理しにくい名前になってしまいます

私の環境で、おめさんのファイルをアップロードしてみたところ、以下のようなファイル名になりました。

/2021/04/84362dbbeaa86a0c407c2514739b26f7.jpg

どうしても日本語のファイル名に拘りたいということであれば、その回避策はありますが、WordPressの設定ファイルを直接修正する必要があり、お勧めはできません。

今回の事象を回避するには

• プラグイン「WP Multibyte Patch」をインストールする
• 画像のファイル名は、トラブル回避の意味合いと、管理しやすいよう、英数字を使ったものにする

上記2点をお勧めいたします。

私の環境では、上記対応で問題なくボックスメニューに画像の設定ができました。

@mk2_mk2

画像のURLをローマ字に変更したら変わりました！

本当にありがとうございました。

おめさん

子テーマの175行目あたりに、以下の記述があり、404エラーになっているようです。

background: url( /*こちらに背景画像のアップロードURLを入力*/) center no-repeat;

上記の記述の結果、以下のURLへの参照が発生しています。

 https://traiteperip.com/*こちらに背景画像のアップロードURLを入力*/ 

おめさん

先程触れた、子テーマのディレクトリの403エラーの件は、<head>タグ内で起きているようです。
ただ、高速化が有効になり、原因までは掴めませんでした。
（高速化が無効でも、分からないかも知れません。）

おめさん

分かりました。
こちらも、先程触れた、子テーマの175行目あたりが原因です。

何らかの対処をしておく方が無難だと思います。

実際のソースには以下のように出ており、子テーマのディレクトリへの参照が起きています。

.author-box figure.author-thumb {
    float:none;
    text-align:center;
    background:url( https://traiteperip.com/wp-content/themes/cocoon-child-master/)  center no-repeat;
}

あ…もうご返信いただいていたのですね。

となると、追加の返信はご覧にならないかも知れませんね?