Cocoonフォーラム

サイト内検索
書き込みの前に以下の3点をご確認ください。
  1. 1つのトピックにつき1つの質問を書き込んでください
  2. 不具合・カスタマイズ対象ページのURLを提示高速化を無効にしてください
  3. 該当部分のキャプチャ・環境情報とともに書き込んでいただけると助かります

何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。

不具合・カスタマイズ対象ページのURL:

相談内容:

不具合の発生手順:

解決のために試したこと:

※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報:

※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。

環境情報の取得方法はこちら。
https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
https://wp-cocoon.com/theme-trouble/

フォーラム利用ガイドリンク

  1. フォーラムガイドライン
  2. よくある質問と答え(FAQ)
  3. サポート対象外のケース
  4. 原因不明の不具合用トラブルシューティング
  5. トピックにHTMLを貼り付ける方法(推奨ツール:notepad.pw
  6. 真っ白画面でのエラーメッセージの確認方法
  7. ブラウザ環境チェックツール
  8. Cocoonカスタマイズ依頼

フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。

このフォーラムには初心者の方も多く参加されています。質問に不慣れな方も安心して相談できるよう、できるだけ穏やかな言葉でご案内いただけますと幸いです。

大門未知子
大門未知子
@chu-ya
Registered
Illustrious Member
結合: 2022年4月17日 08:35
最後の表示: 2026年9月2日 23:23
トピック: 675 / 返信: 3938
返信
RE: 通知情報がChromeとSafari・Firefoxのスマホで表示が違うので困っています。

●ご注意 ログインユーザか否かで、表示に違いがあります。adminバー分の余白を取っており。通知エリアと、モバイルヘッダー間に余分な余白ができます。※htmlタグのmargin-top(adminバー分の余白)+今回のmargin-top(モバイルヘッダー分の余白) この為、:hasを用い、...

3年前
フォーラム
返信
RE: 通知情報がChromeとSafari・Firefoxのスマホで表示が違うので困っています。

すみません、Firefox使えないの見逃してました。 ●経緯

3年前
フォーラム
返信
RE: 親CSSで二重定義されていて無効な個所がある3

----------------------------------------------テーマ名:Cocoonバージョン:2.6.1.7カテゴリー数:19タグ数:148ユーザー数:1----------------------------------------------style.cssが修...

3年前
返信
RE: 親CSSで二重定義されていて無効な個所がある3

説明が伝わっておらず、以下は削除してはダメです...transition: all 0.5s;は必要です。すみませんが、この1文、元に戻して下さい。 スキンに親CSSを入れ、本来のCSSの読み込みを止め。直接、親CSSを弄る事なく、スキンにする事で自由に弄れ、テストでき、非常に便利です...

3年前
返信
RE: 親CSSで二重定義されていて無効な個所がある2

すみません、ここバグでもない修正をお願いし。----------------------------------------------テーマ名:Cocoonバージョン:2.6.1.7カテゴリー数:5タグ数:10ユーザー数:1-------------------------------------...

3年前
返信
RE: 投稿下の関連記事の投稿日付が、タイトル、スニペットに重なる場合がある

先述の、position: relative;を使うと、今のように、関連情報が綺麗に右下に揃わず。関連情報の重要度を考えると、現状のままでいいかと。必要に応じ、各自が修正するもありかと思え。

3年前
フォーラム
返信
RE: もしもかんたんリンクが外部リンクの開き方設定をしても別タブで開いてくれない

不具合ではなく仕様かと。 [Cocoon設定]→[本文]→外部リンク設定「外部リンクの開き方」エディターで、リンク設定した項目が対象となります。 ご自身で、カスタムHTMLを用い埋め込んだ、アフェリエイトタグ(aタグ)は対象外となります。また、アフェリエイトタグですが、target=_bla...

3年前
フォーラム
トピック
返信
RE: 雑談 Part 2

>わいひらさん CSS仕様追加でgapが増え、コンテナ間の余白を指定でき。以前のように、last-of-typeでmarginを消すなど不要になり。flexを用いた際、極力、margin排除した書き方をしています。Fontawesome5への切替え、fontawesome5.cssで上書きしてる...

3年前
フォーラム
返信
RE: 吹き出しの文字色が灰色から変更する事が出来ない

style.cssの誤記ですので、記述するファイル注意願います。 >わいひらさん●原因 Ver2.5.9.2から、以下のように、吹き出し文字色の定義が増えています。 div.speech-balloon { color: var(--cocoon-custom-text-color...

3年前
フォーラム
トピック
返信
RE: 親CSSで二重定義されていて無効な個所がある

----------------------------------------------テーマ名:Cocoonバージョン:2.6.1.7カテゴリー数:19タグ数:148ユーザー数:1----------------------------------------------style.cssが修...

3年前
返信
RE: グローバルメニューの1つだけ携帯のサイズが小さく表示されてしまいます。

見栄えで、気付いた点があり。 セラピーメニューのページですが、一部に、「1カラムブロック」を使用しています。この為、見出しh2がメイン幅とならず。また、段落ごとに余分な余白が入り。 この為、「1カラムブロック」を止め、もともと1カラムなので、普通に文を記述する事をお勧めします。 ●補足 ...

3年前
フォーラム
返信
RE: 【再質問】2カラムの左右の高さについて

無理に4カラムを実現するより、以下をご提案します。追加CSSとHTMLの修正が少し必要です、ご了承下さい。 ●HTML今のHTMLを少し変更し、2カラムの使用を止めます。結果、以下のHTMLとします。(blank-box内は現在のものを使用して下さい) <div class=colmn...

3年前
フォーラム
返信
RE: ボックスのクラスについて

返信を間違えました

3年前
返信
RE: 【再質問】2カラムの左右の高さについて

図は画面1023pxとなります。 今書かれているコード、図の赤枠、青枠の2カラムの中に、更に2カラムとして配置しており。要素の高さは赤枠内(flex)で高さが揃う、青枠内(flex)で高さが揃うと言うようになります。 赤枠、青枠内の要素が揃わないのは、margin-bottomが2つ目に無い...

3年前
フォーラム
返信
RE: ボックスのクラスについて

@yhira さん 上記の件、了解しました、判断はお任せします。現在のクラシックエディターにはメニューが無く、最新で調べた際、不要と思い。 余談 先のフォーラムの件、申し訳なく。関わり1年になりますが、一向にマナーなど改善されない点に、イラだちを感じ。 何でも、基礎知識が必要です...

3年前
トピック
返信
RE: 固定ページの新着記事をスマホで1カラム パソコンで3カラム表示できる様にしたい

何を調べたのですか?カスタマイズ以前に、CSSクラスの見方など、基礎を身に付けて下さい。 popular-entry-cardsです。

3年前
返信
RE: SNSシェアボタン、フォローボタンのCSS改善案

----------------------------------------------テーマ名:Cocoonバージョン:2.6.1.4カテゴリー数:19タグ数:148ユーザー数:1----------------------------------------------SNSシェアボタン、フ...

3年前
返信
RE: カウントダウンショートコードの期限が切れた後の表示を変えたい

当たり前です、返却値に、パラメータ指定した、$unitを付けていないので。 ショートコードどうの以前に、コードが読めておらず。これを機にPHP、ショートコードについては、ネット上に多々、作り方が掲載されているので、勉強なさって下さい。

3年前
返信
RE: 固定ページの新着記事をスマホで1カラム パソコンで3カラム表示できる様にしたい

何を言いたいか分かりません。どこに記述すればいいのか?なら、以下のいずれかです。あとはネット上にあるWordPressの基礎について、ご自分でお調べ下さい。 [外観]→[カスタマイズ]→[追加CSS] 固定ページ下のカスタムCSS(この場合は、.post-51971のようにページの特定は不...

3年前
返信
RE: 固定ページの新着記事をスマホで1カラム パソコンで3カラム表示できる様にしたい

Gutenbergエディターで「新着記事」ブロックを配置します。以下のCSSを追加します。 /* 固定ページID=51971、新着記事ブロック */ /* 横並び、折り返す */ .post-51971 .new-entry-cards { display: flex; flex...

3年前
返信
RE: マイクロバルーンのクラスについて

----------------------------------------------テーマ名:Cocoonバージョン:2.6.1.3カテゴリー数:19タグ数:148ユーザー数:1---------------------------------------------- style.cs...

3年前
トピック
返信数: 5
表示数 2319
返信
RE: カウントダウンショートコードの期限が切れた後の表示を変えたい

どんなコードを書き、うまくいかないのか、第三者に伝わるよう具体的に書いて下さい。単にコード教えて下さいですか? ●ショートコードの部位 ●修正案 function countdown_shortcode( $atts ){ extract( shortcode_atts( a...

3年前
返信
RE: モバイルで3画像を横並びで配置したい

以下のCSSを追加します。以前、おすすめカードでしたよね?CSSの知識が乏しく、手探り状態でなら、カスタマイズ依頼する事をおすすめします。 /* 横中央揃え */ .housin { display: flex; justify-content: center; } /* ...

3年前
フォーラム
トピック
トピック
返信
RE: 携帯のサイドバーの色を変えたい

申し訳ありませんが、私事をフォーラムに(言い訳じみた事を)書かれても困りますし、書くべきではありません。 CSSのコメントは/* */です。②の青枠の部分「プロフィールの内容は...」がコメントになりません。結果、CSSエラーとなり、子テーマに書かれている、②青枠は反映されません。

3年前
フォーラム
返信
RE: メディアライブラリーに画像が全く表示されず困っています

言っている事が全く分かりません。既存の画像とは何をいいますか?メディアライブラリ(wp-content/uploads)は、自分で登録してなけらば空です。

3年前
返信
RE: 携帯のサイドバーの色を変えたい

●CSS以下を追加します。 /* メニュー背景色 */ .slicknav_menu { background-color:yellow; } /* メニュー文字色 */ .slicknav_nav a { color:green; } ●子テーマCSS間違いがあ...

3年前
フォーラム
返信
RE: スキン制御を解除したい。

●スキン制御\cocoon-master\skins\mil-light\option.csvの図示の部分を削除します。 2023-06-18_17h41_25.png ●ご参考 上記を一読し理解した上で、自己責任で修正願います。

3年前
返信
RE: Cocoonのスキン「てがきノート(グリーンオレンジ)」の引用タグ表記について

変更後z-index:-1を削除したので、引用符が上に重なり。背景に付けているbox-shadowの白枠部分、引用符が隠れないくなり。問題は、文章「服の...」上に引用符がに半透明で重なり。

3年前
返信
RE: 親テーマCSSのクラスについて確認したく

----------------------------------------------テーマ名:Cocoonバージョン:2.6.1.2カテゴリー数:5タグ数:10ユーザー数:1----------------------------------------------重複してたCSSが、削除さ...

3年前
トピック
返信
RE: 見出しと段落の設定画面が入れ替わっているような気がします。

Ver2.6.1で段落にスタイルメニューが追加され。メニューの位置が変わっています。図示するメニューをクリックすると、従来のメニューが表示されます。  2023-06-17_12h04_02.png

3年前
返信
RE: Cocoonのスキン「てがきノート(グリーンオレンジ)」の引用タグ表記について

引用符ボックスにbox-shadowで白い縁を付けており。Gutenberg上のz-indexの重なりの関係がよく分からず。結果、引用符は、はみ出たように見え。 opacityでの対策は、暫定対策で、根本ではないです。

3年前
返信
RE: タイムラインアイテムが「?」なり修正できない

@yhira さん なに目的でこのJSが必要だったのでしょうか? ありがとうございます、これはCSSで対策しました。 結論が出るまで、恐れ入りますが、本件はオープンとさせて頂きます。

3年前
フォーラム
返信
RE: おすすめカードが表示されなくなった

ウィジェットエリア「コンテンツ上部」に「カスタムHTML」ウィジェットにHTMLを記述し、配置するだけです。 新着記事でなく、新着情報を用いれば、サムネイルはありません。 注意要件が、不具合から、カスタマイズに変わっており。カスタマイズの相談については別件でお願いします。本件はこ...

3年前
フォーラム
返信
RE: おすすめカードが表示されなくなった

記述されたURLが404エラーになり分からず。 「おすすめカード」を使っていますが、目的にあっていません。カードなので、一覧など、投稿で設定したアイキャッチ画像が、サムネイルとして表示されます。フロントページにボタンを表示(ピンクの円)したいのでは?実現するなら「おすすめカード」ではありませ...

3年前
フォーラム
返信
RE: おすすめカードが表示されなくなった

●原因サイムネイル表示が、オフになっています。 2023-06-16_12h37_44.png ●対策[Cocoon設定]→[全体]→サムネイル表示を、オンにする。 2023-06-16_12h36_26.png

3年前
フォーラム
返信
RE: タイムラインアイテムが「?」なり修正できない

言われる通り停止にすると「?」にならず。ただ、表示すると、タイムラインアイテムの部分が、display:list-item→inline-blockになり、崩れ。

3年前
フォーラム
返信
RE: フロントページのタブ切り替えについて

以前、フォーラムに投稿した質問は解決したのでしょうか?マナーとして解決したなら「解決」をクリック願います。 以下のファイルを子テーマのtmpフォルダーにコピー。固定で3となっている部分を変更すれば対応可能なのでは?当然、CSSも変更要です。

3年前
返信
RE: Cocoonのスキン「てがきノート(グリーンオレンジ)」の引用タグ表記について

●現象 [Cocoon設定]→[全体]→サイトアイコンフォント「Font Awesome 5」の場合「デスクトップ」以外にすると、引用符が文字化け表示される。 2023-06-15_17h29_30.png ●原因 Font Awesome 5が当たっていない。 2023-0...

3年前
トピック
返信
RE: Cocoonのスキン「てがきノート(グリーンオレンジ)」の引用タグ表記について

●原因図に示すように、引用ブロックは、背景色を透過度40%として、引用符に重ねている。この背景色を設定した。この為、半透明でなくなり、引用符が見えなくなった。 2023-06-15_14h22_08.png

3年前
返信
RE: グローバルナビゲーションとスライダーの間の余白を消す

Chromeデベロッパーで、問題の箇所を見付けただけです。基本中の基本です。カスタマイズもいいですが、CSSや基礎を学ぶのが先かと思います。

3年前
フォーラム
固定ページ 70 / 93

問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。

また、有用な回答があった場合は返信右下にある「いいね!」もご活用ください。回答者の励みになります。

「いいね!」機能はフォーラム登録者のみが利用できる機能です。

CC BY-ND 2.1)準じていれば(リンクを貼っていただければ)転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。

フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。

最近の書き込みはこちら。

詳細なカスタマイズ依頼をするならこちら。

タイトルとURLをコピーしました