Cocoonフォーラム

●回答 要望の意図が不明確です。対面での対応ではないため、第三者に伝わるように、具体的な内容や図示を含めて説明していただく必要があります。どの部分の字数が少ないとお考えでしょうか？また、フォントを変えたいとは、字体（明朝とかゴシックなどのfont-family）のことでしょうか？ ブ...

●補足 先述ではブログカードだけでなく、モバイルの場合の全体の文字サイズが大きくなってしまいます。このため、ブログカードだけ、文字サイズを大きくするなら、以下のCSSを追加してください。 一部、プラグイン「Pz-LinkCard」でブログカードを作られているようですが、これは対象外となります...

●回答 次の設定になっているかと思います。[Cocoon設定]→[全体]→サイトフォント「文字サイズ」18px[Cocoon設定]→[全体]→モバイルサイトフォント16pxここでモバイルサイトフォントを大きめのサイズに変更してください。 ●参考 ブログカードの各画面幅でのフォントサイ...

CSS以前に、Chromeのデベロッパーツール使えてますか？CSSの事を語るのはその後です。まずはChromeのデベロッパーツールを使えるようになってください。

@fxdetaku3 さん 解決してよかったです。 ●余談 [外観]→[カスタマイズ]→追加CSSに、CSSを追記していますが、子テーマCSSにも書かれており。子テーマCSSに集約した方が、のちのち管理し易いかと思います。 またプラグインですが、Cocoon標準でパンくず表示機能...

●回答 サイドバーのタグクラウドをクリックすると、ヘッダーメニュー（navi-in）の内容が消えています。Cocoon標準でページごとにヘッダーメニューを表示、非表示するなどの機能はありません。functions.phpで、タグクラウドごとにヘッダーメニューを変更するなどのカスタマイズを行ってい...

最初は誰でも初心者です。知識ゼロの状態から、調べて学び、知識を身に付けていくのです。コピペ自体が悪いわけではありません。そのコードが何であるかを理解し、それを足掛かりに調べ、学ぶことが大切です。なぜ皆がカスタマイズ用のCSSを書けるのか、なぜ該当箇所のCSSクラスがわかるのか、そこには特定の方法があ...

●原因 PC表示の場合、モバイルボタンを表示するのはスキン「ONE」の独自仕様です。このとき、モバイルボタンの全体幅は450pxに設定されています。また、左寄せのため、右側に余白が生じます。 ●対策 以下のコードをCSSに追加してください。修正として2案あります。（案1）モバイルボタンの...

プラグイン「ACF」を利用すると、カスタムフィールドのメタボックスをノーコードで作成できます。そのため、多くのサービス提供ページでも利用されているかと思います。 一度試しに使ってみましたが、定型コードとはいえ、100ステップほど必要なメタボックスの...

●確認のお願い Q1:[Cocoon設定]→[画像]→「本文上にアイキャッチを表示する」がオンになっていますか？Q2:投稿タイトル「カザフスタンの近未来都市・アスタナで馬肉を喰らう」ですが、エディターでアイキャッチ画像を設定していますか？Q3:以下の画像を一度PCデスクトップにダウンロードしてか...

●お願い事項 原因を聞かれても、情報提示がなく調査できないので回答でません。フォーラムの先頭に書かれてますが、マナーの順守願います。 1つのトピックにつき1つの質問を書き込んでください 不具合・カスタマイズ対象ページのURLを提示し高速化を無効にしてください 該当部分のキャ...

フォーラムの質問の回答ついでに調べたので、メモとして残します。 ●横幅の広いテーブルは横スクロールの注意点 [Cocoon設定]→[本文]→レスポンシブテーブル「横幅の広いテーブルは横スクロール」をオンとした場合、注意が必要です。 上記をオンとすると、全ての<table>にS...

先述のwidth: fit-content;は無くても問題なく。 少し気になり、調べたのでメモとして残します。 ●プラグイン「Flexible Table Block」とGutenbrg「テーブル」ブロックの違い テーブル設定でセル幅を固定にした場合、<table>にhas-...

気付いたことありメモとして残します。 ScrollHintのHTMLですが、spanタグの中にdivタグがあり、仕様として望ましくないと思え。 <div class="scroll-hint-icon-wrap" data-target="scroll...

●仮対策 [外観]→[カスタマイズ]→追加CSSに以下のコードを追加してください。Cocoon設定が正しく反映されないため、文字色をCSSで白色に変更します。 body.public-page { color:#fff; } ●本対策 ＞わいひらさん 親テーマの見直しお願い...

●設定 以下に設定した。「Cocoon設定]→[全体]サイトフォント「文字色」を#fffに設定サイト背景色を#424242に設定 ●原因 サイトフォント「文字色」は--cocoon-text-colorに反映されたが、スキン「SILK」のCSSが優先され文字色が#484848となって...

@bizh さん 以下の手順で可能かと思います。 セル設定ので「セルの幅」を入力します。①②はセル幅に応じて、セル中の文字は折り返し表示されます。③ですが、Cocoonはライブラリ「scroll-hint.js」を用いスクロールさせています。このため、ブラウザがある幅になると、各セルが...

●お願い事項 フォーラムの先頭に書かれていますが、「高速化を無効」にして頂きたく。全CSSが一つになり、どこに定義してあるCSSか調べられません。 また、環境情報の提示もお願いします。 1つのトピックにつき1つの質問を書き込んでください 不具合・カスタマイズ対象ページのURLを...

