●現象

固定ページをフロントページに設定した。

固定ページには、SNS画像、アイキャッチ画像を設定していない。
また、→→「アイキャッチ自動設定を有効にする」オフとしている。

※固定ページには画像が一つもない。

このとき、og:imageがNO IMAGEとなった。

●補足

→→ホームイメージの画像には
フロントページが固定ページに設定してある場合は、固定ページのアイキャッチが優先されます。
となっている。

この「優先」の意味は何か？
固定ページのアイキャッチが無いので、OGP画像なのではと思い。
それとも固定ページがNO IMAGEを設定したと言うことで、NO IMAGEが優先なのか？

●原因

フロントページが固定ページなので以下が処理される。

https://github.com/xserver-inc/cocoon/blob/dc3c38aab98bcb6a954152eb6d79f3c0702ab334/tmp/header-ogp.php#L60


https://github.com/xserver-inc/cocoon/blob/dc3c38aab98bcb6a954152eb6d79f3c0702ab334/lib/utils.php#L2915-L2961

上記関数で以下の手順でog:imageを設定する。

【優先度1】個別投稿に専用のSNSシェア用画像メタが設定されている。
【優先度2】アイキャッチ画像（サムネイル）が設定されている。
【優先度3】アイキャッチはないが、本文中に画像があり、自動アイキャッチ自動設定が有効。
【優先度4】NO IMAGE画像を設定。★
【優先度5】OGP用のホーム画像を設定。

https://github.com/xserver-inc/cocoon/blob/dc3c38aab98bcb6a954152eb6d79f3c0702ab334/lib/utils.php#L2953

優先度4でNO IMAGEとなるので、OGP設定画像とはならない。

●対策

上記の条件は不要？

●現象

Cocoon設定で「おすすめ表示」を選択すると、「ウィジェット」タブの表示だけ、表示幅が狭くなる。

→→ボタン画像を設定すると、画面幅いっぱいに表示されてしまう。
このため縦長画像の場合、必要以上にスクロールすることとなる。

●原因

画像幅を100%としている。

https://github.com/xserver-inc/cocoon/blob/954abbb92a9dd51e059cdd0f9892bfd9acdb1622/css/cocoon-settings.css#L497

●補足

→ヘッダーロゴも同様。
画像選択の個所を見直し要。

●現象

フッターウィジェット（左・中・右）に、スペースなしの長い英字列を入れると、折り返されずにウィジェットエリアからはみ出す。
サイドバーでは同じ内容でも折り返される。

●原因

スペースや記号のない英字列は、ブラウザが「途中で改行できない1つの巨大な単語」として扱う。
サイドバーは親の幅が先に決まっているため、中身が親の幅に収まるよう折り返される（block）。
フッターは列が横並び（flex）で、flexアイテムは初期値 min-width: auto のため、中身の最小幅より縮まない。
長い英字列の幅が最小幅になり、列のほうが広がってはみ出す。

●対策

モバイルボタンのキャプションにも同様のことが言え。
以下に変更では？

overflow-wrap: anywhere;

https://github.com/xserver-inc/cocoon/blob/267ab2fa0e69bdd69f249d89270335a93e6f1b53/style.css#L574-L575

　お忙しいところ失礼いたします。

　ブログサイトのヘッダーの表示（パソコン上での表示）が、ある日を境におかしくなってしまいました。

https://globalkidsmedia.com/

　１～２週間前のことだったと思いますが、自身のブログで身に覚えのない投稿がなされていたことに気づき、ユーザーをチェックしたところ、同じく身に覚えのないユーザー名が表示されていたので、これらのユーザー名を削除しました。また、同じく身に覚えのないプラグインがいくつかありましたので、こちらも削除し、ＰＷを変更しました。

　ヘッダーの表示がおかしくなったのは、この後のことだと思います。ヘッダーなどの設定は特段変更しておりませんので、必要なプラグインを削除してしまった可能性がございます。

　原因と対処法が分からず、困っております。どなたさまか、ご助言いただけましたら幸いです。お手数をおかけいたします。

　ちなみに、スマホ画面上ではヘッダーの表示は特段おかしくなっていないようです。

　以上、どうぞよろしくお願いいたします。

※環境情報：

