beranoさん

スマホからなもので、あまり確認していません。

投稿者:: @berano

背景色などは反映されているようなのですが、サイトのレイアウトなどが反映されない状況です。

上記が具体的にどこのことなのかは分からないのですが・・・。

添付いただいた画像のサイドバーのことであれば。

一旦、ウィジェットを削除してください。
その後必要に応じてウィジェットを再設定してください。

WordPress 5.8以降は、初期状態では「ブロックウィジェット」が設定されます。

Cocoonはウィジェットブロックエディタの対応を見送っています。

再設定することで、従来の「クラシックウィジェット」が設定され、スキンもあたると思います。

@mk2_mk2 

ご返信頂きありがとうございます。

状況の説明が不十分で申し訳ございません。

反映されていないものといたしましてはサイドバーだけでなく投稿記事部分やヘッダー下のおすすめカードが表示される部分など全体的なものとなります。

サイドバーに関しては教えていただいた通りにウィジェットの項目より内容を消去してみましたがあまり変わりがありませんでした…。

現状反映してるスキンのスクショを添付致します。

ご確認のほど、よろしくお願い致します。

beranoさん

結論から言えば、スキンは当たっています。

現在のberanoさんのサイトは以下の状態。

再編集できなかったり、誤字があるので補足・訂正します。

投稿者:: @mk2_mk2

サイドバーは、やはり「ブロックウィジェット」が入っているために、正しく当たっていないと思います。
（クラシックウィジェットだと、リストマーカーは付きませんし、見出しも日本語です。）

ここは、間違いではないですが、補足します。

現在beranoさん設定されているものは、WordPressインストール時に初期状態で設定されている「ブロックウィジェット」です。

これは、見出しがh2です。
対して「クラシックウィジェット」は見出しがh3です。

そういう違いもあり、CSSが当たらないということが起きると思います。

投稿者:: @mk2_mk2

そこで、私のローカル環境の「サイトキーカラー」を色、「サイトテキストキーカラー」を黒にしてみます。

上記は訂正します。
「サイトキーカラー」は白です。

@mk2_mk2 

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

WordPressに関して知識がなく申し訳ございません…。

現在ブロックウィジェットが設定されているとのことなのですがこちらを解除する方法はありますでしょうか？

自分で検索してClassic Widgetsというプラグインをいれてみましたが

ウィジェットの編集画面に変化がみられませんでした。

また、ウィジェットのサイドバーの項目を一通り削除し、アーカイブのみを新たに追加しましたが

英字のArchivesとCategoriesも表示から消えません。

これらもブロックウィジェットが原因でしょうか？

ウィジェットの編集画面をスクリーンショットを添付致します。

ご確認のほど、よろしくお願いいたします。

投稿者:: @berano

また、ウィジェットのサイドバーの項目を一通り削除し、アーカイブのみを新たに追加しましたが

英字のArchivesとCategoriesも表示から消えません。

「サイドバー」の下にある「サイドバースクロール追従」に「ブロック」という名前のウィジェットが残っていると思います。
それらを削除すると英字の2つのウィジェットが消えるはずです。

左側「利用できるウィジェット」から好きなものを選んでサイドバーなどに追加すると、スキンのスタイルが当たった状態のウィジェットが表示されると思います。
例えば「カテゴリー」というウィジェットが現在の「Categories」に該当します。

投稿者:: @berano

自分で検索してClassic Widgetsというプラグインをいれてみましたが

ウィジェットの編集画面に変化がみられませんでした。

Cocoonでは元からクラシックウィジェットが適用されるようになっています。
なので、プラグイン「Classic Widgets」はあってもなくても変わりません。

beranoさん

投稿者:: @berano

現在ブロックウィジェットが設定されているとのことなのですがこちらを解除する方法はありますでしょうか？

最初の返信に書いた通り、削除するだけです。

投稿者:: @berano

Classic Widgetsというプラグインをいれてみましたが

ウィジェットの編集画面に変化がみられませんでした。

このプラグインは、不要です。

このプラグインがなくともCocoonは、ウィジェットブロックエディタを無効化にしています。
そのため、変化はないです。

投稿者:: @berano

