●設定

→→サイトアイコンフォント「Font Awesome 5」

●現象

Cocoon設定のデモプレビューにアイコンが表示されない。
デモプレビュー内のヘッダー上のサイトリンク（サイト名）をクリックした場合は正しく表示される。

●原因

Cocoon 2.9.3.5でのバグ作り込み（デグレード）。

●作り込み経緯

以前はプレビューのたびに該当ページを毎回ゼロから生成していた。

この方式を廃止し、一度組み立てたHTMLをキャッシュ保存する仕組みへと変更した。
キャッシュは設定が保存されるたびに自動で更新される。
これにより、無駄な処理を排除し、デモ表示の高速化を実現した。

その際、Fontawsome 5へのHTML変換が漏れている。

●補足

HTMLのアイコンはFontawesome 4で組み立てられる。
その後、Cocoonの設定に応じて、関数change_faを介しFontawesome 5のコードへと動的に変換される。

●対策

組み立てたHTMLを変換した返却。

$html = ob_get_clean();
return change_fa($html);

https://github.com/xserver-inc/cocoon/blob/174fa986775582c31d217cc5b545fcea6a541759/lib/settings-preview.php#L145

●雑談

デバッガー疲れたわ笑
お礼にXwriteを弄り倒したいので1ヶ月分のライセンスください笑笑

●課題

→のSNSサービスのURLの部分について。
この部分は、→の各SNS入力フォームを列挙しているに過ぎない。

https://github.com/xserver-inc/cocoon/blob/0c31dfe470497a719a8570babfc1f1e835355216/lib/page-settings/sns-follow-forms.php#L67-L99

●改善案

以下の関数user_contactmethods_customで各SNS入力フォームを追加している。

https://github.com/xserver-inc/cocoon/blob/0c31dfe470497a719a8570babfc1f1e835355216/lib/sns-follow.php#L133-L162

そこで、この関数からリストを生成するように変更する。

https://notepad.pw/share/qfxyufpy

●補足

以前、SNSシェア、フォローボタンのテンプレート化を提案した。

https://wp-cocoon.com/community/postid/88631/

ここでシェア数取得のことが議題となった。
SNSフォローについてはfeedlyのみである。

このため、先述のSNSフォロー入力フォームの配列を拡張し（アイコン、title属性など）、テンプレートと両方で利用可能する。
それにより、SNSボタンの似たようなコードを列挙する必要がなくなる。

ポイントは、点在している、入力フォームの定義、取得関数、HTML生成の部分を1箇所に集約するのが望ましく。
その際、独立した取得関数があり、共通関数化するなど見直しが必要。

特定の投稿記事を表示した際にサイト全体の背景を指定した背景色で表示できるようにしたいと考えて以下のようなCSSを追加CSSに記入したのですが、外観で設定した背景画像のままで変化がありませんでした。

body.post-id-（記事のID） {
           background-color:#EBF8F4;
}

固定ページでは『body.page-id-（記事のID）』でのCSSで背景の変更ができたのですが、投稿記事に関しては上手く行かず、参考になるような例も見当たらなかったのでご相談する運びとなりました。

特定の投稿記事でサイト背景色を変更する方法があれば教えて頂ければと思います。

よろしくお願い致します。

ソース一式メールしたので確認願います。
採用可否の判断はお任せします。

----------------------------------------------
テーマ名：Cocoon
バージョン：2.9.3.9
カテゴリー数：16
タグ数：13
投稿数：727
固定ページ数：16
ユーザー数：1
----------------------------------------------

●該当箇所

→→ランキング

●現象

①アイキャッチを設定していない投稿のサムネイル（cocoon-analytics-ranking-thumb）がNO IMAGEが表示されない。
②投稿タイプの絞り込みが機能しない。（カスタム投稿も絞りこめるのか？）

●原因

②以下の関数でformタグがあり、formタグ同士が包括されている。

https://github.com/xserver-inc/cocoon/blob/c722b231610618c5b86d0508bbe356b879fb4cd6/lib/page-access/analytics/dashboard-page.php#L239

●改善点

③に示す「カテゴリ/タグ」タブに合わせ、「ランキング」タブのレイアウトを「投稿タイプ：適用」の下に「期間」とすべきでは？

●誤記

③「カテゴリ/タグ」で、カテゴリーと管理画面の文言に修正。

「アイテムランキングウィジェットの追加」→「目次ウィジェットの追加」の誤記。

https://github.com/xserver-inc/cocoon/blob/121e20a3380a3ed0396a278d28f5fc943cb75fa5/lib/widgets/toc.php#L3