----------------------------------------------
サイト名：Amy’s Blog（あみぶろ）
サイトURL：https://globalkidsmedia.com
ホームURL：https://globalkidsmedia.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バージョン：7.1.1
PHPバージョン：8.3.33
データベース：10.11.18
サイト言語：ja
タイムゾーン：Asia/Tokyo
HTTPS：有効
マルチサイト：無効
WP_DEBUG：無効
DISABLE_WP_CRON：無効
WP_CACHE：無効
DISALLOW_FILE_EDIT：無効
パーマリンク構造：/entry/%postname%
ホームページ表示：最新の投稿
PHPメモリ上限：1G
WPメモリ上限：40M
WP管理画面メモリ上限：1G
PHP最大実行時間：180秒
PHP max_input_vars：1000
アップロード上限：1G
POST上限：1G
PHP拡張：curl:有効, mbstring:有効, gd:有効, imagick:有効, xml:有効, zip:有効, intl:有効, exif:有効
画像エディタ：EWWWIO_Imagick_Editor
ブラウザ：Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/153.0.0.0 Safari/537.36
サーバーソフト：Apache
サーバープロトコル：HTTP/1.1
言語：ja;q=0.8
----------------------------------------------
テーマ名：Cocoon
バージョン：2.9.5
カテゴリー数：11
タグ数：2
投稿数：469
固定ページ数：3
ユーザー数：1
----------------------------------------------
子テーマ名：Cocoon Child
バージョン：1.1.3
style.cssサイズ：19128 バイト
functions.phpサイズ：203 バイト
----------------------------------------------
Gutenberg：1
Font Awesome：4
Auto Post Thumbnail：0
ホームイメージ：/wp-content/uploads/2020/06/42038d4a1de95e1bbc97414bde0682a8.png
簡単SSL：0
コードハイライト：0
----------------------------------------------
canonicalタグ：1
カテゴリnoindex：0
タグnoindex：1
----------------------------------------------
サイドバー位置：sidebar_right
サイドバー表示：display_all
メインカラム幅：デフォルト
サイドバー幅：デフォルト
----------------------------------------------
全広告表示：1
AdSense表示方法：
----------------------------------------------
GA4：未設定
GTM：未設定
Search Console：未設定
----------------------------------------------
ブラウザキャッシュ有効化：1
CSS縮小化：0
JavaScript縮小化：0
Lazy Load：1
----------------------------------------------
利用中のプラグイン：
Advanced Editor Tools 5.10.1
Advanced LinkFlow Control 1.6.2
Advanced LinkFlow Control 1.2.5
Akismet Anti-spam: Spam Protection 5.7.2
Aurora Heatmap 1.7.1
BackWPup 5.7.6
Broken Link Checker 2.4.14.1
Contact Form 7 6.1.7
Content Sync Helper 1.0.6
Edit Author Slug 1.9.2
EWWW Image Optimizer 8.7.7
Useful Blocks 1.9.1
WP Fastest Cache 1.5.2
WP Multibyte Patch 2.9.3
----------------------------------------------

※この間の記載は文字コードですと（HTTP response code 403)エラーとなり送信できませんので画像を添付します。

Plugins in use:
Advanced Editor Tools 5.10.1
Broken Link Checker 2.4.14.1
Category Order and Taxonomy Terms Order 2.0
Contact Form 7 6.1.7
edump 1.0.7
Force Regenerate Thumbnails 2.3.0
Health Check & Troubleshooting 1.7.1
LiteSpeed Cache 7.9.1
Multi-column Tag Map 17.0.39
Post Types Order 2.5.3
Relevanssi 4.28.3
Search & Filter 1.2.18
Simple Sitemap 3.8.0
SiteGuard WP Plugin 1.8.9
Tag Groups 2.2.2
TypeSquare Webfonts for エックスサーバー 2.0.9
Wordfence Security 9.0.1
WP Fastest Cache 1.5.2
WP Multibyte Patch 2.9.3
xili-tidy-tags 1.12.06
XML Sitemap Generator for Google 4.1.24
----------------------------------------------
Deactivated Plugins:
Akismet Anti-spam: Spam Protection 5.7.2
CloudSecure WP Security 1.4.15
Edit Author Slug 1.9.2
Jetpack 16.2
----------------------------------------------

※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。

●現象

WordPress 7.0からブロックに対し、個別に「CSS追加」ができるようになった。

そこで、Cocoonブロックの例えば「アイコンボックス」にCSSを直接記述した。
しかし、以下のようになり反映されず、さらに保存後、編集すると「復旧を試みる」となる。

結果、「CSS追加」が利用できない。

<!-- wp:cocoon-blocks/icon-box {"style":{"0":"i","1":"n","2":"f","3":"o","4":"r","5":"m","6":"a","7":"t","8":"i","9":"o","10":"n","11":"-","12":"b","13":"o","14":"x","css":"margin-bottom:50px;"}} -->
<div class="wp-block-cocoon-blocks-icon-box common-icon-box block-box  has-custom-css"><!-- wp:paragraph -->
<p>サンプル</p>
<!-- /wp:paragraph --></div>
<!-- /wp:cocoon-blocks/icon-box -->

●現象

→で除外カテゴリーを設定した場合、その除外カテゴリーに属する記事であっても、先頭固定に設定されていると投稿一覧に強制表示される。

また、「新着記事」ウィジェットにおいても、「固定表示記事を表示する」設定をオンにしていると、除外カテゴリーに属する記事であっても先頭固定されている場合は表示される。