Cocoonフォーラム

自己責任で願います。 ●テンプレートを修正する checkedが付いているタブがフォーカスとなります。その部分が漏れています。 以下の部分を書き替えます。 // 1番目のタブのcheckedを削除 <input id="index-tab-1" type="radi...

サイドバーにご自身で、ウィジェット[C]目次（Cocoonの目次）を配置しているようです。言われている通り、Cocoonの目次と、Table of Contents Plusの目次があり、問題を起こしています。●原因図①に示すように、Table of Contents Plusで作成された目次のジャ...

目的は、設定しているか否か、気付ければよく。提案された内容の方が、一般的で、良いのでは？ こう言う提案好きですよ、より良くなり。私も気付きになり、今後の観点をアプデです笑

誤解を生みそうなので、書き足します。 ●ヘッダー全体文字色 以下で設定しており。 ●不要 以下のコードは不要と思います。

@yhira さん 仕様として変です。 ヘッダー全体色で、ヘッダー全体背景色とは別に、ヘッダー全体文字色の設定あり。背景白なら、文字色を別途設定すればよく。 何もヘッダー全体背景色を設定したからと言って、決め打ちで、文字白色を自動設定する必要はないです。 結果、上記で書かれた部...

@syntarou0930 さん 記載されたCSSで問題ありません。 ホーム、サイドバーが不要なら、それらを除外したモバイルメニューを作成・設定した方が望ましいと思います。 ●ご参考

本仕様は、昨年6月頃から変わっていないと思います。動作仕様ですが、勘違いをされています。 ●カテゴリーの順序について [Cocoon設定]→[インデックス]→カテゴリー表示の順番を並び替える場合はこちらこれは「表示カテゴリー」を選択した時の、カテゴリーの並び順となります。 これが有効にな...

読み間違えているので、補足しておきます。 ●CSSの間違え これは読み間違えています。リンクを無効にする為、pointer-events: none;は必須です。 間違えて、pointer-eventsを削除していますが、例え、以下にpointer-eventsがあったとしても、画...

WordPressのテキストエディターで入力の際、注意点があります。以下を一読願います。

●原因 [Cocoon設定]→[ヘッダー]→ヘッダー全体色「ヘッダー全体背景色」 白色に設定していませんか？ ●仮対策 設定した色を、クリア願います。 ●補足 画面幅1023px以下(モバイル)の時、ヘッダーモバイルメニューが、色付きの背景（方眼）となる為、白文字が見...

上記でなく、CSSで、プロフィールページへのリンクを抑止してなら、CSSの記述に誤りがあります。@media内に以下を書いているので、1023px以下でないとリンクは無効になりません。 2023-08-20_08h00_38.png

子テーマCSSにエラーがあります。 ●原因 @mediaの最後に「｝」がなく、1023px、834px、480pxと各々閉じられていません。この為、480px以下の時のみ、最後に書かれているSNSフォローボタンの色が反映されます。 2023-08-20_07h39_17.png ...

●原因 [ユーザー]→プロイフィールページURLに「https：//www.unlucky8seitai.com/my-profile/」と入力していませんか？書かれている通り以下となります。 入力されていると、プロフィールページへのリンク。 未入力だと、著者のアーカイブページへのリン...

フォーラムに書かれている通り、Safariで発生するようです。 これは私には分かりかねます。

@kuranosukebe さん Gutenbergエディターの問題のようです。

軽く見た程度なので、間違い、他に見直しが必要かも知れません。質問の部分ですが広範囲であり、CSSを結構書かれており。恐れ入りますが、ご自身で、一つ一つCSSクラスを確認の上、見直し願います。 ●原因 書かれたCSSとは別に、各要素の余白を調整する為のmargin、paddingの設定が、全く...

ありがとうございます。----------------------------------------------テーマ名：Cocoonバージョン：2.6.4.6カテゴリー数：6タグ数：15ユーザー数：1----------------------------------------------カラ...

aspect-ratioで、アピールエリアの高さが、設定されるので、言われる通りheightは不要です。 お役に立てて良かったです。

