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
トピック: 86 / 返信: 744
返信
RE: WordPress5.6~2021年のアップデートについて

FSEやグローバルスタイルに関する補足です。 FSEではグローバルスタイルなど、主にサイドバー上で各種スタイルの設定値を制御する機会が増えるのですが、そのUI/UXを向上させるために、 WordPress Components V2 (G2 Components) というプロジェ...

4年前
フォーラム
返信
RE: 雑談

WordPress5.6でも既存のコアブロックが結構改善されていますが、中でも複数ブロック選択からカラムブロックへの変換が地味に便利です。 合わせて、カラムブロックは1カラムのみ(幅100%)も選択できるようになっています。 あと、ブロック検索が英語でもできるようになっています。(カ...

4年前
フォーラム
返信
RE: ブロックメニューの「スタイル」がWordPress5.6にしてから使えなくなりました。

段落ブロックのスタイルが廃止されたのは、 にある通り、ブロックエディターのスタイルとバッティングする不具合が発生するためです。 現状、この不具合は ブロックエディターのスタイルに影響する擬似要素の修正 として残ったままであり、修正方法によっては段落ブロックは対応できない...

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

問題は、何故rel="noopener"属性が付くのと付かないのになるのか WordPressではGutenberg以前から、リンクにtarget属性がある場合にrel属性を自動で付与する機能があるためです。 Cocoonでもrelを指定する機能があるのでWordPressの方をオフにす...

4年前
返信
RE: Wordpress5.6&Cocoon2.2.5.1に更新してから、marginが全く反映されない

Cocoon設定の本文設定にある「本文余白」によってmargin-bottomが指定されます。 テーマのcss-custom.php内に記述されているので、該当部分を削除すれば指定されなくなります。

4年前
フォーラム
返信
RE: WordPress5.6とCocoon2.2.5.1

ブラウザが落ちるのは投稿を新規追加したときも同様でしょうか? WordPress5.6の不具合修正でDOM操作を遅延させていることから、レンダリングが完了してページが表示されるまでに以前よりもほんの少しだけ遅れるというのはあると思います。 時間がかかりすぎたり、ブラウザが落ちるのは、この遅延...

4年前
フォーラム
返信
RE: WordPress5.6のカスタムhtmlの挙動

Cocoon設定のエディター設定にある「エディタースタイル」を無効化してみてください。  style.png

4年前
フォーラム
返信
RE: WordPress5.6&COCOON2.2.5.1のエディタ表示に関して

ボタンブロックの不具合 と同じ内容でまだ未対応ですが、WordPress5.6で生じている不具合は複数あるので、わいひら様がどのような優先順位で修正していくかによると思います。

4年前
フォーラム
トピック
フォーラム
返信数: 9
表示数 3807
返信
RE: WordPress 5.6アップデートに伴うエディター画面の不具合

そのラッパーコンポーネントというのがどんな感じのものになるのか エディターのブロックコンポーネントをHOC上でラッパーする形です。 ラッパーコンポーネントに必要なクラス名を入れれば、今とはDOM構造が異なりますが、CSSの修正だけで対応でき、モードの切り替えや非同期処理によるDOM操作の...

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

確認しました。 見出しは問題なさそうですが、カラムブロックのタブレット表示時(600px-781px)は偶数カラムの場合に余白が重複(.wp-block-columns + 最後から2番目の.wp-block-column)します。  columns.png

4年前
返信
RE: タグクラウドで、表示するタグを指定することは可能でしょうか?

フック'widget_tag_cloud_args'を利用して、関数wp_tag_cloudに渡す引数を制御することで、タグクラウドウィジェットの表示タグを指定できます。 テンプレートタグ/wp tag cloud

4年前
返信
RE: カスタムCSSの管理場所

投稿・固定ページ等のカスタムフィールドはすべてpostmetaテーブルで管理されます。 WP_Queryでカスタムフィールドのパラメータを指定するか、WP_Meta_Queryを活用すれば、WordPress上でも カスタムCSSを適用している(入力してある)記事を抽出したいのです ...

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

wp.data.subscribe(function () { ... } コードを読んだだけですが、本来ReactのDOM生成・更新時に1度でいい操作がActionが起こる度に実行されるという点で、無駄な処理が何百、何千と増える問題はあると思います。 細かい説明は省きますが、 conso...

4年前
返信
RE: Move To機能によるスタイル崩れの不具合

本トピックの不具合は、 WordPress 5.6アップデートに伴うエディター画面の不具合 と同じ内容なので、タイトル的にも上記のトピックに統合し、本トピックは閉じていただいて構いません。

4年前
返信
RE: 雑談

本日(日本時間だと明日)、WordPress5.6がリリースされる予定ですが、Cocoon使用時だと Move To機能によるスタイル崩れの不具合 が生じるため、まだ更新は控えた方がよさそうです。 その他に、WordPress本体に同梱されているjQueryがWordPress5...

4年前
フォーラム
トピック
トピック
返信
RE: リンクの埋め込みが正常に行えません

WordPressの問題というよりもFacebookの問題です。 に書いた通りですが、10月24日からFacebook・Instagramの埋め込みを表示するためのAPIに変更があり、開発者用のアクセストークンを取得しないといけなくなりました。 よって、WordPressでもv...

4年前
返信
RE: 大きなカード(先頭のみ)で先頭だけ画像がぼやけるのを直したい。サムネイル画像サイズが変わってしまう

フロントページタイプ(β版)の機能は使用したことがないので、ちょっとコードを読んだだけですが、 Cocoon設定のインデックスタブのフロントページタイプ(β版)の設定で、カードタイプを「大きなカード(先頭のみ)」と組み合わせると、 ・一覧(デフォルト)・タブ一覧 の2つは、ぼやけない...

4年前
フォーラム
返信
RE: カスタマイズ依頼を受注する場合

私は直接契約のみで、ココナラなどの仲介サービスは利用したことがないので、サービス内でのやりとり等の仕組みは分かりません。 ただ、 という点においては、@yamachan11 様のおっしゃる通り、通常NDAによって合意のもと行います。 受注側にとっては工数が増えますが、その分受注単価を...

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

クラシックブロック 不要なCSSの削除 リストブロック は修正が確認できました。 ショートコードについては対応後改めて確認します。 次に、新たな修正点を追加します。 カラムブロックでタブレット・モバイルそれぞれの表示時、添付画像のようにカラムブロック...

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

見出し部分の余白修正を確認しました。 添付画像のように、見出しはフォントサイズが異なる点を考慮する必要があると思います。 また、余白設定でCSSを記述するのに合わせて、style.css#L1599-L1605は削除してもよさそうです。 新たに修正点の追加で、クラシックブロック(...

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

修正点の追加です。 見出しの下の余白を狭くしたい 見出しの余白について、margin-bottomとmargin-topで分けた方がよさそうです。 現在、余白設定を一律margin-bottomで反映させる形で修正が進められていますが、見出しにはmargin-bottomが反映さ...

4年前
返信
RE: 見出しの下の余白を狭くしたい

現在、Cocoonの余白設定には不具合があります。 スタイルの余白(Cocoon設定の本文余白)に関する不具合 前回のアップデート記事でも言及されているように次回または近いアップデートで修正され、おそらく余白部分のCSSも若干変わると思うので、修正版を待ってからにした方がいいかもしれ...

4年前
フォーラム
返信
RE: 2020年 ブログを運営する上で買ってよかったモノやサービス

@stmap 様 私は学生なので飽くまで学生の環境ですが、自分の周りでは 15.6インチ以上のノートPC + 24インチ以上のディスプレイ1枚 という構成が一番多いです。 研究データにアクセスして数値計算回しながらデータ処理しつつ、別の作業を進める…といった形でディスプレイを分けて使...

4年前
フォーラム
返信
RE: 2020年 ブログを運営する上で買ってよかったモノやサービス

私は24インチディスプレイ4画面(ノートPCを含めれば5画面)のマルチディスプレイでやっていて、ディスプレイ設定はフルHD以上の解像度、ディスプレイによってはサイズを125%に上げています。 あとPCが複数あるため、スイッチャーでハブ化して、全てのデバイスから各ディスプレイに繋げられるようにして...

4年前
フォーラム
返信
RE: 拡張スタイルの文字編集について

タブボックスではなく、タブ見出しボックスを使用すれば編集できます。 インライン用フォーマットのフォントサイズで設定できますが、タブ部分のデザインを調整する必要があるかもしれません。 各ページで同じような内容になるのであれば、再利用ブロックなどを活用すれば使い回しができます。

4年前
返信
RE: 雑談

SEOに関して、以前から告知はあったものの時期が未定でしたが、来年5月にページエクスペリエンスシグナルが検索順位の指標として追加されます。 指標の中でも特に重要なのが「ウェブに関する主な指標」の項目にある内容だと思います。 各指標を測定するツールはいくつかあり、以下にまとめられ...

4年前
フォーラム
返信
RE: アイキャッチの自動生成機能がほしい

プラグインを入れて、ブロックエディターとクラシックエディターで作成ボタンを押して試してみました。 同じ”動作しない”結果でも、 クラシックエディターではJSのエラーが出る。(=JSを修正すれば動作する。) ブロックエディターではJSのエラーが出ない。(=JS自体が実行できていない。) ...

4年前
フォーラム
返信
RE: アイキャッチの自動生成機能がほしい

こちらの記事を拝見しましたが、クラシックエディター前提のコードではないでしょうか。 動作確認まではしていませんが、ブロックエディターで例えば 「Cocoon設定でサムネイル背景用の画像を設定し、投稿や固定ページの公開・更新と同時にその背景画像にタイトルを描写する。」 といった機能...

4年前
フォーラム
返信
RE: 2020年 ブログを運営する上で買ってよかったモノやサービス

私は今、ThinkPadのUSトラックポイントキーボードを使用しています。 手に馴染むキーボードを選ぶべきですが、 WordPressをカスタマイズする。 ブロックエディターでブログを書く。 といった作業がメインであれば、個人的にはUSキーボードをおすすめしたいです。 ...

4年前
フォーラム
返信
RE: 雑談

WPGraphQLの正式版(バージョン1)がリリースしました。 Headless WordPress + Gatsbyの表示速度は で体感できます。

4年前
フォーラム
返信
RE: 2020年 ブログを運営する上で買ってよかったモノやサービス

私の場合、普段自宅ではLinuxディストリビューション入れた自作のデスクトップPCを使用しているのですが、ノートPCを使用するときも自宅では外付けのディスプレイやキーボード等を繋げています。 オレオレ環境なので、あまりおすすめできる特定のモノはありませんが、各デバイスのスタンドと合わせて周辺機器...

4年前
フォーラム
返信
RE: ブログカードの画像

フェーズ1とフェーズ2では構造が大きく異なります。 Gutenbergの開発はまだフェーズ2の途中ですが、フェーズ1では動作していたブロックがフェーズ2でも動作する保証はありません。 実際に、WordPress5.7(次々回のアップデート)で実装予定のGutenberg新機能では、今のところ...

4年前
フォーラム
返信
RE: 最新版だと余白がガタガタになる

余白の不具合は スタイルの余白(Cocoon設定の本文余白)に関する不具合 にまとめてあるので、上記のトピックに書かれていない箇所で不具合が見つかれば、上記のトピックに書き込んでいただいた方が助かるかもしれません。 現在の最新版では少なくとも、ブロックを組み合わせた場合のいくつかとショ...

4年前
フォーラム
返信
RE: ブログカードの画像

SILKの作者です。 ブログカードの仕様に関しては、わいひら様から説明があると思うので省きます。 Cocoonブロックは全体的にGutenbergフェーズ1の対応で止まっているのは確かで、フェーズ2には基本的に対応していません。 今後のメンテナンス性等も踏まえて、おっしゃって...

4年前
フォーラム
返信
RE: 「cocoon設定」がWordPress管理画面メニューに表示されません。

テーマがCocoonになっていません。 まだテーマをインストールしていないのであれば、上の記事を参考にダウンロード・インストールし、Cocoonを有効化してください。

4年前
フォーラム
返信
RE: 「cocoon設定」がWordPress管理画面メニューに表示されません。

テーマ(管理画面の「外観」->「テーマ」)はCocoonに設定されていますか?

4年前
フォーラム
返信
RE: カルーセルの位置

カルーセルやアピールエリアなどの位置は、 のテンプレートで決められており、子テーマからこちらのテンプレートを上書きすることで、表示される位置を変更することができます。 アピールエリア(29行目)とカルーセル(35行目)のコードを入れ替えるだけですが、PHPのカスタマイズはフォーラムのサ...

4年前
返信
RE: サイトアイコンを「メディア」区画外のファイルで設定したい

サイトアイコンはWordPress本体の機能なので、WordPress側で実装されているフックを使えば、以下の通り別の画像URLを指定して、該当箇所に置かれたサイトアイコンを出力することができます。 違う区画にサイトアイコン用の画像を配置して参照させる ただ、PHPのカスタマイズとな...

4年前
返信
RE: 致命的な問題

Cocoonではsession_start関数は使用されていません。 まず、プラグインを全て無効にし、同様の問題が出るか確認してください。 同様の問題が出るようであれば、一応別のテーマ(WordPress公式テーマなど)に切り替えて、再度確認してみてください。 それでも問...

4年前
フォーラム
返信
RE: インスタ埋め込みについて キャプションなし選択しているのに 文字が表示されます

WordPress5.5.2でインスタのOembed APIが削除されましたが、提供しているOembed APIの仕様が変更されたからです。 インスタは埋め込みにおける画像の著作権問題もあり、対策が検討されているところです。(キャプションなしの埋め込みは引用にあたるか、埋め込みだけを拒否す...

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

分かりました。 では、また大きな変更があれば、念のためこちらで報告させていただきます。

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

こちらこそありがとうございます。 確認中のところ申し訳ありませんが、ここ2-3日の間に十数件ほどお問い合わせをいただいて、機能追加や不具合修正などのアップデートを行っております。 追加した主な機能は、 AMPページ用に軽量版を用意。 ブロックのスタイルをいくつか。 透過さ...

4年前
フォーラム
トピック
フォーラム
返信数: 14
表示数 2112
返信
RE: 表に入れるマル、三角などの画像について

添付ファイルの場合はヘッダーセルにテキストがあり、同じ縦列にある画像のサイズ分のセル幅が確保されているためです。  table.jpg

4年前
返信
RE: フォーラムの登録がうまくいきません。

をお読みください。 わいひら様の対応は、早くて来週以降になるそうです。

4年前
返信
RE: 表に入れるマル、三角などの画像について

こちらのCSSだと、別の箇所で表示される画像にも影響を与え、本来小さく表示される画像まで拡大されかねないので、例えば table img { max-width: none;} のような書き方をした方がいいと思います。

4年前
返信
RE: FontAwesome5が表示されない

.ul-designation li:before { content: "\f0a3"; font-family: "Font Awesome 5 Free"; position: absolute; left: 1em; color: #81d0cb; font-weight: 90...

4年前
固定ページ 3 / 17

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

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

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

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

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

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

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

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