サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL:
相談内容:
不具合の発生手順:
解決のために試したこと:
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報:※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え(FAQ)
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法(推奨ツール:notepad.pw)
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
Registered
Illustrious Member
結合: 2022年4月17日 08:35
Last seen: 2025年1月16日 00:18
Last seen: 2025年1月16日 00:18
フォロー
RE: ヘッダーの表示について
[Cocoon設定]→[アピールエリア]→テキストエリア表示が「オン」になっていませんか?
2年前
フォーラム
RE: 無効なCSSプロパティ変数がある
以下の部分について、 [class^="is-style-balloon-"]の意味classが「is-style-balloon-」で始まるもの[class*=" is-style-balloon-"]の意味classに「 is-style-balloon-」が含まれるもの※is-style-...
2年前
フォーラム
RE: 無効なCSSプロパティ変数がある
他にも同様な部分があり。
2年前
フォーラム
RE: GutenbergエディターでのCSSに関しての質問
試しにcocoon-gutenberg-cssを削除し。アイコンボックスなどのブロック、親CSSのCSSが反映されており。親とcocoon-gutenberg-cssで重複しているので、管理面で面倒ではないですか?
2年前
フォーラム
RE: GutenbergエディターでのCSSに関しての質問
----------------------------------------------テーマ名:Cocoonバージョン:2.6.1.10カテゴリー数:5タグ数:10ユーザー数:1----------------------------------------------修正不十分です。以下の部...
2年前
フォーラム
RE: 手書きノート、背景パターンの変更が効かず、拡大するとモバイルメニュータブ背景が消えます。
●補足 1023pxより大きい時、CSSクラスmenu-pcが表示される。1023px以下の時、menu-pcが非表示となり、ヘッダーモバイルメニュー、CSSクラスmenu-mobile が表示される。 Chromeデベロッパーで見れば一目瞭然です...
2年前
フォーラム
RE: 手書きノート、背景パターンの変更が効かず、拡大するとモバイルメニュータブ背景が消えます。
●現象以下を言いたいのでは?[外観]→[メニュー]→ヘッダーモバイルメューを設定している。[外観]→[カスタマイズ]→【スキン】背景パターン設定 図のようにヘッダーモバイルメニューを表示したいが、【スキン】背景パターン設定の柄になってしまう。 2023-06-30_20h46_19.png...
2年前
フォーラム
RE: 手書きノート、背景パターンの変更が効かず、拡大するとモバイルメニュータブ背景が消えます。
子テーマCSSにエラーがあります。paddingの前のスペースの文字コードが異なり、エラーになっています。半角スペースを削除して下さい。ただエラーがなくなると、630px分の余白ができ変になります。 2023-06-30_20h35_25.png mediaクエリが括弧で閉じ...
2年前
フォーラム
RE: 手書きノート、背景パターンの変更が効かず、拡大するとモバイルメニュータブ背景が消えます。
上記プラグインはCocoon標準でトップに戻るボタン設定があるので不要です。図示のようにボタンが二つあり。 2023-06-30_17h16_36.png
2年前
フォーラム
RE: GutenbergエディターでのCSSに関しての質問
----------------------------------------------テーマ名:Cocoonバージョン:2.6.1.9カテゴリー数:19タグ数:148ユーザー数:1----------------------------------------------Gutenbergエデ...
2年前
フォーラム
RE: GutenbergエディターでのCSSに関しての質問
図を添付します。 余談昔、cocoon blocksと言うプラグインだったのですね。調べてたら、記述があり。ここまで、Gutenbergの部分が大きくなるなら、プラグインのまま独立でも良かったのは?と思え。 2023-06-29_19h58_13.png
2年前
フォーラム
RE: ページがなくなってしまいます
スクロールし、要素が画面に入ると、フェード要素(contentsに設定されている)に対してCSSクラスfadeInDownを付け。CSSのanimationで下から上に、該当要素をフェード表示させ。(動いており) 図のようにvisibility: hidden;のまま変化しないので、見えないまま...
2年前
フォーラム
RE: 親CSSで二重定義されていて無効な個所がある4
----------------------------------------------テーマ名:Cocoonバージョン:2.6.1.7カテゴリー数:19タグ数:148ユーザー数:1----------------------------------------------style.cssが修...
2年前
フォーラム
RE: 通知情報がChromeとSafari・Firefoxのスマホで表示が違うので困っています。
おすすめカードのスニペットが表示されない事確認しました。 2023-06-27_20h41_40.png
2年前
フォーラム
RE: [C]ナビカードでスニペットが表示される
拝承。本件はクローズとします。
2年前
フォーラム
RE: 通知情報がChromeとSafari・Firefoxのスマホで表示が違うので困っています。
>わいひらさん 以前削除した、以下を戻して下さい。 .recommended .card-snippet { display: none; } 2023-06-27_11h11_51.png 「おすすめカード」にスニペットの表示/非表示設定は無いと思いま...
2年前
フォーラム
RE: 通知情報がChromeとSafari・Firefoxのスマホで表示が違うので困っています。
●ポイント先に述べたように、fixedを用い、フタッター下にあるモバイルヘッダーを画面トップに表示させています。この為、キャッチフレーズ含め全体を、53px下げる必要があります。下げないと、キャッチフレーズがモバイルヘッダーの下に隠れるからです。 2023-06-27_10h19_47.png...
2年前
フォーラム
RE: 通知情報がChromeとSafari・Firefoxのスマホで表示が違うので困っています。
申し訳ありません。 >わいひらさん以下が影響している? lin09さんが言われるCSSを削除しており。私の環境では、スニペット自体の要素が存在せず?!
2年前
フォーラム
RE: カラムで作成した横並びに3つの画像を配置したものを携帯でも表示させたい
WordPressのカラムブロックを使われているのでは?Cocoonの3カラムブロックの方がCSSが簡単です。それにレスポンシブのbreakポイントが異なります。この為、Cocoonの3カラムブロックを使用して下さい。 ●Cocoonの3カラムブロック /* 画面幅834pxより小さい場合で...
2年前
フォーラム
RE: 親CSSで二重定義されていて無効な個所がある4
----------------------------------------------テーマ名:Cocoonバージョン:2.6.1.7カテゴリー数:19タグ数:148ユーザー数:1----------------------------------------------style.cssが修...
2年前
フォーラム
RE: 通知情報がChromeとSafari・Firefoxのスマホで表示が違うので困っています。
笑、そうなんです。私も試しました。stikcyは、スクロールした際、その要素が、画面トップで、張り付きます。フッターにある為、画面に表示された時点でお終いになってしまい。 結構、複雑なので、Chromeデベロッパーツールで、要素をクリックして、一つ一つ配置を理解すると、動きが整理できるかと思いま...
2年前
フォーラム
RE: 通知情報がChromeとSafari・Firefoxのスマホで表示が違うので困っています。
これはHTMLの構造によるかと思います。フッター下に、モバイルメニューがある為、fixedを用い、画面トップに固定させており。 画面スクロールの際、メニューを固定にするには、以下の設定があり。[Cocoon設定]→[モバイル]→モバイルボタン「モバイルボタンの固定表示」 ●ご参考
2年前
フォーラム
RE: 通知情報がChromeとSafari・Firefoxのスマホで表示が違うので困っています。
●対策案親CSSの以下の部分を置き換えます。 akiraさんの言うように、CSS変数を用いadminバーの高さ分を考慮します。 /* モバイルヘッダー高さ分、余白を設ける */ body:where(.mblt-header-mobile-buttons, .mblt-header-...
2年前
フォーラム
RE: 通知情報がChromeとSafari・Firefoxのスマホで表示が違うので困っています。
●ご注意 ログインユーザか否かで、表示に違いがあります。adminバー分の余白を取っており。通知エリアと、モバイルヘッダー間に余分な余白ができます。※htmlタグのmargin-top(adminバー分の余白)+今回のmargin-top(モバイルヘッダー分の余白) この為、:hasを用い、...
2年前
フォーラム
RE: 通知情報がChromeとSafari・Firefoxのスマホで表示が違うので困っています。
すみません、Firefox使えないの見逃してました。 ●経緯
2年前
フォーラム
RE: 親CSSで二重定義されていて無効な個所がある3
----------------------------------------------テーマ名:Cocoonバージョン:2.6.1.7カテゴリー数:19タグ数:148ユーザー数:1----------------------------------------------style.cssが修...
2年前
フォーラム
RE: 親CSSで二重定義されていて無効な個所がある3
説明が伝わっておらず、以下は削除してはダメです...transition: all 0.5s;は必要です。すみませんが、この1文、元に戻して下さい。 スキンに親CSSを入れ、本来のCSSの読み込みを止め。直接、親CSSを弄る事なく、スキンにする事で自由に弄れ、テストでき、非常に便利です...
2年前
フォーラム
RE: 親CSSで二重定義されていて無効な個所がある2
すみません、ここバグでもない修正をお願いし。----------------------------------------------テーマ名:Cocoonバージョン:2.6.1.7カテゴリー数:5タグ数:10ユーザー数:1-------------------------------------...
2年前
フォーラム
RE: 投稿下の関連記事の投稿日付が、タイトル、スニペットに重なる場合がある
先述の、position: relative;を使うと、今のように、関連情報が綺麗に右下に揃わず。関連情報の重要度を考えると、現状のままでいいかと。必要に応じ、各自が修正するもありかと思え。
2年前
フォーラム
RE: もしもかんたんリンクが外部リンクの開き方設定をしても別タブで開いてくれない
不具合ではなく仕様かと。 [Cocoon設定]→[本文]→外部リンク設定「外部リンクの開き方」エディターで、リンク設定した項目が対象となります。 ご自身で、カスタムHTMLを用い埋め込んだ、アフェリエイトタグ(aタグ)は対象外となります。また、アフェリエイトタグですが、target=_bla...
2年前
フォーラム
RE: 雑談 Part 2
>わいひらさん CSS仕様追加でgapが増え、コンテナ間の余白を指定でき。以前のように、last-of-typeでmarginを消すなど不要になり。flexを用いた際、極力、margin排除した書き方をしています。Fontawesome5への切替え、fontawesome5.cssで上書きしてる...
2年前
フォーラム
RE: 吹き出しの文字色が灰色から変更する事が出来ない
style.cssの誤記ですので、記述するファイル注意願います。 >わいひらさん●原因 Ver2.5.9.2から、以下のように、吹き出し文字色の定義が増えています。 div.speech-balloon { color: var(--cocoon-custom-text-color...
2年前
フォーラム
RE: 親CSSで二重定義されていて無効な個所がある
----------------------------------------------テーマ名:Cocoonバージョン:2.6.1.7カテゴリー数:19タグ数:148ユーザー数:1----------------------------------------------style.cssが修...
2年前
フォーラム
RE: グローバルメニューの1つだけ携帯のサイズが小さく表示されてしまいます。
見栄えで、気付いた点があり。 セラピーメニューのページですが、一部に、「1カラムブロック」を使用しています。この為、見出しh2がメイン幅とならず。また、段落ごとに余分な余白が入り。 この為、「1カラムブロック」を止め、もともと1カラムなので、普通に文を記述する事をお勧めします。 ●補足 ...
2年前
フォーラム
RE: 【再質問】2カラムの左右の高さについて
無理に4カラムを実現するより、以下をご提案します。追加CSSとHTMLの修正が少し必要です、ご了承下さい。 ●HTML今のHTMLを少し変更し、2カラムの使用を止めます。結果、以下のHTMLとします。(blank-box内は現在のものを使用して下さい) <div class=colmn...
2年前
フォーラム
RE: ボックスのクラスについて
返信を間違えました
2年前
フォーラム
RE: 【再質問】2カラムの左右の高さについて
図は画面1023pxとなります。 今書かれているコード、図の赤枠、青枠の2カラムの中に、更に2カラムとして配置しており。要素の高さは赤枠内(flex)で高さが揃う、青枠内(flex)で高さが揃うと言うようになります。 赤枠、青枠内の要素が揃わないのは、margin-bottomが2つ目に無い...
2年前
フォーラム
RE: ボックスのクラスについて
@yhira さん 上記の件、了解しました、判断はお任せします。現在のクラシックエディターにはメニューが無く、最新で調べた際、不要と思い。 余談 先のフォーラムの件、申し訳なく。関わり1年になりますが、一向にマナーなど改善されない点に、イラだちを感じ。 何でも、基礎知識が必要です...
2年前
フォーラム
RE: 固定ページの新着記事をスマホで1カラム パソコンで3カラム表示できる様にしたい
何を調べたのですか?カスタマイズ以前に、CSSクラスの見方など、基礎を身に付けて下さい。 popular-entry-cardsです。
2年前
フォーラム
RE: SNSシェアボタン、フォローボタンのCSS改善案
----------------------------------------------テーマ名:Cocoonバージョン:2.6.1.4カテゴリー数:19タグ数:148ユーザー数:1----------------------------------------------SNSシェアボタン、フ...
2年前
フォーラム
RE: カウントダウンショートコードの期限が切れた後の表示を変えたい
当たり前です、返却値に、パラメータ指定した、$unitを付けていないので。 ショートコードどうの以前に、コードが読めておらず。これを機にPHP、ショートコードについては、ネット上に多々、作り方が掲載されているので、勉強なさって下さい。
2年前
フォーラム
RE: 固定ページの新着記事をスマホで1カラム パソコンで3カラム表示できる様にしたい
何を言いたいか分かりません。どこに記述すればいいのか?なら、以下のいずれかです。あとはネット上にあるWordPressの基礎について、ご自分でお調べ下さい。 [外観]→[カスタマイズ]→[追加CSS] 固定ページ下のカスタムCSS(この場合は、.post-51971のようにページの特定は不...
2年前
フォーラム
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね!」もご活用ください。回答者の励みになります。
(CC BY-ND 2.1)準じていれば(リンクを貼っていただければ)転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。