Cocoonフォーラム

段落ブロックのスタイル設定については、 で書いているように次の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の扱いを混同している点に問題があるようです。

標準ではカテゴリーページにパンくずリストが表示される機能はありませんが、カテゴリーページでも表示できる形で実装されていました。 パンくずリストをカテゴリページでも表示できるように変更 動作確認はしていませんが、機能追加後のコードにもカテゴリーページの条件分岐が残っているので、 $...

401エラーである場合、基本的にはYouTube外での動画視聴が許可されていないときです。 加えて、iframeを用いた埋め込みにはセキュリティ面で問題があるため、WordPressではoEmbed機能が実装されています。#post-36045の方法で埋め込むのはおすすめしません。

ちなみに動画は です。 こちらの動画は、埋め込み用APIのレスポンスが401エラーになっているため、WordPressのoEmbed機能を利用するYouTubeブロックでは埋め込み動画が表示されません。 一応、別の動画URLで埋め込みができるかどうかをチェックして...

ちょっと出先からなので手短に。 ゆっこ様は現在、テーマにはCocoonの子テーマを設定していると思います。 WordPressの管理画面から「外観」⇒「テーマエディター」へ進むと、子テーマのテーマファイルが一覧で出てきます。 その中から「テーマのための関数（functio...

子テーマのfunctions.phpにでも以下のコード remove_filter('the_content', 'wptexturize'); を記述し、もう一度表示されるかどうか確認してみてください。

"><amp-img(.+?)></a> ついでに、こちらの正規表現も同様の理由で修正した方がよさそうです。

とりあえず#post-35398の手順通りに確認してみただけですが、「HTMLの縮小」有効化によって改行がなくなり、amp.php#L536やamp.php#L562にある次のコード赤字部分 $pattern = '{<a href="[^"]+?/wp-content/uploads.+...

Cocoonユーザーにも利用されている方はけっこういると思いますが、VPSやクラウドでブログを立ち上げるならKUSANAGIが便利です。 CocoonをKUSANAGI環境に対応させる方法。 特にサーバーの指定がなく、さくっと始めたい（サーバー代を抑えたい）ときにはConoHa KU...

ストレージはＳＳＤとＨＤＤの両方を備えた「デュアルストレージ仕様」のものがいいとの指摘を多く目にしました。 PCの選定基準としてストレージを挙げておられるので、ストレージに関して補足しておきます。 基本的にはネットでの情報収集やブログ作成ぐらいにしか利用しません との...

今後、Cocoonユーザー含めWordPressでブロックエディタを使用する方が増え、同じような問題が出てくると考えられるため補足しておきます。 他テーマでも「Snow Monkey」さんがやっているようなイメージで手軽にCocoonブロックを使えたら最高です。 今の段階でブ...

Gutenbergでブロックを検索する際にはブロック名だけでなく、各ブロックに設定されたキーワードも対象となります。 スラッシュ入力時は半角に変更することもあり、私の場合はキーワードを半角英で設定し、検索ワードを短縮しています。  search.gif

MathJaxスクリプトで、例えばCSSセレクタを指定して、特定のHTML要素だけ数式化するなんて事はできるのでしょうか？#post-29893 色々と方法はあるのかもしれませんが、私の場合はv3標準（公式ドキュメント）に則ってサーバーサイドで実装することで実現しています。 Gutenb...

例えばといった表記とどういった表記とか例もありますでしょうか。 一番よくあるのが、ソースコード表示内でしょうか。ソースコード以外でも文字列の並びで指定したデリミタになってしまうことが稀にあります。 不用意にMathJaxの対象範囲を広げると意図しない変換が起こるので、MathJax系のプ...

TeXでの表記とコンテンツ、エディタ側の記法とのバッティングを調節したりも必要です。#post-29873 補足で、Cocoonのテーマ側での対応の場合はAMP用の置換時にも上記と同様の調節が必要になるのではないかと思われます。

その他に、TeXでの表記とコンテンツ、エディタ側の記法とのバッティングを調節したりも必要です。MathJaxをそのまま全ページに当てはめ、デリミタまで書かせる形では意図しない変換が生じます。 AMP対応の参考になるかどうかは分かりませんが、私の場合はSSRでブロックエディタに組み込む形を...

MathJaxを一部のサイトで使用していますが、v3ではかなり柔軟にカスタマイズができるようになっていて、サイトの仕様に合わせてコードを組み込めます。 Gutenbergがmarkdown記法にも対応していることもあって、ブロックエディタと相性がいいのですが、個人的には各自の環境に合わせて導入す...

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