Cocoonフォーラム

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...

「1カラム(狭い)」ではどうですか？メインカラム幅になるかと思います。

●原因固定ページを作成した際、ページタイプが「本文のみ(狭い)」となっていませんか？ 2023-08-10_17h22_26.png ●対策該当の固定ページの設定を「本文のみ」以外し、保存して下さい。

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

@yhira さんすみません。方法ないと思い込んでいたので。

うっかりしてました。inlineでOKですね。親のCSS修正した方がいいのでは？ 2023-08-07_20h31_27.png

確認ありがとうございます。 カスタム投稿関連、よく問合せがあり、対象外と言う認識でおり笑横道に反れましたが、先の回答の通り、本題については確認済の為、クローズとします。

イベント（カスタム投稿）のおすすめカードは、NO IMAGEとなります。エントリーカードのサムネイルには、設定したアイキャッチが表示されます。

@yhira さん [外観]→[メニュー]に「カテゴリー」と言う項目で表示されます。同じように、メニューをドラッグして設定しただけです。 1691316952-2023-08-06_19h11_17.png

●原因 以下の為、取得できないようです。["object"]=>string(12) "xo_event_cat" ●補足 以下を通しと取得でき。 イベントカテゴリーの入力フォームを見ると、the_tag_eye_catch_urlとなっており。 単にカスタムタイプは、...

----------------------------------------------テーマ名：Cocoonバージョン：2.6.3.9カテゴリー数：19タグ数：148ユーザー数：1----------------------------------------------以下が削除されている事...

上記の問題が対策されている事を確認しました。新たに以下が発生し。----------------------------------------------テーマ名：Cocoonバージョン：2.6.3.9カテゴリー数：19タグ数：148ユーザー数：1-------------------------...

CSSは全く関係ありません。CSS以前の設定の問題です。 ●原因 [Cocoon設定]→[モバイル]→ヘッダーモバイルボタンを設定した。 この時、[外観]→[メニュ]→ヘッダーメニューを設定していないからです。ヘッダーメニュー（PCのグローバルメニュー）を設定すると、左にメニュー（グロー...

●原因 ①おすすめカード(ナビカード)の場合、メニューに設定されている情報は、カテゴリー、タグなど色々ある。関数get_navi_card_image_attributesで、メニュー設定したオブジェクトがカテゴリー、タグなのか判断し、設定してあるオブジェクトごとに、アイキャッチ画像を取得する。...

少し考えてみました。 ページ構成が悪いように思え。カテゴリーは地域のみで、えば「よく釣れている魚種で探す」とかは不要かと思います。理由は「よく釣れている魚種で探す」をクリックしても、表示される一覧ページから「魚種」は分からない。以下をすれば、言われている問題も少しは解消されるかと思います。 ...