英字のArchivesとCategoriesも表示から消えません。

スマホからなもので、確認ができませんが・・・。
「サイドバースクロール追従」に入っていませんか？

PCで操作した場合、下にスクロールさせても、上へと消えていかなければ、「スクロール追従」だと思います。
（一旦上へとスクロールするが、その後画面上端に貼りつく。）

「ブロックウィジェット」は、ウィジェット画面では「ブロック」という名前だったと思います。

現在の状況を説明すると、まずmk2さん指摘の通りWordPress5.8からは「ブロックウィジェット」というものが導入されています。

しかしCocoonの本体やスキンはこのブロックウィジェットに対応していません。

5.8以降でWordPressを新規にインストールすると、最初はCocoonではないテーマ(WordPressデフォルトテーマ)が適用された状態でインストールされます。
このデフォルトテーマはブロックウィジェットに対応しています。
そのため、ウィジェットには自動的にブロックウィジェットが挿入されます。

テーマをCocoonに切り替えると、ウィジェットの編集画面は以前の画面(クラシックウィジェット)に切り替わります。
しかしインストール時に自動的に挿入されたウィジェットは残ったままになります。

これがウィジェットにCocoonのスタイルが適用されない理由です。

はるさん、mk2さん

ご返信いただきありがとうございます。

サイドバーに残っておりました英字のArchivesとCategoriesもお二方のおっしゃるとおサイドバースクロールの追従に項目が残っており、これを消去することで解決いたしました。ありがとうございます。

cocoonのクラシックウィジェットとブロックウィジェットの関係が少し理解できたと思います。

ウィジェット編集にて最初から入っている項目を一旦消去し、自分の制作したい要素を各項目（サイドバーやコンテンツ上部など）へ追加することでスキンが適応された見た目になっていくと考えて大丈夫でしょうか？

beranoさん

これまでの返信に書いた通りです。
（分かりにくかったようですね。）

• WordPressインストール初期状態では、ブロックウィジェットが設定されている
• Cocoonは対応を見送っているため、「ウィジェットブロックエディタ」無効化している
  そのため、Cocoonでは従来のクラシックウィジェットを設定できる
• 初期状態で設定されているブロックウィジェットは、従来のクラシックウィジェットとは、見出しなどの構造が違うために、CSSがあたらない
  （見出しはh2→h3に変更すればあたりはします、ただしウィジェットの中身がまた少し違います）

一度WordPress公式テーマへと変更していただいて、ウィジェット画面をご確認いただくと、お分かりいただけるかもしれないですね。

mk2さん

ありがとうございます。

できれば現在使用したいと思っているスキンと同じように、投稿記事を縦に並べるのではなく横に二列に並べるということができればと考えておりますが可能でしょうか…？

いくつも質問をしてしまい申し訳ございませんが、ご教示のほどよろしくお願いいたします。

beranoさん

投稿者:: @berano

できれば現在使用したいと思っているスキンと同じように、投稿記事を縦に並べるのではなく横に二列に並べるということができればと考えておりますが可能でしょうか…？

それは、スキンの機能ではないです。

スマホからなもので、うろ覚えですが・・・。

「Cocoon設定」－「インデックス」あたりで、エントリーカードの指定ができたと思います。

以下のマニュアルページに記載があります。

エントリーカードの設定方法（一覧ページのカードの種類）
https://wp-cocoon.com/index-entry-card-type/

一度、上記も含めてマニュアルページをご覧いただくと良い気がします。

テーマ利用マニュアル
https://wp-cocoon.com/manual/

Cocoonは多機能ですから、読むだけでも大変ですが、テーマ作者様が整理くださっていますので、ぜひご覧いただいて、お役立てください。

なお、1トピックにご質問は1つでお願いしております。
トピック名と異なるご質問は、新たなトピックを立てていただきますよう、お願い致します。

mk2さん

ご返信いただき、ありがとうございます。

教えていただいたページを読み設定してみたいと思います。

また、トピックに続けて質問をしてしまい大変申し訳ございませんでした。

今後も不明点などあればトピックを作成し質問することかと思いますがどうぞよろしくお願いいたします。

この度はいろいろとお教え頂き非常に助かりました！ありがとうございました！