少し思ったのは・・・。

• スーパーリロードすると変化があるのか
• 他のブラウザ（Edgeなど）の表示も、同じなのか

上記のようなことでしょうか。

実際の投稿ページの表示と、編集画面の表示が違うということなんですよね。

本件とは関係ないと思いますけれど。

子テーマをインストールなさっているようですが、有効にはしていないのですね。

ｍｋ２様

さっそくのご返信ありがとうございます。

>スーパーリロードすると変化があるのか

変化なしでした、、、

>他のブラウザ（Edgeなど）の表示も、同じなのか

Edgeで開いてみましたが、同じ表示でした、、、

子テーマのインストールは、「とりあえずインストールしておこう」という感じでインストールした覚えがあります。親テーマとの違いがわからず無効化したまま進めてしまっていました。

今思えば、きちんと調べて子テーマを有効化・編集するべきだったように思いますorz

yashinomiさん

「Cocoon設定」－「エディタ－」の「エディタースタイル」にチェックは入っていますでしょうか。

ｍｋ２様

子テーマにつきまして、情報をいただきありがとうございます。

遅ればせながら、親テーマをできる限り元に戻す → 子テーマを有効化を実施しました。

(まだ始めたばかりなので、修正箇所も少なく、無事切り替えることができました。)

早めに知ることができ、本当に良かったです。

>「Cocoon設定」－「エディタ－」の「エディタースタイル」にチェックは入っていますでしょうか。

はい、チェックは入っていました。

本トラブルについて、サイドバーの「最近の投稿」のレイアウトを変更したくて、Style.cssとfunctions.phpにコードを追加してしていたのですが、一旦完全に戻したところ、エディタ画面の表示も元に戻りました!

Style.cssとfunctions.phpに追加した記述のどこかが影響していたようです、、、

まだどこが悪さしていたのか分かっていないのですが、書き加えたコードを添付させていただきます。

■Style.css

■functions.php

// サイドバー: 最近の投稿
// カスタムサムネイルサイズを追加
function add_custom_thumbnail_size() {
add_image_size('custom-thumb', 80, 80, false); // 幅: 126px, 高さ: 63px, トリミングを有効
}
add_action('after_setup_theme', 'add_custom_thumbnail_size');

// カスタム「最近の投稿」関数
function display_recent_posts_with_thumbnails() {
$recent_posts = wp_get_recent_posts([
'numberposts' => 5, // 表示する投稿数を指定
'post_status' => 'publish'
]);

if (count($recent_posts) === 0) {
return;
}

echo '<div class="recent-posts-sidebar">';
echo '<h2>最近の投稿</h2>';
echo '<ul>';

foreach ($recent_posts as $post) {
$post_id = $post['ID'];
$title = esc_html($post['post_title']);
$link = get_permalink($post_id);
$thumbnail = get_the_post_thumbnail($post_id, 'custom-thumb', ['class' => 'recent-post-thumbnail']);

echo '<li>';
echo '<a href="' . esc_url($link) . '">';
if ($thumbnail) {
echo $thumbnail;
} else {
// サムネイルがない場合の代替画像
echo '<img src="' . esc_url(get_template_directory_uri() . '/images/default-thumbnail.jpg') . '" class="recent-post-thumbnail" alt="' . $title . '">';
}
echo '<span class="recent-post-title">' . $title . '</span>';
echo '</a>';
echo '</li>';
}

echo '</ul>';
echo '</div>';
}

// ショートコードを登録
function register_recent_posts_with_thumbnails_shortcode() {
add_shortcode('recent_posts_with_thumbnails', 'display_recent_posts_with_thumbnails');
}
add_action('init', 'register_recent_posts_with_thumbnails_shortcode');

大変お騒がせして申し訳ございません。ご協力いただき、誠にありがとうございました。

yashinomiさん

スマホからなもので、何も確認はしていないのですけれど。

投稿者:: @yashinomi

↑

遅ればせながら、親テーマをできる限り元に戻す → 子テーマを有効化を実施しました。

上記ということは、親テーマを修正なさっていたということでしょうか。

もうご存知かと思いますが、親テーマは修正してはいけません。

親テーマのバージョンアップ時に、カスタマイズは全て消えてしまいますよ。

（バージョンアップ時は、ファイル毎親テーマが新しいのものに、入れ替わります。旧バージョンは削除されます）

カスタマイズは子テーマで行ってください。（そのための子テーマです）

●補足

掲載のCSS,PHPを追加してみましたが、エディターのfont-familyが変わる事はありませんでした。

書かれたショートコードですが、Cocoonのショートコードnew_listで十分なのではと思います。

ｍｋ２様、chu-ya様

返信が遅くなり申し訳ございません。

おふたりとも、コメントありがとうございます!

(今は子テーマを有効化して使うようにしました。また、親テーマも子テーマも修正せずに使っています。今後は必要になった場合、子テーマのみの修正にします＾＾)