Cocoonフォーラム

現在のバージョンでは、行の余白に設定してある数値によってはマイクロコピー等の行間が狭くなったりしてしまう不具合があるので、ユーザー各自がCocoon設定やCSSで調整をするしかありません。 こちらのトピックはその余白の不具合をユーザー側で調整する必要がないよう修正する内容であり、不...

修正ありがとうございます。確認しました。 関数post_lazy_load_thumbnail_htmlとフックが重複しているように見えます。 加えて、ブログカードと投稿下ページ送りナビのNO IMAGE画像が対応していない（関数get_no_image_post_thumbnail...

×印は、明らかに要修正、△は、要検討、〇は、まあまあ、そのままでもイケそうな感じだったような気がします。 ほんわかライトニング ×カラフルライン △Hygiene 〇m-系 〇Simple系 ×ミックス系 ×サムライブルー系 ×Bizarre-food系 〇おでかけ系 〇ドット系 〇 こ...

テーブルブロックとグループブロックのソースです。 まずは本文（.article）で今回の余白の修正してしまった後で、問題なければ全体に対応する修正を出来ればと思っています。 どのような設計かは分かりませんが、 本文 全体 の順に対応するのであれば、全体に...

#post-38393で指摘した、以下の時点で問題が発生していそうです。 itemsの変更前後の差分の受け渡しがリアルタイムでできているか（itemsが新規でタイムラインブロックを作成するときのみの動作になっていないか）？ InnerBlocksコンポーネントのtemplate要素は...

修正点の追加です。 少なくとも、 カラムブロック メディアと文章ブロック タイムラインブロック にリストブロックを入れた場合は余白設定が反映されません。 また、 見出しにマイクロテキストが重なってしまう を見て、見出しブロック＋マイクロテキスト（上寄り）を確...

見出しにマイクロテキストが重なるというのは添付画像のような形でしょうか？ スキンを使用している場合はスキンなしで確かめてみてください。 また、Cocoon設定の「本文」タブにある『本文余白』はいくつに設定されていますでしょうか？ 例えば1emなどに設定すると改善されますか？ ...

ブログの投稿画面がすごく重く、漢字に変換するだけで2秒ほど待ちがあるようにさえ感じる状態なのですが・・・ ブロックエディターはこちらの書き込み用エディターとは異なり、サーバーに加えて使用されているデバイスの性能も影響しているかもしれません。 書き込んだ行の上に書式等のガイドが...

私の環境でもチェックしてみました。 エラーは出ておらず、実際のコードがないので詳しいことは分かりませんが、RangeControlに対するitemsまでは取得できており、itemsを維持したまま再度ビジュアルエディターを開くとitemsに格納された数値と同じ子ブロックが表示されます。 ...

確認しました。 テーブルブロックについては.wp-block-tableに余白が入るようにはなりましたが、テーブルとキャプションの間に入ってしまう余白が取れていません。.wp-block-tableとtableタグの両方に二重で余白設定が反映されています。 また、グループブロックには...

記事本文以外でも別途CSSセレクタを書いていく予定ということで、Gutenbergプラグインでβ版の機能は試用していますでしょうか？ スタイル設計の方向性として、ウィジェットなどはGutenbergプラグインの方が今後生じ得る問題点などを確認しやすいと思います。 .a...

2021年にLet’s Encryptのルート証明書が変更！影響や備えておくべきこととは？ SSL化にLet’s Encryptを用いているサイトはAndroid OSのおよそ3分の1がアクセスできなくなってしまうため、モバイルからのアクセスが多いサイトではCDNを導入するなど対策が必要になるか...

WordPress5.5で本体にLazy Loadが実装され、CocoonのLazy Load機能は廃止するとのことなので、本トピック Lazy Loadの画像読み込み前でも画像の高さと幅を保持したい。ズレ防止のためにも（※やり方がわからん） の問題解決については、 Cocoon...

Lazy Loadのブラウザ対応状況から冒頭では併用等を提案しましたが、最終的にはCocoonのLazy Load機能は削除し、WordPress本体の機能に統一する形が望ましいので、#post-38161で説明したように 画像タグを生成する関数get_the_post_thumbnailを...

追加した設定も含めて再度確認しました。 今のところ問題はなさそうです。 機能追加ありがとうございます。

個人的にはWordPressにLazy Loadが実装されたら、機能を廃止してしまってもいいのかなと思います。 CocoonのLazy Load機能は廃止するとのことで分かりました。 ちなみに、CocoonのLazy Load機能はminify-html.phpでページ全体に対応...

