Cocoonフォーラム

●回答 2の原因 以下のCSSは間違っている。 img.related-entry-card-thumb-image.card-thumb-image.wp-post-image { width: 100%; height: 100%; object-fit: co...

----------------------------------------------テーマ名：Cocoonバージョン：2.8.7.1カテゴリー数：16タグ数：13ユーザー数：1----------------------------------------------修正されていることを確認...

@s_takazawa さん 見ましたが、isかwhereを用い以下とした方がスッキリしませんか？ body:not(.wp-admin) :is(.search-edit, input[type="text"], input[type="password"], input[type=...

●追記 カテゴリでは分けていなかったので 別カテゴリーにするのではなく、カテゴリーを追加します。 カテゴリーでなくともタグと言う方法もあるので、追記します。「セール終了」（タグID=5）を、終了した投稿に追加します。 add_filter('theme_mod_api_err...

@ryucamp さん 例えばカテゴリー「セール終了（カテゴリーID=5）」を作成します。セールが終了したら、投稿一覧から該当する投稿のクイック編集から、カテゴリー「セール終了」にチェックし保存します。 このほうが、セールが終了したら、コードに投稿IDを追加など、コードを都度変更しない...

●回答 以下のコードを子テーマのfunctions.phpに追加します。自己責任でお願いします。 add_filter('theme_mod_api_error_mail_enable', function($mod) { // 無効化したいページIDの配列 $disabled_...

----------------------------------------------テーマ名：Cocoonバージョン：2.8.7.1カテゴリー数：18タグ数：123ユーザー数：1----------------------------------------------サポートされていること...

@yacchan11 さん 管理画面に関することなので、外部からは何が起きているか調査できません。 試しに再度、親テーマをインストールしてみてください。また、一旦プラグインを停止し確認してください、

@s_takazawa さん 本件、類似不良が他スキンにもないか確認も合わせ願います。

問題のサイトですが、既に作成してあるページをGutenbergエディターで開くと、全て同じように左右の余白がなく、左寄りになりますか？ 問題となるページのURLを教えて頂きたく。

上記の情報は、問題のサイトの情報ですか？問題のないと言う、別サイトのメイン幅、Cocoonのバージョンはいくつですか？ コンテンツ幅を800pxにしましたが再現しません。 2025-08-19_21h59_08.png

先述の回答の内容理解できてますか？ Cocoonのバージョンを確認ください。また、[Cocoon設定]→[カラム]→コンテンツ幅が大きくないですか？エディターの幅は旧来の840px固定ではなく、その幅となります。 皆さん、フォーラムのルールを守り、Cocoonの環境情報を添付願います。実...

これはミスです。旧来の仕様と、サイト名の2択で考えています。

●回答 Cocoonの仕様です。 Cocoon 2.8.7.1から[Cocoon設定]→[カラム]→コンテンツ幅に応じ、エディターにも反映されます。このため、コンテンツ幅が広い場合、エディターの入力幅がいっぱいとなります。 以前は840px固定でした。[Cocoon設定]→[エディター]...

●注意点 メディアクリエの指定範囲で比較演算子を使う場合、注意点があります。 [外観]→[カスタマイズ]→[追加CSS]に入力した場合、正しく展開されません。このため、追加CSSに入力する場合、注意しましょう。 ●参考 CSS仕様では、メディアクエリの指定範囲で比較演算子が...

@qoopy さん サイトを拝見しました。 気付いた点があり、確認願います。 子テーマCSSにエラーがあります。以下で.modal-closeの後ろが全角スペースになっています。 .modal-wrapper .modal-close　a:hover { color: #ff0000;...

@aqvi さん カードごとにサイト名も表示出来たらいいなと思いました。 先述の通り、カードごとのサイト名はRSS情報にありません。そのため、各カードのリンクURLからドメイン名とすることは可能です（図参照）。 サイト名の場合、各カードのリンクURLからOGP情報を新たに取得する...

上記の件、拝承。

●回答 コードのコピペができないので困っています。 連絡ありがとうございます。全く気づいていませんでした。 意図して、右クリック、コピペを禁止しています。しかしコードの部分も含め禁止としていました。 修正しましたので、恐れ入りますが、確認願います。 スキンご利用ありが...

@yhira さん すみません、以下からお願いします。

●補足 指定したURLのサイト名はRSS仕様で定義されています。 しかし、各情報（＜item＞）には情報元のサイト名は含まれません。このため、まとめサイトのような場合、各情報元のサイト名を表示したいとなると、工夫が必要です。

●回答 既存のrssショートコードにはサイト名（見出し）を付ける機能はありません。サイト名は頻繁に変わらないので、人手で入力でも十分かと思います。 ●ご参考 フックを用いrssショートコード結果出力前に、オプションで指定したURLを元に、サイト名を取得・追加します。functions...

●ご参考 以下に、それぞれのPV数を取得する関数があります。

@yhira さん ソースコードですが、該当箇所がコメントアウトとなっており、完全削除しないのでしょうか？例えば以下の部分など残っており。

●回答 プラグイン「Autoptimize」を使っているようですが、無効にして改善されませんか？CSSが正しい順序で反映されていません。

----------------------------------------------テーマ名：Cocoonバージョン：2.8.7.1カテゴリー数：16タグ数：12ユーザー数：1----------------------------------------------スキン作者です。リンクは...

----------------------------------------------テーマ名：Cocoonバージョン：2.8.7.1カテゴリー数：18タグ数：123ユーザー数：1----------------------------------------------対策されていることを確...

まさか、[外観]→[カスタマイズ]→[追加CSS]にこのような問題が隠れているとは、思いもしませんでした。また、勉強になりました。 希望のレイアウトですが、CSSの内容を理解した上で、試してみてください。

正解ですね。 strip_tags() は < と > をタグの開始・終了と見なして削除するため、(width<=843px) の中の < をタグと誤解し、そこから先のCSSを切り捨てるか、壊す動作をしてしまう。

●補足 投稿下のカスタムCSSは、記述通り展開されます。普段、子テーマCSSにしか記述しないので、先の追加CSSは全く気づかず。しかも謎動作。

マジっすね苦笑追加CSSだと途切れますね。今知りました。mediaクエリの比較演算子はブラウザで許可されているのに草 以下の修正してください。 @media (max-width: 834px) { .logo-image { padding-top:40px; } ...

new_listには検索語句のパラメータがありません。 そこで、汎用パラメータactionを用い、独自に検索語句を渡すようにします。 ●使用例 ●コード functions.phpにコードを追加します。自己責任でお願いします。 新着記事のWP_Qeury...

追加CSSは反映されていません。ご自身で、Chromeデベロッパーや、ページソースを表示し確認願います。結構CSSを追加しているので、追加CSSに追加するより、子テーマCSSに記述するのが望ましいです。●ヘッダーの大きさについて ヘッダーロゴの大きさは画面幅に応じて変化します。現在、[Cocoo...

@sayo さん それは追加CSSに入力ミスし、コードが正しく入力されていないからです。 2025-08-11_10h16_59.png

わいひらさんの回答を補足し、対策を述べます。●原因 [Cocoon設定]→[ヘッダー]→ヘッダーロゴの画像自体の文字が左寄りで作成されています。ヘッダーロゴ画像、キャッチフレーズとも横中央で配置されます。ヘッダーロゴ画像の画像が中央配置されても、画像の文字が左寄せのため、キャッチフレーズと揃いま...

----------------------------------------------テーマ名：Cocoonバージョン：2.8.7カテゴリー数：18タグ数：123ユーザー数：1---------------------------------------------- 修正されていることを...

●回答 文字「I」が離れているわけではありません。 図示の通り、見出しの1文字目の文字サイズを変更しており、「Information」を選択した場合、添付頂いたようになり「I」が離れたように見えただけです。 2025-08-05_10h36_35.png ●補足 以下を削...

----------------------------------------------テーマ名：Cocoonバージョン：2.8.7カテゴリー数：18タグ数：123ユーザー数：1---------------------------------------------- ●現象 mast...

----------------------------------------------テーマ名：Cocoonバージョン：2.8.7カテゴリー数：18タグ数：123ユーザー数：1----------------------------------------------対策されていることを確認し...

----------------------------------------------テーマ名：Cocoonバージョン：2.8.7カテゴリー数：18タグ数：123ユーザー数：1---------------------------------------------- ●設定 [Coc...

以下のスキンの場合も、それぞれmainにスキンCSSが反映され、クラシックエディター内に表示されます。 Like Simplicity：枠 「ミックス」シリーズ：枠 「Veilnui Simplog」シリーズ：背景色 Veilnui Simplogはエディター内の背景色が付くだけなの...

●追記 [Cocoon設定]→[エディター]→エディタースタイル「エディターにテーマスタイルを反映させる」オン。スキン「tecurio」シリーズで、クラシックエディターとした。 図示の通り、スキンCSSでmainにbox-shadowを定義しているのでエディター内に枠が表示される。 他の...

子テーマCSSに追加すれば、「エディターにテーマスタイルを反映させる」のオン、オフに関わらず反映されます。 ※[外観]→[カスタマイズ]→追加CSSでは反映されません。 クラシックエディターを開き、Chromeデベロッパーツールで、どのCSSが適用されているのか確認してみて下さい。 ...

Cocoonのバグではありません。 正しく反映されます。 上記の子テーマに追加したeditor-style.cssを反映するには、[Cocoon設定]→[エディター]→エディタースタイル「エディターにテーマスタイルを反映させる」をオンにする必要があります。 ●補足 理解で...

●補足 以下ですが、クラシックエディターには該当するクラスがないので、反映されません。これGutenbergエディターのクラスです。 .block-editor-writing-flow { max-width: 900px !important; margin-left: auto !...