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
Last seen: 2025年1月16日 00:18
トピック: 417 / 返信: 2823
返信
RE: スキン「カラフルライン」の目次の章番号がずれる

●補足border-bottomが重なり図示(赤枠)するようになってしまいます。 ●対策もしborderを付けるなら以下が必要かと。この場合、最後のborder(青枠)は表示されず。 .toc ul li:last-of-type, .toc ol li:last-of-type { ...

2年前
フォーラム
返信
RE: スキン「カラフルライン」の目次の章番号がずれる

border-bottomを削除したのは、liタグに設定すると、h2、h3の目次が重なる部分(図赤枠)で変に重なる事となり。 2023-05-22_19h24_44.png

2年前
フォーラム
返信
RE: スマホで目次の見出し数字が枠外に出てしまう

Cocoonの最新版、iPhoneXr、Safariで確認。目次枠内に収まるようになり。  IMG_5657.PNG

2年前
フォーラム
返信
RE: スマホとPCのサムネイルサイズを別々にしたい

本コードは、Cocoon設定以外の画像の縦横比に変更するものです。ここで言う「アイキャッチのサイズ」は何を指しますか?ファイルサイズ(容量)なのか?画像の縦横比なのか? ●ご参考 スマホでのファイル容量を気にしているなら、以下を参照下さい。 imgタグのsrcset・siz...

2年前
返信
RE: スマホで目次の見出し数字が枠外に出てしまう

分かった事があり、情報共有の為、記述します。 [Cocoon設定]→[目次]→目次ナンバーの表示「数字(デフォルト)」かと思います。別件でスキン「カラフルライン」に問題があり。 この対策を適用し、Safariで表示すると、目次枠内から章番号がはみ出す事なく。※結果だけで、原因(問題発生アルゴ...

2年前
フォーラム
返信
RE: スキン「カラフルライン」の目次の章番号がずれる

●対策案同作者の他スキンに合わせ、border-bottomなどを止める? 2023-05-22_17h31_49.png

2年前
フォーラム
返信
RE: スキン「カラフルライン」の目次の章番号がずれる

●原因 見出し部分をblockとしている為、折り返される。 ●補足inlineとした場合、border-bottomが文字幅になってしまう。この為、考慮が必要。 2023-05-22_17h15_09.png

2年前
フォーラム
返信
RE: スマホで目次の見出し数字が枠外に出てしまう

何のCSSを抜粋したのか、分かりませんが、必要ありません。olタグの標準マーカーは数字です。曖昧な回答は混乱をきすので、気を付けましょう。 2023-05-22_13h37_26.png

2年前
フォーラム
返信
RE: スマホで目次の見出し数字が枠外に出てしまう

@yamachan11 さん 恐れ入りますが、スキン「カラフルライン」の仕様です。何を確認したのでしょうか? iPhoneXr、Safariで確認しましたが、目次の章番号がはみ出ます。 2023-05-22_10h23_06.png

2年前
フォーラム
トピック
返信
RE: グローバルナビメニューが表示されるページとされないページがある

●現象同じ現象が再現し。iPhoneXr、Safariで確認。グローバルメニューが正しく表示された後、ページを下にスワイプさせ、リロードすると文字(アイコン含み)消え。 ※pcningenさんの場合、Fontawesomeが表示されず。 ●備考一旦、safariを表示したまま、右ボタンを...

2年前
フォーラム
返信
返信
RE: このテーマは壊れています。 テンプレートが不足しています。と表示されている事にきがついて

全く子テーマは復活してないと思います。子テーマファイルcssに上記コメント行がありません。 ●確認事項 確認1 [Cocoon設定]→[テーマ情報]に「子テーマスタイル」が表示されていないはずです。 確認2 [外観]→[テーマ]を表示した際、赤枠の子ファイルがありますか...

2年前
返信
RE: このテーマは壊れています。 テンプレートが不足しています。と表示されている事にきがついて

@auslifetop さん 現在、子テーマファイルのstyle.cssは図のようになっています。@charset "UTF-8"の下に書かれているコードが必要です。 2023-05-21_14h08_10.png

2年前
返信
RE: このテーマは壊れています。 テンプレートが不足しています。と表示されている事にきがついて

@auslifetop さん 図示しているページは親テーマファイル(style.css)です。[外観]→[テーマファイルエディター]→編集するテーマを選択Cocoon Childを選択できませんか?これが子テーマファイルです。 2023-05-21_14h12_00.png

2年前
返信
RE: Gutenbergパレット周りのCSSについて

@yhira さん 過去の経緯一読しました。少し調べましたが、theme.jsonの結果が、global-styles-inline-cssに反映されないのは変な話ですね。global-styles-inline-css、wp-block-library-cssはクラシックエディターであっても出...

2年前
返信
RE: Gutenbergパレット周りのCSSについて

@mk2_mk2 さん 見ての通り、CSSが煩雑になっており。慌てず、何かの折に見直した方(根本原因含め)が望ましいと思います。

2年前
返信
RE: 囲みボタンの文字色について

@koichi さん 恐れ入りますが、解決なら「解決済」ボタンのクリックを願いたく。

2年前
トピック
返信
RE: Cocoon2.6.0更新後に吹き出しの背景色設定が反映されない

リリースノートにその旨が書かれていないのは問題です。

2年前
フォーラム
返信
RE: 囲みボタンの文字色について

@koichi さん Ver2.5.9.2で他にも色の設定が変わっており、影響が出ています。一旦、正式な回答が出るまでお待ち下さい。 >わいひらさん本件の回答願います。

2年前
返信
RE: Cocoon2.6.0更新後に吹き出しやリスト等の文字にスキンが反映されない

先の投稿と同じで、Ver2.5.9.2から設定が変わっており。それが影響してます。●原因アイリスの基本の文字色は#6a859cだが打ち消され#333になっている。 タブボックス内のリスト 吹き出し 2023-05-19_13h41_24.png  2023-05-19...

2年前
フォーラム
返信
RE: 致命的なエラーでサイトが表示されなくなりました・・。

@mk2_mk2 さん 朝方見た時は、phpエラー(_imports.phpの13行目で、require_once(): failed opening required)が出ており。今見ると、表示され。

2年前
返信
RE: 囲みボタンの文字色について

●原因Ver2.5.9.2で以下に変更されている。 文字色が、白→初期値(黒) 線色が、透明→グレー(#ccc) 2023-05-19_11h31_23.png

2年前
返信
RE: Cocoon2.6.0更新後に吹き出しやリスト等の文字にスキンが反映されない

●原因サイドバーのウィジェットが「block」となっている。この為、スキン(アリス)のCSSが反映されない。通常、例えばアーカーブなら、idは「archives」となり、classに「widget_archive」(ウィジェットの種別)が付加される。 ●質問サイドバーのウィジェットは何を配置...

2年前
フォーラム
返信
RE: Cocoon2.6.0更新後に吹き出しの背景色設定が反映されない

「解決済」にしないで下さい笑 >わいひらさんimportantとしたのは、なぜですか?仕様が変わり影響があると思いますが。

2年前
フォーラム
返信
RE: Cocoon2.6.0更新後に吹き出しの背景色設定が反映されない

●原因 Ver2.5.9.2から親CSSにimportantが付き。この為、「吹き出しスタイル」のフラット、LINE風の時、指定した色が反映されない。 2023-05-19_08h01_12.png

2年前
フォーラム
返信
RE: スキン制御ラベルが表示されない

----------------------------------------------テーマ名:Cocoonバージョン:2.6.0カテゴリー数:19タグ数:148ユーザー数:1----------------------------------------------設定値がゼロでも「スキン制...

2年前
フォーラム
返信
RE: スキン制御ラベルが表示されない

GitHubに反映されてます?  2023-05-18_19h33_56.png

2年前
フォーラム
トピック
フォーラム
返信数: 5
表示数 1819
返信
RE: タイトルがフッター下にも表示される

表示されているのは、サイト名です。 [Cocoon設定]→[フッター]→クレジット表記「独自表記」を選択し、入力フォームを何も入力しないと、クレジット表記が非表示となります。 2023-05-18_01h19_34.png

2年前
フォーラム
返信
RE: タイトルがフッター下にも表示される

●原因[Cocoon設定]→[フッター]→フッター表示タイプ「ロゴ&メニュー&クレジット」となっていませんか?この為、「サイトのタイトル」がフッターにも表示され。 ●対策以下のいずれかを選択して下さい。 メニュー&クレジット(左右) メニュー&クレジット(中央揃え) 202...

2年前
フォーラム
返信
RE: アイキャッチ画像のサイズ

@mizutan さん 本投稿は「アイキャッチ画像のサイズ」についてです。フォーラムのルールに反します。また、他テーマについてはご自身でお調べ下さい。

2年前
返信
RE: コメント欄をシンプルスレッド表示にした場合のID表示について

●ご参考 コメントにも書かれていますが、IDぽいものです。 ●現状IDですが通常CSSで非表示になっていると思います。 2023-05-17_14h49_31.png ●方法 HTMLから該当要素を削除します。javascript.jsに追加します。 $...

2年前
返信
RE: Cocoonに取り込んだフォントが正しくスマホ表示に反映されていない

フォントのパスが違います。修正して下さい。どんなフォントなのか、理解した上で使うよう心掛けて下さい。図が期待するフォントです。 src: url("./A-OTF Maru Folk Pro/A-OTF Maru Folk Pro R/A-OTF Maru Folk Pro R.otf") fo...

2年前
返信
RE: Cocoonに取り込んだフォントが正しくスマホ表示に反映されていない

言っている意図が分かりません。すみません。

2年前
返信
RE: Cocoonに取り込んだフォントが正しくスマホ表示に反映されていない

まだPC、スマホともに反映されていません。 ●原因1 子テーマディレクトリー内にフォントファイル「A-OTF Maru Folk Pro R.otf」が無いようですが? A-OTF Maru Folk Pro R.otf ●原因2 追加CSSから削除して下さい。以下と子テーマ...

2年前
返信
RE: Cocoonに取り込んだフォントが正しくスマホ表示に反映されていない

回答1 ●原因PC、スマホ関係なく、定義されたフォントになっていません。子テーマCSSの定義に間違いがあります。20行目、名前にスペースが含まれるのに"で囲まれていない。21行目、font-styleは通常体、筆記体などのスタイルを定義。太さではない。22行目、OpenTypeフォントなのにTr...

2年前
返信
RE: 横スクロールを追加したいです。

----------------------------------------------テーマ名:Cocoonバージョン:2.5.9.2カテゴリー数:19タグ数:148ユーザー数:1----------------------------------------------本件確認しました。 ...

2年前
返信
RE: swiperのnextボタンCSSについてご提案

----------------------------------------------テーマ名:Cocoonバージョン:2.5.9.2カテゴリー数:19タグ数:148ユーザー数:1---------------------------------------------- 確認しました。一...

2年前
返信
RE: 横スクロールを追加したいです。

@yhira さん あくまでも暫定ですよね?.swiper-button-next、.swiper-button-prevでボタン径、背景色など同じプロパテイがあり、共通化して書け。少し煩雑なので、正式にするなら見直し願いたく。

2年前
返信
RE: swiperのnextボタンCSSについてご提案

わいひらさんのCSS、.swiper-button-next:hoverの部分削除してませんか? hoverの時、矢印はそのままで、ボタンのみ50→60pxに拡大させ。この為、上記コードを削除すると、中心がずれ、全体が移動してしまい。 もう少し纏めてみました。お手数ですが、2.5.9.2...

2年前
返信
RE: swiperのnextボタンCSSについてご提案

Ver.2.5.9.2のCSSですが、集約する事ができ。 わざわざ、.is-list-horizontal .swiper-button-next::beforeで、別定義する必要はなく。.is-list-horizontal .swiper-button-nextに集約でき。 以下を削除。...

2年前
返信
RE: コクーンのヘッダー設定の不具合

何が起因してるか不明です。以下の場合、提示された画面と同じになり。 #header { position: absolute; } 2023-05-14_01h29_41.png

2年前
フォーラム
返信
RE: swiperのnextボタンCSSについてご提案

あくまでも、ご提案です。現状で、全く問題はありません。ただ、企業でソフト開発をしていると、設計仕様の不統一はどうなのか?と思った次第です。 上記のCSSに置き換えた結果を添付します。CSSの無駄が無くなっただけで、見た目は全く変わりません。 2023-05-13_19h26_15.png

2年前
トピック
返信数: 12
表示数 2166
返信
RE: 横スクロールを追加したいです。

スクロールできるか否か分かり難い為、スクロールバー表示をしていると思います。先にも書きましたが、CSSを追加しなくても左右スクロールはできます。 調べるとiOS13以降で、スクロールバー表示が無くなったようです。CSSで指定してみましたが表示されませんでした。 図はiPhoneXr、iOS1...

2年前
返信
RE: ボックスメニューが表示されない

[外観]→[ウィジェット]→コンテンツ上部ボックスメニューは表示されています。  2023-05-11_14h34_52.png

2年前
返信
RE: 横スクロールを追加したいです。

●補足スクロールバーがなくても現状、左へのスワイプは可能です。PCの場合、カードを右クリックしたまま、左右にスライドできます。スマホンの場合も同様で、カード上で左右にスワイプできます。

2年前
返信
RE: 横スクロールを追加したいです。

●原因現状、Cocoonの作りで、nextボタンのみで、prevボタンがありません。 ●仮対策 書かれているようにスクロールバーを表示させてみました。以下のCSSを追加します。 /* nextボタンを非表示 */ .is-list-horizontal .swiper-button...

2年前
固定ページ 45 / 65

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

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

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

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

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

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

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

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