本トピックの内容については昨日検討してみたのですが、Gutenbergで新たな対応があるまでは後回しにした方がよいかもしれません。 なぜかブロックエディターのスタイルでは、親テーマのメディアクエリが反映されないんですよね。ロコさんの環境でも、同様の状態ということですよね？ 私...

確認しました。 デフォルトで出力されるサイトマップには、 ホームページ 各投稿タイプ 各タクソノミー ユーザー（投稿者）アーカイブ なので、ユーザーアーカイブの制御も加える必要があるかと思います。 動作自体には問題なさそうですが、New XML Sitemaps ...

検索案内ブロックが重なる不具合については修正が入ったと思うので、それ他の項目について以下のトピックに分けました。 プレビュー表示のレスポンシブ対応 XMLサイトマップのnoindex対応 CocoonとWordPress本体のLazy Load機能に関して Move To機能によるスタ...

段落ブロックのスタイル設定については、 で書いているように次のWordPress 5.5で不具合が生じているため、近いうちにCocoon側でも仕様が変更されるかもしれません。 記事を作るときは「とりあえず文章を作ってから装飾する」という方法を行います。その時、エディタ内ツー...

修正ありがとうございます。確認しました。 ギャラリーブロックは横並びの画像が同じ高さになるよう修正されていましたが、テーブルブロックは#post-37897で説明した通り、figureタグとtableタグの関係からテーブルとスクロールバーの間に余白が入ってしまうようです。 また、テー...

PHP8がFeature freezeとなったので、RFCなどをざっと眺めてみたところ、特に Saner string to number comparisons がCocoonに影響あるのかどうか気になりました。 私はPHPでは基本的に厳密な比較演算子を用いるようにしているので...

WordPressをログアウトしてから、再度確認してみてください。

補足です。 ショートコード関連の機能はブロック化によって複製にも対応することができるため、わざわざ複製機能を追加するメリットはないと思います。 手間という点では、ブロック化の方がランキング内コンテンツの幅も広がりますし、メリットが大きいです。

同様の状態になったとありますが、具体的に「theme.php on line 974」で生じたエラーのオプション名（'accesses_table_version'や'speech_balloons_table_version'など）も全く同じだったでしょうか？ 飽くまで推測ですが、 エ...

修正ありがとうございます。確認しました。 テーブルブロックにはfigureタグとtableタグの両方にmargin指定があるので、figureタグにラップされる場合はtableタグのmargin-bottomは0にするのがよさそうなのですがいかがでしょう。 追加で、ギャラリーブロック...

添付画像を例に、 last-of-typeはタグの種類ごとに作用するため、pタグとdivタグ、blockquoteタグなどを組み合わせて並べたとき、それぞれの最終タグに作用します。 ブログカードはリンクタグ内の要素にmarginが指定されているため、スキンを含めほとんどのブログカードデザイ...

とりあえず適当にブロックを並べてある記事上で見つかった点を書き込んでおきます。 ブログカードに不要なmarginが入るようです。 カラムブロック内の組み合わせによってはlast-of-typeの影響でmarginが入ったり入らなかったりします。 タイムラインブロックも2と同様です。 テ...

そうですね。 #post-37371で紹介したような形で、マークアップ構造をもとにブロックエディター上で統一することになれば、例えば .entry-content [class*="wp-block"],.entry-content p { margin-bottom: 〇em;} や ...

スクロールせずに選択できる範囲が広くなり、キーバインドを中心とした操作性が向上されて使いやすくなったと感じます。 強いて言えば、ブロックの上下移動ボタンが小さいくらいでしょうか。 左側のカラムで、ブロックを選択できるようになったのはいいのですが、他のブロックを利用すると、スクロー...

5.4では大きな変更があまりありませんでしたし、ブロックディレクトリが実装されたのに合わせて多くの調整が入りましたね。 GutenbergはWordPress本体と別プロジェクトかつ3倍速くらいで開発されているにもかかわらず、アップデートのタイミングが本体と一緒なのもあると思います。 あと、...

ブロックライブラリが左サイドバーで表示されるようになりましたが、Cocoonが用意しているツールバー周りの機能を全て使用する状態だと画面幅とスクリーンの表示形式によっては収まらないので、整理していった方がよいかもしれません。 （ブロックエディターのレスポンシブデザインを考慮すると、追加ツールバー...

”Move To”により、段落ブロックのスタイルオプションは廃止＆グループブロックで統一し、スタイル指定をインナーコンテナ側に寄せた方がよさそうです。 コンポーネントを構成するマークアップの一番外側にあるタグは、余白等のアウトラインを決める程度に留める設計が好ましいということになるのかと。 ...

