-
●追記 提示されたCSSなら、[Cocoon設定]→[全体]→サイト幅の均一化「サイト幅を揃える」をオフとしてください。アピールエリア幅＝画面幅となり、PC、モバイルともに下に余白なく表示されます。 #appeal { height: calc(100vw * 0.26); }
: 大門未知子 , 6時間前
-
●原因 #appeal の高さを 100vw（画面幅）を基準に計算しているため。 ページの最大幅が 1256px に制限されているのに対し、画面幅がそれを超えても高さ（0.26倍）だけが広がり続けてしまう。 その結果、枠の高さが背景画像よりも大きくなり、下に余白ができてしまう。 （スマホの場合は、ページ幅＝画面幅なので問題とならず、PCで問題となる。） #appeal { height: calc(100vw * 0.26); } ●対策 aspect-ratio を用いて背景画像の比率を完全に保持したまま全表示する。 また、既...
: 大門未知子 , 8時間前
-
RE: URLをグログカードとせずテキストのまま表示できない（！が消えない）
----------------------------------------------テーマ名：Cocoonバージョン：2.9.3.1カテゴリー数：18タグ数：123投稿数：1752固定ページ数：12ユーザー数：1---------------------------------------------- ●ブロックコード <!-- wp:paragraph --> <p> <!-- /wp:paragraph --> <!-- wp:paragraph --> <p>!<a href="http://ch...
: 大門未知子 , 9時間前
-
アピールエリアの画像がパソコンではきちんと表示されているのに、スマホでは細くなって切れてしまう状況を改善するため、このフォーラムで過去に相談されている記事を参考に以下のCSSを書き込んでみました。 #appeal { height: calc(100vw * 0.3);} 結果、たしかにスマホの方では高さが大きくなり、画像もきちんと表示されるようになりましたが、今度はパソコンの方で、アピールエリアの画像下にこれまではなかった余白が入ってしまいました。ここで相談したいのは、パソコンの方の余白を消す方法です。 よろしくお願いいたします。 &n...
: poku , 10時間前
-
-
●アドバイス テーマファイルエディタから添付した画像のようにエントリーカードにタグを表示させたいのですがうまく実行できない状態 アクセシビリティの観点からは非推奨ですが、構造上の制約を考慮し、＜object＞タグを用いてリンクを内包する設計とします。この場合、先述の entry_card_snippet_after フックから投稿ページ用のカテゴリー・タグテンプレート（tmp/categories-tags.php）を呼び出すだけなので、わずか5行のコードで実現可能です。 2026-06-08_21h55_20.png
: 大門未知子 , 12時間前
-
●回答 また、コードを書く以外にcocoonの機能で実行できるようでありましたらそちらの方法を教えていただきたいです。 Cocoonの標準機能では、エントリーカードにタグ情報を出力する設定はありません。 そのため、ご希望の機能を実装するには、functions.php にコードを追加する必要あります。entry_card_snippet_after フックを利用して、エントリーカード内のスニペットの後ろに情報を追加します。 なお、仕様上の注意点として、エントリーカード全体が記事ページへのリンク（＜a＞タグ）で囲まれているため、カード内に別のリンク（タグ一覧へのリンク）を...
: 大門未知子 , 23時間前
-
外観のテーマファイルエディタから添付した画像のようにエントリーカードにタグを表示させたいのですがうまく実行できない状態なのですがどのようにすればよいのでしょうか？また、コードを書く以外にcocoonの機能で実行できるようでありましたらそちらの方法を教えていただきたいです。 35a167f7653c924c15ccfc7425a83be3.png
: UK12345 , 23時間前
-
RE: URLをグログカードとせずテキストのまま表示できない（！が消えない）
●追記 URLの後ろに文字列を続けて入力すると、その文字列までURLの一部として認識され、誤ったブログカードとなってしまう。 その回避策としてURLの先頭に「!」を付与したが、「!」が通常の文字として表示されてしまうため、URLから始まる文章を正しく作成できない。
: 大門未知子 , 1日前
-
URLをグログカードとせずテキストのまま表示できない（！が消えない）
----------------------------------------------テーマ名：Cocoonバージョン：2.9.3.1カテゴリー数：18タグ数：124投稿数：1753固定ページ数：12ユーザー数：1---------------------------------------------- ●マニュアル ●ブロック <!-- wp:paragraph --> <p> <!-- /wp:paragraph --> <!-- wp:paragraph --> <p> <!-- /...
: 大門未知子 , 2日前
-
-
上記の件、拝承。フロントエンドには影響がないので、今後の課題とし一旦クローズとします。 時間を掛け、gutenberg-editor.cssの見直しを願います。私個人として「幅広」は使い道が思い浮かばず、不要かな？と思いました。
: 大門未知子 , 3日前
-
フロントエンドは結局変えないので、このままを課題として残すので良いかと思います。ブロックエディターだけ、ちょっと体裁を整えるCSSをエディターCSS用に書いておくくらいでいいのかもしれません。結局フロントで同じ表示になるわけではないので、必要ないと言えば必要ないのかもしれませんが。
: わいひら , 3日前
-
-
-
-
RE: AddQuicktag(アドクイックタグ)の新規タグの追加ができない件について
●追記 新規タグの追加ができないのですが、この症状は私だけでしょうか？ 新規タグを追加できました。しかし、エラーがあるため、使うのは避けた方がいいかと思います。 本フォーラムはテーマ「Cocoon」に関することなので、直接プラグインの開発元に確認するのが望ましいかと思います。 2026-06-05_14h34_42.png 2026-06-05_14h34_11.png
: 大門未知子 , 4日前
-
●対策案 以下を削除。 ボタン 囲みボタン 幅広、全幅でないときは840pxに。 .block-editor-block-list__layout.is-root-container > :not(.alignwide, .alignfull) { max-width: 840px; margin-left: auto; margin-right: auto; } 但し、レイアウト設定「コンテント幅を使用するインナーブロック」表示が変になる。 ●対応の是非 本件ですが、フロントエ...
: 大門未知子 , 4日前
-
RE: AddQuicktag(アドクイックタグ)の新規タグの追加ができない件について
●回答 プラグイン「AddQuicktag」ですが、PHP8.1以降に対応しておらず、エラーを出力しています。 確認した環境 WordPressバージョン：7.0PHPバージョン：8.3.30 PHP Deprecated: Automatic conversion of false to array is deprecated in /virtual/gas2monkey/public_html/wp-content/plugins/addquicktag/inc/class-settings.php on line 274 5年前から更新されていないのでご利用を避けた方が...
: 大門未知子 , 4日前
-
AddQuicktag(アドクイックタグ)の新規タグの追加ができない件について
AddQuicktag(アドクイックタグ)の新規タグの追加ができないのですが、この症状は私だけでしょうか？ claudeAIで解決策を求めて試してみましたが解決に至りませんでした。 アドクイックタグ側のバグなんですかね？ もしアドクイックタグを使ってる方がいらっしゃったら、いちど新規タグを追加してみて結果を教えていただけると幸いです。
: yu0327 , 4日前
-
●参考 テーマ「Twenty Twenty-Four」だとそれぞれフロントエンドにも反映される。 2026-06-05_01h49_26.png
: 大門未知子 , 4日前
-
----------------------------------------------テーマ名：Cocoonバージョン：2.9.3.1カテゴリー数：18タグ数：124投稿数：1753固定ページ数：12ユーザー数：1---------------------------------------------- WordPressの仕様を調べましたが、よく分かりません。Cocoonは、「幅広」「全幅」についてサポートしていないのでは？ ●ブロック ●現象 Gutenbergエディターにおいて、グループブロック内に「ボタンブロック」と「囲みボタンブロック」を配置した。グ...
: 大門未知子 , 4日前
-
RE: Gutenbergエディターでボタンの幅が100%表示とならない
----------------------------------------------テーマ名：Cocoonバージョン：2.9.3.1カテゴリー数：18タグ数：124投稿数：1753固定ページ数：12ユーザー数：1---------------------------------------------- 修正されていることを確認しました。本件をクローズとします。
: 大門未知子 , 4日前
-
RE: 「ボタン」「囲みボタン」ブロックで文字色をカスタムパレット選択時、マウスオーバーで色が白となる
----------------------------------------------テーマ名：Cocoonバージョン：2.9.3.1カテゴリー数：18タグ数：124投稿数：1753固定ページ数：12ユーザー数：1---------------------------------------------- 修正されていることを確認しました。本件をクローズとします。
: 大門未知子 , 4日前
-
RE: 楽天ブックマークレッドコードで商品指定できなくなった
冒頭の文章を見ていたら、ブックマークレットは動作するけど、ショートコードに問題がある可能性もありますね。今確認してみたら、僕の環境では問題なく動作していたのですが、楽天のAPIの仕様が変わったことが可能性としてあるかもしれません。 テーマのバージョンはいくつでしょうか。以下に書いてある対応などはされていますでしょうか。 2026-06-04_20h32_40.png
: わいひら , 5日前
-
RE: Gutenbergエディターでボタンの幅が100%表示とならない
ご連絡いただきありがとうございます。GitHubの修正ファイルでアップさせていただきました。 Cocoon の場合は基本的に横幅が決まっているので、そこまで影響はないかもしれませんが、.editor-styles-wrapper に幅制限をかけると、エディター内のすべての要素が対象になり、全幅（alignfull）やワイド幅（alignwide）のブロックまでスタイルを当ててしまうかと思います。
: わいひら , 5日前
-
RE: 「ボタン」「囲みボタン」ブロックで文字色をカスタムパレット選択時、マウスオーバーで色が白となる
ご連絡いただきありがとうございます。ホバー色の修正をさせていただきました。
: わいひら , 5日前
-
RE: 楽天ブックマークレッドコードで商品指定できなくなった
ご連絡いただきありがとうございます。 僕の環境でいくつかのページを試してみましたが、すべて取得できました。よろしければ、取得できない商品ページのURLをいただけますと幸いです。またエラーメッセージが出ている場合は、そのダイアログ等のスクリーンショットをいただけると助かります。よろしくお願いいたします。 2026-06-04_19h30_45.png
: わいひら , 5日前
-
RE: アクセス集計とPopular postsの数が合わない
●注意 質問内容を明確に第三者でも分かるよう文章化してください。注意書きにもあるように、詳細な情報を提供願います。 不具合・カスタマイズ対象ページのURL：相談内容：不具合の発生手順：解決のために試したこと：※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。※高速化設定をしている場合は無効にしてください。環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。 ●回答 本件はバグではなく、Cocoonの仕様です。 質問内容が分からないなので、題から推測して回答させて頂きます。 Co...
: 大門未知子 , 5日前
-
-
: Chawo , 5日前
-
-
@makorinrin さん エラーもなく、またHTMLの構成も正しいようです。 Gutenbergエディターで使い方、操作を学んでみます。 Gutenbergエディターの使い勝手が上がり、ノーコードで実現できます。このため、ページをコピーし、操作してみることをお勧めします。 2026-06-03_18h56_30.png
: 大門未知子 , 6日前
-
-
@makorinrin さん いただいたコード（ブロック）を新固定ページにコピペして、フロントページにしてみました。これでいいのでしょうか？ 以下は以前のままブロックではありません。 どのページでしょうか？確認を希望するなら、URLの提示を願います。 WordPress標準のブロックが大半です。まずは、Gutenbergエディターを開き、提供したコード（ブロック）の使い方、操作を理解してください。 以前のものは、削除してもいいのでしょうか？ 心配なら元の固定ページは残しておいた方がいいかと思います。ご自身の判断で願います。
: 大門未知子 , 6日前
-
さらなるアドバイスありがとうございます。 いただいたコード（ブロック）を新固定ページにコピペして、フロントページにしてみました。これでいいのでしょうか？ 以前のものは、削除してもいいのでしょうか？
: Makorinrin , 6日前
-
@makorinrin さん フロントページのレイアウト崩れを直すことができました。 投稿ページはGutenbergエディターで作成しているが、フロントページ（固定ページ）はクラシックエディター（HTMLタグを入力）で作成しており。 HTMLタグの閉じ忘れは一見解決しているように見えますが、先述のコードの位置が本来の位置ではないようです。 2026-06-03_15h55_08.png これを機に、時間がある時、ブロックに変更してみてはどうでしょうか？以下にブロックに変更したコードを添付しておきます。 Gutenbergエディターで新たに固定ページを作成し、こ...
: 大門未知子 , 6日前
-
RE: Gutenbergエディターでボタンの幅が100%表示とならない
●追記 Gutenbergエディター上で、「ボタン」ブロックを幅100%にした。配置を左寄せや、右寄せにしたとき、WordPressのCSSで2emの余白が付き100%とならない。 2026-06-03_15h02_23.png
: 大門未知子 , 6日前
-
Gutenbergエディターでボタンの幅が100%表示とならない
----------------------------------------------テーマ名：Cocoonバージョン：2.9.3カテゴリー数：18タグ数：124投稿数：1753固定ページ数：12ユーザー数：1---------------------------------------------- ●設定 ブロック同士を「縦積み」にして、「ボタン」ブロック幅を100%とした。 <!-- wp:group {"layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch"...
: 大門未知子 , 6日前
-
丁寧なサポートありがとうございます。おかげさまで以下の3点解決いたしました。 「吹き出し」ブロック プラグイン「Search Regex」を用いて全投稿のアイコン画像のURLを一括で置き換えることができました。（全投稿を確認したわけではありませんが、おそらく） 「プロフィール」ウィジェット おっしゃる通りにして変更、反映できました。 フロントページのレイアウト崩れを直すことができました。
: Makorinrin , 6日前
-
-
-
「ボタン」「囲みボタン」ブロックで文字色をカスタムパレット選択時、マウスオーバーで色が白となる
---------------------------------------------- テーマ名：Cocoon バージョン：2.9.3 カテゴリー数：18 タグ数：124 投稿数：1752 固定ページ数：12 ユーザー数：1 ---------------------------------------------- ●現象 「ボタン」および「囲みボタン」ブロックにおいて、文字色をカスタムパレットで設定した場合、ボタンにマウスオーバーすると文字色が設定した色でなく白色となる。 ※標準パレットで文字色を設定した場合は、マウスオーバー時も色...
: 大門未知子 , 6日前
-
修正版は本日公開させていただく予定です。ただし、WordPressのダッシュボードで更新できるようになるには、もう少し時間がかかるかと思います。
: わいひら , 7日前
-
RE: 「WordPress 7.0」は、4月9日リリース予定
●Gutenbergエディターの高度な設定の追加CSS Gutenbergエディターの追加CSSに、margin-top:500px;と入力した。このとき、意図しないエラーとなる場合があり、注意が必要。 アイコンボックスこのブロックには、想定されていない無効なコンテンツが含まています。 案内ボックスこのブロックには、想定されていない無効なコンテンツが含まています。 ブログカードRichText is not definedとなり、Gutenbergエディターが開けない 2026-06-02_17h19_55.png
: 大門未知子 , 7日前
-
-
ご対応いただきありがとうございます！ ホワイトリスト方式への変更という形で解決していただき、とても助かります。 修正版をダウンロードさせていただきます。
: sti-soneda , 7日前
-
●追記 フロントページを固定ページで作成していますが、HTMLタグの閉じ忘れがあります。結果、図のようにレイアウトが崩れています。 原因 見出しH3の「国内」の下に「海外」と同様の以下のHTMLタグがありません。 <div style="display:flex;flex-wrap:wrap;gap:10px;"> 2.png 2026-06-02_12h15_14.png
: 大門未知子 , 7日前
-
●回答 サイドバーに配置してある「プロフィール」ウィジェットの画像と、本文中の「吹き出し」ブロックの画像変更は、それぞれ別の操作となります。 「吹き出し」ブロック 原因 仕様です。 [Cocoon設定]→[吹き出し]→アイコン画像を変更（図参照）しても、過去の投稿には反映されません。 過去の投稿の本文には以下のように、アイコン画像を含め保存されます。このため、吹き出し設定で設定したid=4のアイコンを変更しても反映されません。 新規投稿のみに反映となります。 <!-- wp:cocoon-blocks/balloon-ex-box-1 {"in...
: 大門未知子 , 7日前
-
お世話になります。以下のこと教えてください。 よろしくお願い致します。 不具合・カスタマイズ対象ページのURL： 相談内容：プロフィール画像、過去の記事の吹き出し画像の更新を試みるができない 不具合の発生手順： 新規画像を作成し、更新しようとしたところ、サイドバーのプロフィールや、過去の記事の吹き出し画像が元のままになっている 解決のために試したこと：①サイドバー、吹き出しの画像をあらたに設定し、変更、更新した ②マニュアルのプロフィール、吹き出し設定方法を確認した ※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願い...
: Makorinrin , 7日前
-
ご指摘ありがとうございます。その動作は意図的ではないです。現在のNGなものを弾くブラックリスト方式では限界があるので、OKなもの以外を弾くホワイトリスト方式に変更し、不具合を修正させていただきました。修正版はこちらからダウンロードできるようにしてあります。------------------------------------------------開発中の最新ファイルをダウンロードする場合は、上記ページのダウンロードボタンからzipファイルをダウンロードしてください。WordPressでの手動アップデート方法はこちら--------------------------------------...
: わいひら , 1週間前
-
お世話になっております。 Cocoon利用環境で、Quicktimeのmovの動画を埋め込んだ投稿編集時に PHP Fatal error: Allowed memory size exhausted が発生しました。発生状況：・投稿編集時、メディア post-process 実行中に発生・対象メディアは video/quicktime、約95MB・同タイミングでテーマ側のOG取得処理が走っていた可能性あり・エラーログ上は open-graph.phpの DOMDocument::loadHTML 付近でメモリ上限到達気になったところ：blogcard-out.phpで mp4, mpeg...
: sti-soneda , 1週間前
-
少し調べたところ、ページ上部に「コンテンツへスキップ」とボタン等で明示するのが望ましい（一般的な）仕様であると分かりました。他サイトでも同様の表現であり理解したため、本件は取り下げ、クローズとします。
: 大門未知子 , 1週間前
-
●追記 キーボード操作（Tab）でカーソルが移動しフォーカスが当たった際、隠れたままだと、どこに当たっているのか分からないため、表示させているのですか？
: 大門未知子 , 1週間前
-
----------------------------------------------テーマ名：Cocoonバージョン：2.9.2.16カテゴリー数：18タグ数：124投稿数：1751固定ページ数：13ユーザー数：1---------------------------------------------- キーボード操作のアクセシビリティを高めるために、以下のコードで #main へのスキップリンクが追加されている。 キーボードでフォーカスが当たった際、図のようにボタンとして表示されます。デザイン（見栄え）の観点から、このフォーカス時の表示は不要なのでは？ &n...
: 大門未知子 , 1週間前
-
RE: 「アイコンリスト」ブロックのアイコン色にカスタムカラーが反映されない
ご存知と思っていましたが、念のため書いたまです。公開フォーラムなので、他の人にも分かるように周知する意味でも書いただけなんですけど…。失礼いたしました。今後最低限のことだけ書きますね。 ご確認いただきありがとうございます。
: わいひら , 1週間前
-
RE: Cocconのテーマ内にある、吹き出しの不具合について
ご連絡いただきありがとうございます。該当箇所を修正させていただきました。------------------------------------------------開発中の最新ファイルをダウンロードする場合は、上記ページのダウンロードボタンからzipファイルをダウンロードしてください。WordPressでの手動アップデート方法はこちら------------------------------------------------修正版は近日中にバージョンアップしたいと思います。
: わいひら , 1週間前
-
RE: Cocconのテーマ内にある、吹き出しの不具合について
----------------------------------------------テーマ名：Cocoonバージョン：2.9.2.16カテゴリー数：16タグ数：13投稿数：723固定ページ数：16ユーザー数：1---------------------------------------------- 対策されていることを確認しました。
: 大門未知子 , 1週間前
-
RE: 「アイコンリスト」ブロックのアイコン色にカスタムカラーが反映されない
@yhira さん style属性付きブロックとして保存されているので当然です。再保存して更新しないと反映されません。 対策されていることを確認しました。本件をクローズとします。
: 大門未知子 , 1週間前
-
RE: 「アイコンリスト」ブロックのアイコン色にカスタムカラーが反映されない
ご指摘いただきありがとうございます。ブロックの方を修正させていただきました。 ただ、ブロックの仕様上、公開ページは新しく作成されたブロック、もしくは一度ブロックエディターページで読み込まれて保存されたブロックしか反映されません。
: わいひら , 1週間前
-
RE: Cocconのテーマ内にある、吹き出しの不具合について
●対策案 それぞれにborder:0;を追加し、親の枠線を無効とする。 「吹き出し」ブロック 「ボタン」ブロック
: 大門未知子 , 1週間前
-
「アイコンリスト」ブロックのアイコン色にカスタムカラーが反映されない
----------------------------------------------テーマ名：Cocoonバージョン：2.9.2.15カテゴリー数：16タグ数：13投稿数：723固定ページ数：16ユーザー数：1---------------------------------------------- ●現象 題記の通り。 <!-- wp:cocoon-blocks/iconlist-box {"title":"タイトル","customBackgroundColor":"#ffff00","customTextColor":"#00ff00","customBord...
: 大門未知子 , 1週間前
-
RE: Cocconのテーマ内にある、吹き出しの不具合について
●影響 「ボタン」ブロックにも影響する。※「囲みボタン」ブロックは影響しない。 2026-05-31_11h47_47.png
: 大門未知子 , 1週間前
-
RE: Cocconのテーマ内にある、吹き出しの不具合について
●原因 WordPressのコアアップデートにより、/wp-includes/css/dist/block-library/style.css に以下のCSSブロックルールが追加されたことが原因です。 html :where([style*=border-color]) { border-style: solid; } これにより、「吹き出し」ブロックで色設定（ボーダー色）に影響してしまう。 本来、ボーダー色を指定すると、ブロックの style 属性にCSS変数（--cocoon-custom-border-color）が付与され、要素内の特定のボーダー（.speec...
: 大門未知子 , 1週間前
-
対象ページ/p> 吹き出しのボーダーの色を変更すると、吹き出し自体が枠線で囲まれるようになりました。 これまでの吹き出しも同様の現象が起こっています。 発生日時：2026年5月25日頃 IMG_9093.png
: kuma-soncho , 1週間前
-
RE: モバイルボタンの「#top」「#menu」が表示されない
現状、以下のような感じで、フッターメニューの真ん中に「トップ」はあります。 Screenshot_20260529-2056292.png 直上の返信後、ご質問者の方、ご覧になったっぽいのですが、お返事はないですね。 もう「解決済」で良いのかも？
: ｍｋ２ , 2週間前
-
-
RE: cocoonのタブ機能の「均等配置」を使用したいのですが
●回答 Cocoonの「タブ」ブロックには、標準でタブを均等配置する設定がありません。 そのため、以下のカスタムCSSを追加する必要があります。 .tab-label-group .tab-label { /* 均等 */ flex: 1; /* テキスト中央配置 */ text-align: center; } ●ご紹介 2026-05-28_21h40_49.png
: 大門未知子 , 2週間前
-
お世話になっております。 タブ機能の「均等配置」を使用したいのですが、どこにその設定ができるボタンがあるかが分かりません。 初歩的なご質問で申し訳ございませんがご教示いただけますと幸いです。 fe7bc0b8a1c335dd410ce37473b89194.png
: mana72 , 2週間前
-
@yhira さん 拝承。 実際のブロックを並べた確認すると以下のようになり。 標準パレットもstyle属性あり。 アコーディオン（トグル） タイムライン FAQ 見出しボックス タブ見出しボックス ラベルボックス 包括可能なボックスで、以下はstyle属性が付かない。 白抜きボックス タブボックス ●経緯スキンで、タイムラインで独自スタイルを設定可能としており。独自にget_block_editor_color_palette_cssと同じことをし、該当のクラスに色を反映している。 このとき、タイムラインを見た際、style属性が付...
: 大門未知子 , 2週間前
-
ご認識の通り、not-nested-styleクラスは過去の（style属性を持たない）ブロックとの後方互換性を保つために残されています。現在も出力が必要な理由は、新規ブロックにこのクラスがないと、テーマCSS側の古いブロック用ルール（:not(.not-nested-style)）が誤ってマッチし、デザインが競合するためだったかと思います。また、標準パレットでstyle属性が付かないブロックがある件ですが、これはテーマCSS側に:not(.not-nested-style)を使った旧仕様の分岐が存在するかどうかの違いです。
: わいひら , 2週間前
-
-
----------------------------------------------テーマ名：Cocoonバージョン：2.9.2.15カテゴリー数：16タグ数：13投稿数：722固定ページ数：16ユーザー数：1---------------------------------------------- ●設定「タイムライン」ブロックを配置した。このとき、ポイント色をパレットカラー赤色（標準カラー）とした。 <div class="wp-block-cocoon-blocks-timeline timeline-box cf block-box has-point-colo...
: 大門未知子 , 2週間前
-
RE: モバイルボタンの「#top」「#menu」が表示されない
今、「トップ」ボタンは、モバイルフッターに表示されてますね。 （右から2番目） Screenshot_20260526-224537.png
: ｍｋ２ , 2週間前
-
RE: Cocoonブロック「ボックスメニュー」の画像アイコン代替テキスト変更したい
ご連絡いただきありがとうございます。 確かにボックスメニューをスクリーンリーダーなどで読み上げた場合、「alt属性」と「メニュー名」、全く同じものが2回読み上げられることとなり、利用者としては無駄な時間となってしまいますね。なので、alt属性は読み上げられないように、空文字とするようにさせていただきました。開発版は修正したので、次回のバージョンアップで改善されるかと思います。
: わいひら , 2週間前
-
●目次ハイライト機能の改善について 現在の目次ハイライトは、スクロール位置（範囲）に該当の見出しがあるかどうかを判定して表示を切り替えている。しかし、この方式ではスクロールイベントが発生するたびにチェック処理が走しる。また、「アコーディオン」ブロックなどによって要素の高さが変わり、見出しの位置が変動した際には、その都度再計算を行って位置を求め直す必要がある。 これを IntersectionObserver を用いた実装に変更すれば、見出しが画面内に入ったかどうかを効率的に監視できるようになる。ただし、この方法では「見出しの表示範囲（エリア）」自体を監視しているわけではないため、下から...
: 大門未知子 , 2週間前
-
RE: モバイルボタンの「#top」「#menu」が表示されない
natsumikanさん 以下と同じ事象で、WAFが原因の可能性を感じます。 （ロリポップみたいですし） WAFの検知ログを参照して、ログがあれば間違いないと思います。 [解決済] モバイルフッターメニューにtopボタンを追加できません。 上記に記載がありますが、WAFの解除は時間が掛かるかもしれませんね。（ロリポップの場合） ロリポップのマニュアルWAFの設定方法 上記で解決しなかった場合、また書き込んでください。 なお、次回以降、お問い合わせの際、 キャプチャ画像（スクリーン...
: ｍｋ２ , 2週間前
-
-
不具合・カスタマイズ対象ページのURL： 相談内容： ヘッダー・フッターモバイルボタンを設定しています。メニューの作る際、カスタムリンクでURLに「#top」「#menu」を入力し表示させたいと思っていますが、うまく表示されません。 #menuの方は、ヘッダー・フッターともにメニューに保存されていますが表示されてないです。 #topの方は、メニューに追加し、メニューを保存すると403 Error画面になります。 不具合の発生手順：【#menuの不具合】新規メニューをつくり、カスタムリンクでURLに「#menu」リンク文字列に「メニュー」を入力し、メニューに追加し、メニューを...
: natsumikan , 2週間前
-
申し訳ございません。アドバイス通りに対処してみたので、パネルの設定も全てオンにしておりました。 パネル幅は変更不可なのですね。 教えて頂き、ありがとうございます。 皆様のお蔭で、ようやく使いやすくなりました。 ご親切にありがとうございました。
: moosuke , 2週間前
-
RE: Cocoonブロック「ボックスメニュー」の画像アイコン代替テキスト変更したい
早々のご回答ありがとうございました！ functions.php に記述しましたら、反映されました。 ウェブアクセシビリティの検証にあたりまして、miCheckerの評価ルールに該当していたため、大変助かりました。 A111.png
: Polaris , 2週間前
-
RE: WordPress 7.0「Armstrong」公開！Cocoonユーザー向け：新機能・変更点・注意点・更新判断まとめ
@yamachan11 さん 掲載内容間違いがあります。 WordPressのcoreがテーマのデザインに直接影響をきたすことは、余程のことがない限りないです。 CSS仕様変更でデザイン崩れの可能性 以下ですが、何を確認（調査）されましたか？ WordPress 7 のCSS仕様変更で色が反転したり、透明度が変わるケースがあります。 これはWordPress 7.0の影響ではありません。 以下で明度の判定が変更になっています。そのため、文字の色が判定する条件が変わっています。 内容が曖昧で、まとめを書くなら、具体的に何が変わったか書くべきで...
: 大門未知子 , 2週間前
-
RE: Cocoonブロック「ボックスメニュー」の画像アイコン代替テキスト変更したい
●回答 この代替テキストを消したい（alt=""にしたい）場合、何か方法はございますか？ 設定で変更する手段はありません。 以下の通り、固定でメニューのナビゲーションラベルを画像のALT属性として出力します。 このため、以下のフィルターフックを用い、ALT属性の値を削除します。 以下のコードをfunctions.phpに追加します。 add_filter('get_box_menu_tag', function($tag) { $tag = preg_replace('/alt="[^"]*"/', 'alt=""', $tag); re...
: 大門未知子 , 2週間前
-
Cocoonブロック「ボックスメニュー」の画像アイコン代替テキスト変更したい
Cocoonブロック「ボックスメニュー」を使用した際に、「タイトル属性」にオリジナルの画像を入れると、その画像の代替テキストが「ナビゲーションラベル」の文字が自動的に付与されます。 この代替テキストを消したい（alt=""にしたい）場合、何か方法はございますか？
: Polaris , 2週間前
-
@moosuke さん ③各パネルの表示設定はオンになっていますか？ 上記はどうだったのですか？こちらの質問に対し、回答願います。 因みに左側のリストビュー画面て閉じるのではなく、幅を補足することは可能なのでしょうか。 現状、各パネル幅を狭くする機能はありません。 fcf52350c7491937b13e790e88c58a7c.png
: 大門未知子 , 2週間前
-
@mk2 様 大門未知子様出来ました！クラシックエディターに変えたら移動できました！普段はブロックエディターを使用していてもので、何故？？と不便に思いながらもずっと使っていたので本当に嬉しいです。ありがとうございます。因みに左側のリストビュー画面て閉じるのではなく、幅を補足することは可能なのでしょうか。左右のボックス（リストビューや右のアイコン画面など）とも表示はさせたいのですが大きすぎて本文が少し書きにくくて。。。
: moosuke , 2週間前
-
●WordPress 7.0の機能の活用 [Cocoon設定]→[全体]→サイトフォントの中から選択したフォントがページ全体に反映される。 WordPress 7.0から[外観]→[フォント]から、Googleフォントや任意のフォントを、自サイトにアップロードできる。スキンではこの仕組みを利用し、アップロードした複数フォントの中から「サイトタイトル」に反映したいフォントを選択可能としている。 2026-05-25_01h33_06.png
: 大門未知子 , 2週間前
-
@moosuke さん 本件は不具合ではありません。 すみません、説明が悪かったです。メタボックスの移動ですが、画像▼ではありません（パネルの開閉）。その隣の「＞上下矢印」です。 パネルを掴んでドラッグでも移動できます。 Gutenbergエディターの基本操作を勉強してください。 1.gif 2.gif 添付写真、見にくいかと思いますがこのような状態です。 写真を撮るのではなく、画面キャプチャできます。PCの基本操作もあわせ勉強してください。 ●注意点 本文下にメタボックスがなくなると、本文下に移動できない場合があります。
: 大門未知子 , 2週間前
-
当方、今スマホですので、画像編集等ちょっとできませんが、説明してみます。 他のメタボックスも同じですので、「SEO」で説明します、 ① ブロックエディタだと、通常、編集エリア下に「SEO」があります。 上向きの矢印がグレーアウトされていて、右側の設定パネルには、移動できません。 Screenshot_20260525-0054542.png ② では、右側の設定パネルに移動させるにはどうするか？ クラシックエディタに切り替えます。 以下がクラシックエディタの状態です。 Screensh...
: ｍｋ２ , 2週間前
-
-
moosukeさん 例えば、添付いただいた「SEO」の部分が、一方のサイトでは、投稿編集画面の下になくて、右側の「設定パネル」にあるという感じでしょうか？ それなら、@chu-yaさんがお書きになった方法が使えると思うのですが、ダメなのでしょうか？
: ｍｋ２ , 2週間前
-
@yinaba わいひら様 ｍｋ2様アドバイスありがとうございます。添付写真、見にくいかと思いますがこのような状態です。 どちらもｗｐのバージョンが7.0で、コクーンのバージョンもどちらも以下で同じでした。 Cocoonバージョン: 2.9.2.7 Cocoon Childバージョン: 1.1.3 IMG_97921mm.JPG
: moosuke , 2週間前
-
@chu-ya ご丁寧に画像まで付けてくださり、ありがとうございます。アドバイス通りすべて試してみましたが、移動できませんでした。他の方のアドバイスに写真添付して次を試してみたいと思います。ありがとうございました。
: moosuke , 2週間前
-
●次回アップデートによる改善点 １.ウィジェットのレスポンシブ対応 これまで「プロフィール」などのウィジェットは、設置されるウィジェットエリアの幅に応じて縦型・横型の表示を切り替える際、JavaScriptで幅を監視して専用クラス（nwa、wwa）を付与していた。今回、このJavaScriptによる監視を廃止し、@containerを採用することで、CSSのみで完結するよう改善した。 2.入れ子のブロックのスタイル適用 独自にスタイルを設定できる「タイムライン」ブロックにおいて、これまではブロックを入れ子（ネスト）にすると親要素のスタイルが子要素にまで影響してしまう制約があった...
: 大門未知子 , 2週間前
-
RE: WordPress 7.0「Armstrong」公開！Cocoonユーザー向け：新機能・変更点・注意点・更新判断まとめ
記事一覧画面から、再度追加編集するつもりで「編集」を押したつもりが、誤って「削除」してしまっだので、Xserverの自動バックアップからバックアップ復元中ですが。「反省」別の画面で「編集」中のものが残っていたので、ここから再度「公開」しました。 もしかして、URLが変わったかも知れませんので、念のため、以下のURLを載せておきます。
: Yamachan11 , 2週間前
-
RE: WordPress 7.0「Armstrong」公開！Cocoonユーザー向け：新機能・変更点・注意点・更新判断まとめ
@yinaba さんありがとうございます。本文の方を訂正しておきます。
: Yamachan11 , 2週間前
-
RE: 【cocoon設定】背景画像をトップページへのリンクにしたいです。
@chu-ya 詳しくご回答いただきありがとうございます。 コードを書き直して、見た目もスッキリ致しました！ いまのところ、PCで見てもスマホで見ても違和感はありませんのでそのまま運用したいと思います。 もし見た目に違和感があれば、ご回答を参考にしてその時に対応いたします。 ありがとうございました！
: RYO-san , 2週間前
-
RE: 【cocoon設定】背景画像をトップページへのリンクにしたいです。
@ryo-san さん ●回答 ただ、ヘッダーロゴとグローバルナビとの間に緑の線が入るのでそれを消したいのと、【設定】→【一般】→【サイトタイトル】は現在空欄にしています サイトのタイトルを空白にする必要はなく、以前のようにサイトのタイトルには「園芸初心者が、鉢で果樹栽培を始めてみた。」をテキスト入力してください。 サイトタイトルは入力するけどトップページには表示しない、みたいな設定はありますでしょうか？ ヘッダー部分のことを言っていますか？ヘッダーの表示は、ヘッダーロゴか、サイトのタイトルのいずれか一方です。このため、ヘッダーロゴ（画像）を設定すれば、サイ...
: 大門未知子 , 2週間前
-
RE: 【cocoon設定】背景画像をトップページへのリンクにしたいです。
@chu-ya ご丁寧にありがとうございます。 仰る通りに作業したらうまくいきました！ ただ、ヘッダーロゴとグローバルナビとの間に緑の線が入るのでそれを消したいのと、【設定】→【一般】→【サイトタイトル】は現在空欄にしていますが、ここが空欄だとサイトを表示する際に全て"https://gardening-beginner.ryo-yasukawa.com"と書かれていて見にくいです。 サイトタイトルは入力するけどトップページには表示しない、みたいな設定はありますでしょうか？ 何度も申し訳ございませんが、よろしくお願い致します。
: RYO-san , 2週間前
-
RE: 【cocoon設定】背景画像をトップページへのリンクにしたいです。
@ryo-san さん こちら、コーディングの知識はありません。 それなら尚更です。 単にコピペではなく、少なくてもご自身で書かれたコードについては理解してください。理解しないまま使うのは、事故の元です。Cocoonの設定の範囲で使うか、コーディングについて勉強、調べた上で変更するかの二択です。 ●ご参考 Cocoon設定でヘッダーロゴ画像を囲むようにリンクエリアが付きます。 このため、上述のコードを用い、わざわざPHPでJavaScriptを追加し、ダミーのエリアを設け、CSSでヘッダー背景画像に合わせリンクエリアを拡張は不要です。 子テーマに追加してある...
: 大門未知子 , 2週間前
最近のフォーラムの書き込み（新しい順）
2020.03.02