----------------------------------------------
サイト名：New Health Method
サイトURL：https://newhealthmethod.com
ホームURL：https://newhealthmethod.com
コンテンツURL：/wp-content
インクルードURL：/wp-includes/
テンプレートURL：/wp-content/themes/cocoon-master
スタイルシートURL：/wp-content/themes/cocoon-master
親テーマスタイル：/wp-content/themes/cocoon-master/style.css
WordPressバージョン：6.2.2
PHPバージョン：8.2.32
データベース：5.7.44
サイト言語：en_US
タイムゾーン：Asia/Kuala_Lumpur
HTTPS：有効
マルチサイト：無効
WP_DEBUG：無効
DISABLE_WP_CRON：無効
WP_CACHE：無効
DISALLOW_FILE_EDIT：無効
パーマリンク構造：/%postname%/
ホームページ表示：固定ページ
PHPメモリ上限：512M
WPメモリ上限：40M
WP管理画面メモリ上限：512M
PHP最大実行時間：60秒
PHP max_input_vars：1000
アップロード上限：512M
POST上限：516M
PHP拡張：curl:有効, mbstring:有効, gd:有効, imagick:有効, xml:有効, zip:有効, intl:有効, exif:有効
画像エディタ：Imagick
ブラウザ：Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/150.0.0.0 Safari/537.36
サーバーソフト：Apache
サーバープロトコル：HTTP/2.0
エンコーディング：gzip, br
言語：ja;q=0.5
----------------------------------------------
テーマ名：Cocoon
バージョン：2.9.3.1
カテゴリー数：15
タグ数：55
投稿数：385
固定ページ数：11
ユーザー数：1
----------------------------------------------
Gutenberg：1
Font Awesome：4
Auto Post Thumbnail：0
ホームイメージ：/wp-content/themes/cocoon-master/screenshot.jpg
簡単SSL：0
コードハイライト：0
----------------------------------------------
canonicalタグ：1
カテゴリnoindex：0
タグnoindex：0
----------------------------------------------
サイドバー位置：sidebar_right
サイドバー表示：display_all
メインカラム幅：デフォルト
サイドバー幅：デフォルト
----------------------------------------------
全広告表示：1
AdSense表示方法：
----------------------------------------------
GA4：未設定
GTM：未設定
Search Console：未設定
----------------------------------------------
ブラウザキャッシュ有効化：0
CSS縮小化：0
JavaScript縮小化：0
Lazy Load：0
----------------------------------------------
利用中のプラグイン：
Categories to Tags Converter Importer 0.6.3
WP Downgrade | Specific Core Version 1.2.6
WPForms Lite 1.10.2.1
WP Reactions Lite 1.3.10
----------------------------------------------
停止中のプラグイン：
Creative Mail by Newfold Digital 1.6.9
Google Analytics for WordPress by MonsterInsights 10.2.2
Jetpack CRM 6.8.1
The Bluehost Plugin 4.15.1
Yoast SEO 27.4
----------------------------------------------

→→モバイルメニューで「（ミドルメニューのみ）」の文言があり。
ミドルメニューとは何か何処にも記載がなく、結果、文言自体が不要。

https://github.com/xserver-inc/cocoon/blob/a7f6aed9dd861b117ed02ed950100197f251bed9/lib/page-settings/mobile-buttons-forms.php#L43

----------------------------------------------
テーマ名：Cocoon
バージョン：2.9.3.9
カテゴリー数：18
タグ数：123
投稿数：1755
固定ページ数：13
ユーザー数：1
----------------------------------------------

●改善点

●変更箇所

/lib/page-item-ranking/form.php

https://notepad.pw/share/88g4fhez

私の場合は、天気予報サイトで広告の左上の「close」をクリックしたところ、偽の警告画面に誘導されました。

※偽の「close」マークは、本物と見分けがつかないレベルでした💦

後から、ネットで調べて、UI偽装広告だったことが分かりました。

広告配信ネットワーク経由で、悪質な広告が紛れ込むケースが増えて来ていることを実感しました。

サイト運営者の皆様自身も気付かないことが多い可能性があり、利用者だけに表示される場合もあると考えたため、共有をいたしますが、皆様も既にご存じなことかもしれません。

皆様の方が詳しくて対処法をご存じであるかと思います🙇‍♀️警告画面が出た時の対処方法です。

1．絶対に表示された電話番号へ電話しないでください。
2．表示（ブラウザ）が閉じることができる場合は、すぐに閉じてください。
3．閉じられない場合は、「Ctrl + Shift + Esc」でブラウザを終了してください。
4．それでも閉じられない場合は、電源ボタンを長押しして強制終了してください。

無知だった私は...😅警告画面に表示された電話番号に電話をした後の詳細の体験談もございます😂

※体験談の詳細を知りたい場合は、ご返信してください😊

本当に、悪質で巧妙でした。皆様も、ご注意をして頂けましたら幸いです。

今後とも宜しくお願い申し上げます。