本来、テーマ設定は有効化したテーマごとにひとつの配列で取得・保存されます。 今回のedumpではそのテーマ設定値を取得してもらったのですが、配列になっていないということは最初に申し上げた通り、データベース保存されているデータが正しい形式ではなくなった（破損した）ようです。 WordPress...

キーボードでブロックを移動できるようにするための機能です。 カーソルで上下の移動先を指定（マウスだとドラッグ）し、エンターで移動（マウスだとドロップ）します。 現在は詳細設定から”Move To”を選択する必要がありますが、おそらく機能自体はまだ未完成で、最終的には一連の動作をショー...

新たな不具合についての報告です。 添付画像は新しい機能である”Move To”を使用する前後の編集画面で、使用するとデザインが崩れます。 原因はgutenberg.js#L12で挿入するクラスが当機能によってリセットされるためです。  editor.PNG

こちらの長いコードが一行で表示されたということでしょうか？ 前回、edumpの表示を共有していただいたのと同じ方法で、表示画面のスクショやCSVでないと分かりづらいです。 edumpの表示画面は、添付画像のように「Array ...（以下テーブル）」の形で表示されていませんか？ ...

edumpプラグインは有効化されていますか？

SSL化前後でWordPress本体をアップデートしたりはしましたか？ テーマを変更しても解決しないとのことなので、テーマ設定を格納するレコードがデータベースに存在しなくなったわけではなさそうです。 本来は配列で格納されている設定値が破損し、配列として取得できなくなった可能性がひとつ...

参考になるかは分かりませんが、上で挙げた資料に関して私のブロック周りのカスタマイズを例に追記しておきます。 私の場合は以前から「Cocoon Blocksの利便性について」でも書き込んだように、同じマークアップ構造（＝クラス名の変更＋各々のスタイル指定）で表現できるコンポーネントはひとつ...

再現できたとのことで、最初の方で申し上げた次のスタイル指定 .entry-content > ... における問題点が具体的にお分かりいただけたかと思います。 記事本文と編集画面のスタイル指定が１：１にするように書く に関しては飽くまで例で、私自身フロント...

もう少し補足を入れておきます。 添付画像は私の環境（余白2.0emの設定）で、マイクロテキストブロックの上寄りをさらに追加したときの上がブロックエディター側、下が記事本文側での表示です。 現在のCocoonの仕様では余白設定が記事本文・編集画面の双方に反映される一方、記事本文と編集画...

#post-37271の添付画像は編集画面内だと思うのですが、マイクロバルーンブロックやボタンブロックはグループブロックなどの親ブロック内に格納されていますでしょうか？ また、余白の設定はいくつに設定されており、実際に表示されるページではどのようになっていますでしょうか？ 現在のCocoon...

#post-37168でも書いたのですが、もう少し具体例を追加しておきます。 例えばグループブロック内にマイクロバルーンブロック＆ボタンブロック（参考例：）含むコンテンツを作成するとします。 行の余白設定を2emにした場合、マイクロバルーンのmargin-bottomは-1.6em（...

今までは自分でスタイルを追加して調整していたのですが、ブロックのスタイル調整に合わせて記事本文の上下余白（margin）を統一していただけると助かります。 具体的には、主にCocoon設定の添付画像にある設定（css-custom.php#L609-L636）に基づいて指定される箇所で、...

どういった部分が特に「一致していない」と思われたのかと思いまして質問してみました。 どこまでテーマ側で対応するかが私では判断しづらいので、具体的に明言するのは難しいのですが、まずはブロックのレスポンシブ化でしょうか。 理想的な観点から言えば、スキン含めスタイルの調整が必要な細かな部分も出...

プレビュー表示についてですが、今までは プレビューボタンをクリック 新しいタブでプレビュー用ページを表示 という仕様でした。 一方、5.5でプレビュー用ページを表示させるには プレビューボタンをクリック ポップアップからリンクをクリック 新しいタブでプレビュー用ページ...

Ikumi様のテストページにあるダウンロードボタンをクリックしたところ、Cocoon側で実装されている画像の拡大効果が動作してしまっているのが問題のようです。 現在設定されている拡大効果はbaguetteBoxで間違いないでしょうか？ baguetteBoxの場合、テストページの投稿...

私はカテゴリーページにパンくずリストを表示するカスタマイズはしたことがなく、 どのようなカスタマイズが前提でカテゴリページでも表示できるよう実装が変更されたのか。 Berghilo様をはじめ、他の方がこの実装を利用してどのようにカスタマイズされているのか。 が分かりません。 なの...

カテゴリーページでは変数$catに該当ページのカテゴリーIDが格納されているため、カテゴリーページでも表示することを前提とする場合、まず$catの扱いを混同している点に問題があるようです。