●補足 書かれたCSSを図示します。Chromeデベロッパーツールを使えば、ページのCSSが実際どうなっているの分かり、ご自身で書いたCSSがなぜ反映されないのか調べることができます。 /* ウィジェット自体の下の余白① */ .widget { margin-bottom: 1px...

●回答 修正したい要素のCSSクラスがでたらめです。 .sidebar .widget li a { padding-top:0; padding-bottom:0; } ●アドバイス ページをカスタマイズする上で、ネット検索で、CSSの答えそのものを探す、調べ...

●補足 以下のプラグインを使ったことはありません。ネットで調べると、セルの操作機能はないように思えます。先述のとおり、以下を止めプラグイン「Flexible Table Block」への切り替えをお勧めします。 TablePress 2.4.3 TablePress Extension...

今更感しかないですが（笑） ●回答 ブロックエディターでは、クラシックエディターと異なり、セルに対して上寄せなどの指定ができません。そのため、意図しないパラメータをブロックに追加すると、言われるように「このブロックには、想定されていないか無効なコンテンツが含まれています」と表示され、リカバリ...

●回答 Cocoonには、標準でそのような設定はありません。以下のコードを functions.php に追加すれば、2ページ目以降を検索エンジンに登録しないようにできます。 add_action('wp_head', function() { // 現在のページのURLにpageが含...

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

@yhira さん 見落としてないか、念のために笑

反映されていることを確認しました。 拝承。 すみません、見落としてました。

ですがnew_list、popular_listのマニュアルの更新がかかっていません。 2024-10-11_19h37_06.png  2024-10-11_19h36_41.png

フロントページが固定ページでない場合、[Cocoon設定]→[タイトル]→サイトの説明を無条件に代入しています。 このため、サイトの説明が未入力の場合、og:descriptionとtwitter:descriptionはキャッチフレーズでなく空となってしまいます。

拝承。マニュアルにcountオプションの注記を追加すれば良いかと思います。現状では、count=999などを指定すれば対応できるので。 本件は仕様のため、クローズとします。

mk2さんも回答していますが、背景色が透けるため、現状のままが望ましいかもしれません。個別の色が必要なら、以下を使えば良く。

●回答 [外観]→[カスタマイズ]→[背景画像]で設定しています。削除してください。 背景画像はカスタマイズからではなく、Cocoon 設定で行ってください。  2024-10-11_11h57_20.png

----------------------------------------------テーマ名：Cocoonバージョン：2.7.8カテゴリー数：14タグ数：12ユーザー数：1---------------------------------------------- ●内容 ca...

●ご参考 SILKは、以下のように半透明となっています。 Cocoon 2.7.6で追加された、スキン「NAGI」も半透明になっています。他のスキンは全て、半透明ではありません。 ●補足 透過度を%で指定しています。コードは60%としましたが、ご自身で調整願います。

●回答 Ver0.6.0のCSS、サポートされてから変更されていないようです（図1参照）。ご覧の通り、以前からマーカーは半透明ではありません。また、アンダーラインマーカーは60%の透過度が設定されています。 スキン「SILK」は独自にマーカーを半透明に設定していますが、以前にSILKを使用し...

●回答 Cocoonでは、以下のようにCSSプロパティ変数を使用して標準フォントを定義しています。指定したようにArialを追加したため、Arialが反映されます。子テーマに記述しているため、親テーマが更新されても影響を受けません。 --cocoon-default-font: ... ...

「メイド・イン・ヘブン」について、現在、他言語サポートのため見直しを行っています。いくつかの注意点がありますので、事前にお知らせします。 ご存知の通り、見出しデザインなどは設定ファイル（CSV）を介してメニュー選択が表示されます。そのため、ソースコード内の __() 関数だけでなく、CSVの文言...

補足しておきます。 ●原因 エスケープした結果を、カスタムHTMLに貼り付けてませんか？エスケープするとHTMLタグが文字（& → &amp;）として扱われるようになります（現象の通り）。 ●対策 エスケープせず、そのままHTMLタグをカスタムHTMLに貼り付けま...

<?php //子テーマ用関数 if ( !defined( 'ABSPATH' ) ) exit; //子テーマ用のビジュアルエディタースタイルを適用 add_editor_style();←★ //以下に子テーマ用の関数を書く 削除してます。今言われて気付きました。---...

以下で編集画面がGutenbergなら戻り値がtrueになり。 is_child_theme()＝1、use_gutenberg_editor()=nullとなります。

どの流れでeditor-style.css読み込むのですか？他に読んでる場所ないようですが？ 以下では、親テーマ or Gutenbergオンの時 以下では、子テーマ and Gutenbergオンの時 ------------------------------------...

親テーマを使用している時は、正しく反映されます。 以下で「子テーマ」かつ「Gutenbergオン」の時が読み込み条件となっています。クラシックエディター使用しているので、Gutenbergオフとなり条件外に。

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

----------------------------------------------テーマ名：Cocoonバージョン：2.7.7.8カテゴリー数：19タグ数：150ユーザー数：1----------------------------------------------全期間の集計・表示され...

以下に変更して下さい。 .content, .body .main, .body .article, .entry-content { padding:0; margin:0; } このレベルの基礎もないなら、まず勉強して下さい。でできない人のために、カスタマイズ業者がおり...

●設定 Gutenbergエディターで以下の設定をしているかと思います。[ページ設定] → ページタイプ「本文のみ（狭い）」[ページ設定] → 「タイトルを表示しない」をオフ ●回答 marginではありません。ページのカスタムCSSに以下を追加してください。 .main { ...