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カスタマイズ依頼

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

Registered
Prominent Member
結合: 2018年4月17日 22:18
Last seen: 2021年10月11日 20:29
トピック: 0 / 返信: 830
トピック
返信
RE: 外部リンク設定(noopener、noreferrer)の最適解 ver2021年

外部リンクにnoopenerやnoreferrerを付けた方がいいのは、セキュリティ面で問題があるからです。 具体的には、noopenerやnoreferrerを付けていない外部リンクに対して、リンク先から悪用される可能性があります。 基本的にはnoopenerで対応できるのですが、...

2年前
フォーラム
返信
RE: 比較ブロック(実用性あるのは3カラム程度かと)

解決済みとのことなので、無料で同じようなことをやりたい方のために補足しておきます。 一応Cocoonだけでも、添付画像(SILKスキン、モバイルでは縦並び)のようなことはできるようにしてあります。 比較ブロック群の中身はCocoonブロックのアイコンリストを使用しているので、 ...

2年前
フォーラム
返信
RE: ブロックがくっつく

添付画像のような状態であれば、スキンではなくCocoon自体の不具合です。 以下のトピックに不具合の内容が書かれています。 スタイルの余白(Cocoon設定の本文余白)に関する不具合  margin.png

2年前
返信
RE: pre,codeのline-height変更に関して

確認しました。 修正ありがとうございます。

2年前
フォーラム
返信
RE: コピーボタンの不具合

遅くなりましたが、確認しました。 修正ありがとうございます。

2年前
フォーラム
返信
RE: 拡張スタイル「案内ボックス」について

puppy様、添付画像ではスキンにSILKを使用されているようですが、SILK最新版では Q&Aの「案内ボックス」 ではないものの、トグルボックスにFAQデザインを追加しています。 トグルボックスブロックのスタイル「よくある質問」選択時に添付画像のようなデザ...

2年前
返信
RE: silkスキンでのブログカード について

カロジェロ様、SILK作成者のろこです。 SILK最新版の横長ブログカードでは、Cocoon設定のブログカードにあるサムネイルスタイル(左側・右側)にも対応するよう調整してみました。 ブログカードブロックのスタイルで「横長」を選択するだけで、サムネイル画像の左右を設定に合わせて...

2年前
トピック
フォーラム
Replies: 4
Views: 579
返信
RE: タグ検索ができなくなりました

カテゴリーベースとタグベースが同じ文字列になっているのが原因と思われます。 リライトルールにより、URLに'topics'が付く場合はカテゴリーページを参照していると判定され、存在しているタグページが開けない状態です。 カテゴリーベースとタグベースを分ける必要があります。  b...

2年前
フォーラム
トピック
フォーラム
Replies: 4
Views: 610
返信
RE: カスタム投稿タイプ表示時に関連記事(カスタム投稿タイプ)を表示したい

