Cocoonフォーラム

＞わいひら さん 言われる事も、なるほどと思え。 上記の部分ですが、以下のようにwp_list_pagesのパラメータを追加し、現在固定ページ（sitemapを入力したページ）は除外とする？ <?php wp_list_pages( array( 'title_li' =&...

●回答 これは普通の事なんでしょうか？ 以下でwp_list_pagesを用い固定ページのリンクリストを作成しています。このため、言われるように固定ページで作成した「サイトマップ」ページも含まれてしまいます。このため、CSSで対象のリンクリストだけ非表示にしてみては？ .page...

●回答 図のように「テーブル」ブロックと「段落」ブロックでページを作成する。 「テーブル」ブロックの[高度な設定]→追加 CSS クラスに「table-right」と入力。「段落」ブロックで普通に文章を入力。 以下のCSSを追加。 .table-right { float: r...

●回答 コードをテキストファイルに貼り付けてみました。入力CSSにミスがあります。 /* アイキャッチの高さ400px、横方向中央寄せ */ .eye-catch { ?height: 100px; margin: 0 auto; } /* 画像比率を保持し拡...

環境情報の取得方法はこちら。→ 高速化設定を無効にするにはこちら。→ [Cocoon設定]→[高速化]→「CSSを縮小化する」をオフとしてください。 上記ページを見ましたが、回答したCSSがないようです。先述のコードのheight:100pxすれば添付図のようになります。 Au...

フォーラムの注記にもありますが、URL提示がないので、何が原因なのか調べようがありません。申し訳ありませんが提示がないので、これ以上はご自身で調べ対応願います、としか回答できません。

●回答 アイキャッチは元画像がそのまま表示されます（メインカラム幅に応じ高さは調整）。本来、アイキャッチは横長画像とし、どれも比率、大きさを揃え運用するのが望ましく。 Cocon設定での設定はありません。このため、以下のCSSを追加し対応します。 /* アイキャッチの高さ400px、横方...

----------------------------------------------テーマ名：Cocoonバージョン：2.8.0.1カテゴリー数：19タグ数：150ユーザー数：1---------------------------------------------- 修正されているこ...

----------------------------------------------テーマ名：Cocoonバージョン：2.8.0.1カテゴリー数：19タグ数：150ユーザー数：1---------------------------------------------- 修正されているこ...

●回答 フォーラムのマナーとしてURLなどの環境情報の提示がないので、親テーマCSSに対してどうするのか回答させていただきます。 方法は2つあります。 見出しのmarginを狭くする 「新着記事」見出しの上下にmarginが定義されており（図1参照）。 その間隔を小さくす...

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

----------------------------------------------テーマ名：Cocoonバージョン：2.8.0.1カテゴリー数：19タグ数：150ユーザー数：1---------------------------------------------- トッ...

----------------------------------------------テーマ名：Cocoonバージョン：2.8.0.1カテゴリー数：19タグ数：150ユーザー数：1----------------------------------------------[Cocoon設定]→...

----------------------------------------------テーマ名：Cocoonバージョン：2.8.0.1カテゴリー数：19タグ数：150ユーザー数：1---------------------------------------------- 以下が不要です。...

@h-hashimoto さん バージョン：2.5.5 と古すぎます。 ページを見るとカルーセルの比率が保持されておらず。Cocoon 2.7.1でサムネイルを、設定した画像比率で保持する改善をしています。 まず、Cocoonのバージョンアップし確認願います。

●回答 WordPress6.7にバグがあるようです。 ●参考 フォーラムの以下の投稿で既に述べられています。

●確認 投稿記事用のテンプレートを作成しました。 「テンプレート」について何を指すのか確認したく。[管理メニュー]→[パターン一覧]の「パターン」のことでしょうか？ よく使う、見出しやテーブル（中身は空）をまとめてテンプレートにして、記事内で編集するほうほうはあるのでしょうか...

@gumby さん カスタマイズする上で基礎知識なく行うのは、「無免許で車運転して事故を起こしたので助けてください」と言うのと同じです。 恐れ入りますが、知識ない方に文面だけどの対応は難しいと思われます。また、フォーラムの注記にも書かれている通り、できないなら専門の方に依頼願います。 ...

漠然と書かれても、どんな状況で困っているのか第三者には全く伝わりません。 子テーマCSSに定義したCSSが反映されないで困っているのか？はるさんも書かれていますが、CSSファイルそのものが読めないで困っているのか？ 入力が悪く回答として、スタイルファイル読めてるの？と返答しただけかと思い...

●原因 [Cocoon設定]→[アピールエリア]→アピールエリアの表示「フロントページのみで表示」となっていませんか？ ●対策 「表示しない」に設定する。  2024-11-17_09h46_03.png

●回答 Cocoonのバージョンが古いです。最新のバージョンに更新願います。 サムネイル画像ですが、Ver2.7.1で縦横サイズがバラバラだった場合でも、[Cocoon設定]→[画像]→サムネイル画像の比率に従い揃えるよう対策されています。 ●補足 [Cocoon設定...

●ご参考 Coreにもチケットが発行され、バグと認識されたようです。

●ご参考

期待のレイアウトにするためには、CSSの知識が必要です。 以下を一読願います。 設定に応じ、コンテンツ幅の値が変わってきます。以下では初期値を前提に説明します。 ●原因 [Cocoon設定]→[カラム]でメイン、サイドの幅などを設定します。 このとき、Cocoon初...

●ご参考

●回答 Cocoon設定がオン（全投稿表示するか否か）になっている場合、以下のコードでコメントフォームが表示されます。★ 投稿設定の「ディスカッション」項目は、WordPress側でコメントフォームの表示・非表示を制御しています。そのため、コメントフォーム表示に対し、特定の投稿のみコメントフ...

Gutenbergエディターはノーコードで複雑なレイアウトが可能となっています。また、クラシックだと折角のCocoonのブロックが使えません。使い勝手を考えるとGutenbergエディターに切り替える方がいいかと思います。

[Cocoon設定]→[投稿]→コメント設定の表示「コメントを表示する」をオンすればコメント入力が可能になります。ただページ限定でコメントを許可する機能はCocoon標準にはないです。

やばいです、CSSの知識有無とは別に、肝心なWordPressの基本操作を理解されていませんね（笑）[ダッシュボード]→[外観]→[カスタマイズ]→[追加CSS]に先述のコードをコピペし、[公開済み]ボタンをクリックし保存します。 2024-11-14_15h46_24.png

●ご参考

●ご参考

WP6.7により、他のページも画像4枚目以降、size="auto"が付いており。先述の通り、CSSでwidth:autoとしているため、4枚目以降が、デフォルト300✕150pxとなった。

●原因 動画を配置した際、ポスター画像を設定している。ポスター画像を設定すると、WordPressのCSSがobject-fit:coverとなっておりコンテナに収まるように動画を調整する（図参照）。このため、拡大したとき画面に動画の幅が収まるよう調整され、上下がトリミングされてしまう。 ...

loading="lazy"があると確かにsizes="auto"が付いてます。loading="lazy"が付いていない画像もあり、その差は何でしょうね？

すみません、直接原因はよく分かりません。 imgタグのsize=autoとなっているのが、4枚目以降と3枚目までの違いです。そこから推測し、CSSでもwidth:autoとしているため、デフォルトの定義が適用されたと思われます。 この現象は見たことがないです。 Gutenbergエデ...

以下に書いてある通りです。imgのsizeにautoがあり、CSSでautoとしているため、添付図の赤線でブラウザデフォルトとなったようです。私が分からないのは、なぜsize=autoとなったかです。 sizes="auto, (max-width: 1024px) 100vw, 1024p...

私達は対面で作用しているわけではありません。このため、文章だけでは、正しく伝わらない場合があります。実際の画面キャプチャを添付し、該当部分を図示願います。

●発生要因 期待の表示となっているimgタグ <img decoding="async" src="https://www.niigata-gate.com/wp-content/uploads/2024/11/20241031_114322-2.jpg" al...

そうですね、少しダサイです（笑）要素が変わったのかスキンにも影響がありアイコンがズレてしまい、そちらは対策しました。

これですが、他プラグインなどでも起きておりCocoonがと言う問題ではないと思います。このため、今回Cocoonでの対処が要か不要か不明です。暫くWordPressの対応を見た方がいいかと思われます。

YES。子テーマは親テーマの継承です。 ●ご参考

●現象 WordPressバージョン：6.7 図示の通り、横スクロールバーが表示される。 ●原因 メニュー幅がはみ出ているのに、以下でoverflow:autoとしているため、横スクロールが表示されてしまう。 2024-11-13_14h58_54.png

●原因 テーブルスクロール対象は本文のみです。このため、ウィジェットを投稿本文中に配置しても対象外となります。 ●対策 以下のように、CSSクラス「scrollable-table」でテーブルを囲むと、スクロールしませんか？ <div class="scrollabl...

----------------------------------------------コンテンツURL：/wp-contentインクルードURL：/wp-includes/テンプレートURL：/wp-content/themes/cocoon-masterスタイルシートURL：/wp-cont...