●原因 余白ができるのは以下の設定があるからです。 .appeal-in { min-height: 600px; } ●対策案 以下を追加します。 /* アピールエリアの最小高さを解除 */ .appeal .appeal-in { min-height: uns...

CSSが反映されない場合の注意点と対策 ●現象 質問のCSSを、Chromeデベロパーツールで調べると、プロパティ前に謎の文字コードがあり。結果、エラーとなり、反映されていないケースを散見します。 ●原因 調べると、WordPressのテーマエディターを使用の際、注意点があるよう...

問題の現象が再現しました。 ●再現Gutenbergのプレビューで「デスクトップ」以外をクリックし、「デスクトップ」に戻した際、CSSが反映しなくなる。Gutenbergをリロードすると元に戻り、CSS反映される。 ●原因editor-styles-wrapperから以下が消えている。結...

●原因 追加CSSに入力している、CSSにエラーがあります。図のようにmax-height:noneの前が、半角スペースの文字コードではありません。 画面幅480px以下の時、.logo-menu-button imgのwidth、heightを指定しています。しかし、画像の縦横比が、100...

@udjwoc643s さん 気付いた事として「エディターにテーマスタイルを反映させる」をオフした場合、タブ見出しボックスの枠すら表示されません。CSSが反映されないので、修飾がなくなり、文字のみとなります。 Gutenberg中で、投稿の見出しh2に、どのCSSが反映(読まれているのか)、...

上記の実際、問題となっている編集画面のキャプチャを、添付願えませんか？

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

@yhira さん 投稿、固定ページのbody:afterに、計測用コードが入ってます。 2023-08-14_19h48_42.png

●原因[外観]→[ウィジェット]→[投稿タイトル上]に、[C]おすすめカードが4個配置していませんか？ 2023-08-13_22h25_16.png ●対策 ウィジェットを削除する。 2023-08-13_22h27_02.png

タイトルにhoverすると、ボタンなどが表示されます。右端の、三点マークをクリックすれば、メニューが表示されます。 2023-08-13_21h24_55.gif

●原因 gutenbergの表示が「集中執筆」になっていませんか？ ●対策 タイトル上にマウスを持ってくるとメニューが表示されます。再度クリックして解除して下さい。 2023-08-13_20h44_57.png 2023-08-13_20h50_39.png

@yhira さんFont Awesome6から、Twitter-xのSVGをダウンロードし、それだけのicomoonを作り。functionsで追加し、CSSクラスicon-twitterの時、importantで強制で置き換えて、今は使っています。

----------------------------------------------テーマ名：Cocoonバージョン：2.6.4.4カテゴリー数：19タグ数：149ユーザー数：1----------------------------------------------m-sora、m-to...

「トップツールバー」にすると押せなくなりました。 トップツールバー以外の時、更新ボタンのパネルはz-index:30となる。結果、ボタンが押せます。 ●対策案 m-tomato背景画像を固定にする為、以下が付いていますが、background-attachment: fixedはsafa...

WordPress6.3ですか？もし6.2だったら、gutenbergを開いている時の、以下のz-indexの値は何ですか？ .interface-interface-skeleton__header .interface-interface-skeleton__content ...

私なら、テンプレートではなく、webfonts/icomoonのフォントicon-twitter-logoそのものを差し替えます。いずれ変更されると思うので、今は、独自にtwitter-xのフォントファイルを読み込み対応しています。 2023-08-13_11h31_54.png

●m-sora調査結果 m-tomato同様です。以下のコードが不要に思えます。 ●追記 beforeで背景固定を追加しているのは、safariがbackground-attachment:fixed未対応だった事を思い出しました。この為、body:beforeは削除できません...

私の環境でも更新ボタンが押せません。 ●m-tomato調査結果 気付いた点を述べます。 以下のCSSが影響し.editor-styles-wrapper::beforeがある。gutenbergの①.interface-interface-skeleton__headerはz-inde...

●原因 スキン「Metal Styles」は1カラム用です。[Cocoon設定]→[全体]→サイドバー右、サイドバーの状態を表示としても表示されません。 ●対策 他のスキンを使用して下さい。 2023-08-12_23h45_54.png 2023-08-12_23h49...

●原因 以下でも同様な質問があり。固定ページをgutenbergエディターで開き、ページ設定の、ページタイプが「本文のみ（フルワイド）」となっているからです。この為、本文以外は表示されません。 ●対策 「本文のみ」以外を選択下さい。 2023-08-12_21h08_07.pn...

----------------------------------------------テーマ名：Cocoonバージョン：2.6.4.4カテゴリー数：19タグ数：149ユーザー数：1---------------------------------------------- ●対応 イン...

前回、モバイルヘッダーが重なる事に注力し、私の使用条件、ロゴテキストだけしか確認せず。画像のケースを見落とし、申し訳なく。----------------------------------------------テーマ名：Cocoonバージョン：2.6.4.2カテゴリー数：19タグ数：149ユーザ...

----------------------------------------------テーマ名：Cocoonバージョン：2.6.4.2カテゴリー数：19タグ数：149ユーザー数：1----------------------------------------------PREタグ内の半角スペ...

私はバグだと思います。わいひらさんの回答を待ちましょう。

●原因 2.4.7.3で以下が追加されている。 モバイルの時、「カラム」ブロックの子要素、奇数番目の後ろから2番目の要素の余白を消します？この為、マイクロバルーンの有無で、状態が変わります。 ●対策 この条件が、どのようなケースを想定しているのか分かりません。削除する？ ...

スキン「モダンブラック」に問題があります。 ●起因2.6.0.3の時、モバイルヘッダー固定とした時、通知エリアなどヘッダー下に隠れてしまうバグを修正した。この時、全体を、ヘッダーの高さ分53px下に、表示するよう修正した。 ●原因要因1スキン「モダンブラック」はPCの時、図①に示す...

WordPress6.3に更新され、画像ブロックの設定が変わりました。 先に対策書かれていますが、画像ですが、幅、高さを指定する必要ありますか？不要ならスペクト比「元のサイズ」として下さい。必要なら、幅のみ入力し、高さは入力しないで下さい。 6.3のこの仕様、contain、cove...

@mk2_mk2 さん WordPress6.3以前は画像のインラインスタイルはなく、width、heightは付かなかったのでは？ 画像ブロックをつまんで、画像拡縮すると、幅、高さのフォームに値は反映され。ただ、先に添付したように伸縮（cover、contain）が選択されない場合があり。

●原因 「高さ」を指定しているので、以下のheigh:autoが効かなくなり。伸縮でcontainを指定したので、画像幅がおさまり。 図は、試しにcontatinのチェックを外しています。 ※画像ブロックをつまんで、縮小すると、「幅」「高さ」が設定され。ただ伸縮は未設定になり。 di...