Alex様がおっしゃっているのは、Cocoonのデバッグ環境で例を挙げると、 add_action('init', function () { register_taxonomy( 'hoge_cat', 'news', [ 'label' => 'タクソノミ...

2年前
返信
RE: スキン作成のご報告

style.cssに書かれたスキン情報の部分を同梱版と一致させるよう修正しておきました。

2年前
フォーラム
返信
RE: スキン作成のご報告

新しい機能と、サイトのデザインパターンを見た場合、SILKの場合は、現在の仕様の方が正解のように思います。 分かりました。では、現在の仕様のままにしておきます。 同梱版のアップデートありがとうございます。 1点だけ、アップデートでスクリーンショットのURLが元の指定して...

2年前
フォーラム
返信
RE: ブロックエディターにおけるアイコンフォントの不具合

修正ありがとうございます。 今のところ問題はないようです。 私の通常の環境でも特に問題は感じられなかったのですが、スキンユーザーから問い合わせがあったので調べたところ、woff2以外の404エラーが原因だと分かったので報告した次第です。

2年前
フォーラム
返信
RE: スキン作成のご報告

確認のご連絡が遅くなり、申し訳ありません。 対応ありがとうございます。残りの分が届いていることを確認しました。 SCSSなどでカラーの値だけ変更してコンパイルするのも、PHPで値を動的に制御するのも同じ認識でした。 スタイルのデフォルト値を変更するか、スキン制御による...

2年前
フォーラム
返信
RE: スタイルの余白(Cocoon設定の本文余白)に関する不具合

saveとeditのHTML構造が1対1でないと、CSSだけで1対1にするのは難しいと思います。 本トピックの不具合修正に対する提案は、元のトピック あたりまで遡りますが、この提案以前からGutenbergはDOMをスリム化し、エディター上を実際のサイトに寄せる方向で開発を進め...

2年前
返信
RE: ブロックエディターにおけるアイコンフォントの不具合

一応、アイコンの表示も添付しておきます。 アイコンフォントのファイル読み込みは非同期だと思うので、該当のフォントを初回に表示するのに合わせて読み込みを行います。 他にFont Awesomeのアイコンが表示されていない状態で初めて表示させるとき、読み込みの重複や存在しないファイルの読...

2年前
フォーラム
返信
RE: ブロックエディターにおけるアイコンフォントの不具合

すべてのブロックを確認したわけではありませんが、添付画像の通りです。 woff2だけはテーマディレクトリと存在しないディレクトリの2種類を重複して読み込んでいるようです。 woff2に対応しているブラウザでは表示されますが、存在するwoff2を読み込むまでにタイムラグがあり、一部のア...

2年前
フォーラム
返信
RE: スキン作成のご報告

ただいまギフトメールを確認しましたが、送受信のミスなのか色違い分(カラーコード全色→最大4点?)とダークスキン分が届いていないようなので、今一度確認いただけますでしょうか。 また、年末年始で溜まっていたお問い合わせ等に対応した最新版を3日ほど前に出しましたので、テーマのアップデート前に入...

2年前
フォーラム
返信
RE: モバイル版グローバルメニューが出現したりしなかったり…不具合?

Cocoonのバージョンが古く、当時の不具合をそのままにしているからです。 Cocoon親テーマをアップデートしてください。

2年前
フォーラム
返信
RE: スタイルの余白(Cocoon設定の本文余白)に関する不具合

ボタンブロックの余白不具合については確認しました。修正ありがとうございます。 現在の仕様では添付画像のように、主にCocoonブロックを子ブロック以下に配置したときは余白が全てなくなります。 現在の仕様でないと成り立たない点(どのような不具合が出るか)がよく分かっていないので、具...

2年前
返信
RE: スタイルの余白(Cocoon設定の本文余白)に関する不具合

子ブロック以下に対してlast-child余白削除の指定がある、親ブロック全てについての不具合です。 まずボタンブロックの不具合は、例えば添付画像のように グループブロック【親】 ボタンブロック【子】 テキストブロック【子】 と親ブロック下の子ブロック、孫ブ...

2年前
返信
RE: カルーセルのCLSを改善したい

私はカルーセル機能は使用しておらず、ローカルにある同じ条件下の開発環境でテストを行いましたが、添付画像のような現象は再現できませんでした。 上記のコードは飽くまでサンプルなので、CSSのみなら .carousel { opacity: 0; animation: fade-in 0.5s...

2年前
返信
RE: カルーセルのCLSを改善したい

確認しました。 表示時にフェードインのようなエフェクトが必要なのであれば、前回の返信でも書いたようにCSSアニメーション等で表現するのがよいのではないでしょうか。 .carousel { animation: fade-in 1.5s ease-in-out;}@keyframes f...

2年前
返信
RE: カルーセルのCLSを改善したい

昨日はざっとコードを見ただけで投稿したので説明不足だったかもしれませんが、以下で説明したような項目またはCLSに関するドキュメントを確認していただければ分かる通り、CLS対策としては誤った修正方法だと思います。 時点での修正ではまだカルーセル前後の正しいCLS数値を測定するのは困難なの...

2年前
返信
RE: スタイルの余白(Cocoon設定の本文余白)に関する不具合

スキンの「Bizarre-food」で、目次の下部で枠と内容の空きが足りない様子です。 で行われたHygieneスキンの修正 は、本トピックの不具合によるものです。 .widgetはサイドバーだけでなく、他のウィジェットエリアでも該当するので、ウィジェットエリアによっては下...

2年前
返信
RE: カルーセルのCLSを改善したい

試作版について、heightを196pxで固定してしまうのは様々な不具合の原因になり得ると思います。 カルーセル内の個々のカードリンクは縦幅が決まっているわけではないので、 モバイルでの表示(レスポンシブ) サムネイル画像の縦横比率 記事タイトルの長さ なども確認しない...

2年前
返信
RE: キャッシュ系プラグイン、どうやって決めていますか?

mixhostであれば、何らかの問題がない限りはLiteSpeed Cacheがいいと思います。 キャッシュの管理がmixhostで使用されているLiteSpeedというWebサーバーに最適化されているので、特にリクエスト数(アクセス数)が増加したときに他のプラグインと比べて差が出ます。 ...

2年前
フォーラム
返信
RE: ブラウザキャッシュとインラインCSSの関係

まず前提として、一口に「高速化」と言ってもサイトによって様々な要素が絡んでくるので、Cocoonの高速化設定にある各機能をそのまま利用するのが正しいかどうかはケースバイケースになります。 Cocoonの縮小化機能はブラウザ側ではなく、サーバー側でCSS・JSファイルを先に読み込み、縮小・...

2年前
返信
RE: スタイルの余白(Cocoon設定の本文余白)に関する不具合

last-child を使わない、last-child に替わる方法を見出すのは難しいのでしょうか? 通常のWebページでは各要素の上側と下側の両方にマージンが与えられていて、上と下の要素同士では、上の要素の下側のマージンと下の要素の上側のマージンが相殺され、大きい方のマージンが有効になることに...

2年前
返信
RE: スタイルの余白(Cocoon設定の本文余白)に関する不具合

本文余白に新たな不具合が見つかりました。 子要素(子ブロック)が入る各親要素では、style.css#L2803-L2831の通り擬似クラスlast-childに余白0を指定しています。 しかし、子要素以下の全ての要素に対して適用されるため、添付画像のように ボタンブロック ...

2年前
返信
RE: WordPress 5.6アップデートに伴うエディター画面の不具合

TABISPACE様、Gutenbergプラグインは開発者向けの先行版なので無効化してください。

2年前
返信
RE: cocoonアップデート後に、行間が乱れてました><

cocoonアップデート後に、編集行間が乱れてました>< こちらのトピックと同じ内容で、その続きを投稿されたということでよろしいでしょうか? 同じ質問内容はトピックに返信する形で追加するようにしてください。

2年前
フォーラム
返信
RE: cocoonアップデート後に、編集行間が乱れてました><

cocoon-master-2.2.5.1にアップデート後行間が乱れた 先ほど、上記のトピックの書いた通りですが、Cocoon設定の保存ボタンをクリックした後に再度編集画面を開いてみてください。 わいひら様、先日のアップデート情報をまとめた記事 Cocoon 2.2....

2年前
フォーラム
返信
RE: cocoon-master-2.2.5.1にアップデート後行間が乱れた

まずは、ponpon178様。 こちらは私が現在見た限り、2.2.4.5以前のバージョンになっているようです。 2.2.5.1以上のバージョンに変更後、Cocoon設定の保存ボタンをクリックし、もし不具合が解消しない場合はサイトのURLではなく、実際に不具合が出ているページのURLを貼...

2年前
フォーラム
返信
RE: ブロックへ変換がうまくいかない

例えば、添付画像のようにクラシックエディターのスタイルで付箋風ボックスにしていた場合、ブロックへ変換で付箋風ボックスブロックに変換されないということでしょうか? もしそうであれば、Cocoonブロックはまだ対応していません。  classic.gif

2年前
フォーラム
返信
RE: 日本地図検索機能のカスタマイズ情報ください。

フォーラムでは独自カスタマイズはサポートしていません。 サポート対象外のケース トップページのみざっと見た感じだと地方ごとにカテゴリーを階層化して、各カテゴリーへのリンクをリスト化し、CSSで整えているだけみたいなので、わざわざ検索機能を実装する必要はなさそうです。

2年前
フォーラム
返信
RE: スタイルの余白(Cocoon設定の本文余白)に関する不具合

WordPress5.7の計画も出たところなので、ブロックエディターで作成される新しいウィジェットエリアと従来のウィジェットのみで作成されるウィジェットエリアを分けた方がいいと思い、従来の方を「旧ウィジェットエリア」と書きました。 次期アップデートを無視するとしても、今回の修正で記事本文...

2年前
返信
RE: グーテンベルグ使ってますか?

私はクラシックエディターを5年ほど使用した後、2年ほど前のGutenbergβ版から徐々にブロックエディターを使い始めました。 クラシックエディター・ブロックエディターのビジュアルエディターはどちらもHTMLに変換するための編集システムであり、そのようなエディターはそれぞれ独自の仕様で開...

2年前
フォーラム
返信
RE: スタイルの余白(Cocoon設定の本文余白)に関する不具合

修正ありがとうございます。 Cocoon設定の本文余白を満たす記事本文内の主なコンテンツについては、とりあえず以上で一通り確認したつもりです。 現状の修正では旧ウィジェットエリアをはじめ、記事本文内外の関係でまだ余白の不具合は複数残っています。 どこまでを本トピックの不具合と捉え...

2年前
返信
RE: スタイルの余白(Cocoon設定の本文余白)に関する不具合

修正ありがとうございます。確認しました。 と申し上げたのは、評価スターのHTMLはインラインタグ(span)で記述されているからです。 余白が必要な形で使用されているのかどうかが分からなかったので、余白を入れる場合にはブロック要素として扱わないとmarginは入りません。 その他の修...

2年前
返信
RE: ボタンブロックの不具合

不具合内容が本トピックとは異なるので、 WordPress 5.6アップデートに伴うエディター画面の不具合 に書かれてある内容を全て試してみて、改善が見られないようなら新たにトピックを立ててください。 WordPressやCocoonのバージョン、不具合状況を見ないことには具体的にどのよ...

2年前
返信
RE: ボタンブロックの不具合

Cocoon設定の保存が実行されるのに合わせて、余白などのCSSが生成されます。 こちらの不具合と同じであれば、何も設定変更しなくても保存をクリックするだけで不具合が解消されます。

2年前
返信
RE: WordPress5.6~2021年のアップデートについて

劇的に変わってきますね…。 フェーズ2は元々2020年中に完成予定だったことから、2021年は大変な1年になりそうです。 特にFSEと旧エディターの対応は両立しないので、次回アップデートあたりでそろそろ旧エディターのサポートをどうするか考えないといけなくなるかもしれません。 ...

2年前
フォーラム
返信
RE: ボタンブロックの不具合

余白設定に修正が入ったので、Cocoon設定で保存を実行し、CSSの再生成ができていないからではないでしょうか。 WordPress 5.6アップデートに伴うエディター画面の不具合 の後半あたりに書いている不具合と同じだと思います。 について少し訂正で、WordP...

2年前
返信
RE: ブロックエディターのスタイルに影響する擬似要素の修正

こちらの不具合ですが、ブロックのアウトラインをツールバーのようなポップオーバーのコンポーネントに置き換えるなどして、エディター側ブロックのスタイルを移すみたいです。 ただ、テーマ側で指定できる擬似要素がどこまで有効になるのかはまだ分かりません。

2年前
返信
RE: 雑談

であれば、jQuery Migrateプラグインが削除されるバージョン(WordPress5.7以降)のベータ版が出る時期に合わせてもいいのかもしれません。 今のところjQuery Migrateプラグインも同梱されていますが、最終的にはMigrateは削除される予定なので、どこかのタイミングで...

2年前
フォーラム
返信
RE: スタイルの余白(Cocoon設定の本文余白)に関する不具合

修正ありがとうございます。確認しました。 まず、 の修正については、この方法だとメディアクエリでタブレット表示のみに絞った方がよさそうです。 添付画像のようにモバイル表示にまで影響しています。 ショートコードについては、ボックスメニューの余白に対してstyle....

2年前
固定ページ 2 / 17

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

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

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

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

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

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

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

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