Cocoonフォーラム

WordPress上にデータをキャッシュする際にはTransients APIを使用するのが一般的で、CocoonでもSNSのシェア数やAmazon・楽天商品リンク、外部ブログカード、アクセス集計などで用いられています。 WordPress本体でも、例えば埋め込みコンテンツなどで使用されています...

そのままの状態で、ヘッダーロゴ画像のサイズを決めている #header-in > .logo-image { width: 27.3%;} や、トップページコンテンツ最上部の画像サイズを決めている .home-hajimemashite img { width: 53%;} を...

私の環境でもチェックしてみました。 毎回ではないのですが、#post-29387の添付画像にあるような挙動が見られました。 読み込み後のデザイン崩れはなさそうなので、レンダリング時の問題ではないでしょうか。 CocoonのCSS縮小化によるインラインスタイル部分の処理に時間がかか...

一応、回答を加えておきます。 「Alt テキスト (代替テキスト)」と「代替えテキスト」との関係が分からないため、今までのように「代替えテキスト」が記入してなくてＳＥＯ的に問題がないのか教えてください。 検索エンジンにインデックスされるページで表示される画像にはalt属性が設...

誤解を招く可能性のあるリンク例を挙げてしまったので補足します。 pjaxの処理で表示位置に問題が生じた場合、セットで注意しないといけないのがブラウザバック時です。 処理に手を加える際には、 アンカーを含むURL ブラウザバック あたりの組み合わせをセットで確認してみて...

barba.jsは使ったことがないので詳しくは分かりませんが、現時点での対応部分だけチェックしてみて、おそらく ページ遷移時にページの一番上まで行く動作 に問題がありそうです。 ページ遷移時には必ずしもページ最上部で表示するとは限らないので、アンカーリンク を考慮...

ちなみにロコさんは、うまくいくASINをどのように入手されましたか？ 商品検索（商品検索APIのもの）で出てくるURLから入手しました。 なんでこんないろいろあるんだろう…。 #post-29189で書いた通り、私の取得方法だと逆に"B0847SHKJ2"を含むものは...

ちなみに、試したのはわいひら様がアクセスできない商品として挙げた「伝説のお母さん」なのですが、asinが"B0847SMN9T"または"B0847RMNDP"の場合はどうなりますか？

ブックマークレットが作動しない商品ページ ブックマークレットが作動しない場合やアクセスできない商品があるのですね。見落としていました。 kwをもとに試してみましたが、取得方法の違いからかasinが異なるようなので、どこからasinを引っ張ってくるかにもよるのかもしれません。 ...

商品リンクでCocoonの資産を生かすにはasinの取得方法がひとつのポイントで、ブックマークレットやブラウザ拡張、APIなどでasinを取得する必要があります。 利便性は人によるのだと思います。 やはり機能の細かいところは自分でカスタマイズしたり、別途新たな実装を加えるのが一番かと。 ...

私はGutenbergで専用ブロックを用意してあるので、ブックマークレットからショートコードを生成したことはないのですが、 Amazon公式のツールバーでリンクを作成してブログカードにするか、その短縮リンクを使ったテキストリンクで記事に掲載している や テキストリンクに落ち着...

以前実装した経験がありますが、Cocoonだと投稿・固定ページ単位の設定項目やウィジェットの表示設定なども考慮する必要がありそうです。 それから、ページ毎で表示を切り分けるために用意したフックは動作させないといった対応もした方がよいのではないでしょうか。 pjaxはサイトの高速化とい...

ブロックエデこタの使い方がわかりやすく書いているサイトとかないですかね？ 個人的には、ブロックエディタの使い方そのものよりもHTMLの構造が理解できているかどうか（MarkdownなどのHTMLを生成するための言語やツール等を使用した経験があるかどうか）の方が重要かと思います。 ...

Windowsではクリップボードを利用しているので補足します。 Windows標準のスクリーンショットはクリップボードに保存されるので、一度に複数のスクショを管理するのに便利です。 あと、エディタ外でクリップボードのコピーを選択すれば、プレーンテキスト（Shift+Ctrl+V）でも...

お名前.comサーバを使ってみようかと思います。僕の場合、推測で修正するとヘマをしそうなので。 お名前.comサーバーの仕様で限定すると問題が残る可能性があるので補足しておきます。 私がチェックしたのはオーソドックスな冗長化構成で、切り離している管理画面用サーバーを別ドメインで運用するパターンで...

お名前.comサーバーを使用したことはないのですが、思い当たる構成で確認してみました。 文字で説明するよりも実際に同様の構成でチェックした方が早いと思うので、以下に問題点の概要だけ書いておきます。 おそらく、お名前.comサーバーは公開サイトと管理画面を別サーバーに分けていて、指定ドメインのwp...

プレースホルダー削除に関する不具合は、私が指摘した記憶があるので書き込ませていただきます。 記憶が正しければ、プレースホルダー用のインラインスタイルが不具合の原因だったと思います。 チェックしたわけではありませんが、Akira様が投稿されている#post-28271の実装例でも画像タグにstyl...

確認しました。修正ありがとうございます。 トピックの内容とは関係ありませんが、必要なければconsole.logを削除してもらえると助かります。

カラムブロックが登録されていないようです。 上記の吹き出しブロックで出ている不具合が原因のような気がしますが、こちらも確認をお願いします。  columns.png

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

設定画面から察するに、記事単位（？）でカスタムフィールドから関連記事内にタイトルを含む独自リンクの設定ができるようですが、Cocoonには関連記事機能だけでなくブログカードやナビカードのようなリンク作成機能がいくつかあったりするので、私の場合はカテゴリー（またはタグ）単位で各種関連リンクを統合的に作...

WordPress 5.4で本体に実装される予定なので、Cocoon側で別途実装するよりも本体の実装に合わせるべきかと思います。 WordPress 5.4 Planning Roundup

チェックはしていませんが、preタグ内の記述はCocoon設定の文字サイズ等と連動しているため、スタイルを見る限りでは不十分のような気がします。 preタグ内だけフォントスタイルを固定するなど、追加で何らかの対策が必要かと。

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

添付画像のような状態になっているとき、男性（gbSpeechBalloons[0]）が「非表示」になっているのでデフォルトのブロックとして採用されるべきではなく、本来は女性が採用されるべきですが、男性が採用されてしまうということですね。 gbSpeechBalloons[0]は設定上のもっとも若いI...

吹き出し一覧のIDが一番若い設定（一覧上で最初に来る設定）が非表示の場合 コード上でチェックしただけの状態だったので、問題点が少し伝わりづらい内容になってしまっていたかもしれませんが、「吹き出し一覧のIDが一番若い設定について、どのような設定にしてもgbSpeechBalloons[0]として反映さ...

Block Nameが違っても、マイグレートで統一ってできるものでしょうか？ 異なるブロックを統一する場合は旧ブロックをsupportsのinserterはfalseで隠した状態にしておき、transformsで新ブロックへ統合するのが一般的かと思います。公式ブロックでもそのようにしています。 ...

吹き出し設定と一致しない旧吹き出しブロックにより、Gutenbergの例外処理時に本件のエラーを出しています。 編集画面でプラスサインを押すたびに、「エディターで予期しないエラーが発生しました」というエラーが出ます。#post-25353 おそらく、まだ他にも旧吹き出しブロックを使用しているユーザー...

サイトの各所をGutenbergに対応する方法がないわけではないのですが、「カテゴリーの編集の『カテゴリ本文』をブロックエディタで編集できるようにして欲しいです。」にある通り、今のところWordPress本体はカテゴリー・タグページでのブロックエディタをサポートしておらず、別途テーマ側で実装する必要...

一覧のスクショありがとうございます。 では次に、吹き出し設定のうち 怒りの漢字10 パニック01 照れ笑顔のIDを教えてください。 照れ笑顔のアイコン画像は01以外の吹き出しでも使用していますか？ちょっと判別しづらかったので、他の吹き出しのアイコン画像でも使用している場合はその吹き出し設定のIDも合...

「AMPプラグインに対応を検討」と書かれていますが、具体的にはどのようなことを持って対応ということなのでしょうか。 公式のAMPプラグインはWordPress本体のモジュール的な形で開発されているので、別途AMP用にテンプレートを用意すれば、通常ページとAMPページの実装を簡単に切り分けることができ...

画像ブロックの配置設定では、どのデバイスでもその配置を維持するためのものです。画像ブロックの配置で対応するのではなく、Cocoonまたは公式のカラムブロックを使用して対応するのが妥当かと思います。 2カラムで左カラムに画像ブロック、右カラムにテキストを入力すれば希望通りになるのではないでしょうか。

一覧の一部を添付いたします。（#post-25514） できれば一覧の全体を見たかったのですが、もっともIDが若い吹き出しは「非表示」で設定されていますか？ 以前、「ページ登録済みの吹き出しをcocoon設定から削除すると、編集画面が真っ白になります」などで表面上の動作チェックだけはしたのですが...

Font Awesomeの機能ではver4を設定している場合はver4のクラス名（fa）、ver5を設定している場合はver4のクラス名（fas）に置換されるので当然かと。 ver5のアイコンを使用するなら、Cocoon設定でFont Awesome 5を選択する必要があります。

AMPやPWAについてはプロジェクトが公式にプラグインを開発しているので、私もプラグインを優先的に使用するようにしており、プラグインの仕様に則ってCocoonの機能等を移植・カスタマイズしています。 独自機能の実装なども含めて考慮すると、現状はプラグインで切り分けた方がメリットを感じています。

Cocoonの吹き出し設定はどのようになっていますか？吹き出し一覧のスクショを添付していただければと思います。 私は別途独自の吹き出しブロックを用意して利用しているのですぐには不具合を再現できませんが、エラー文からだと吹き出しブロックに問題があるようですね。

私の環境では、すでに用意されているclassNameのみで対応しています。 コードを読んだだけですが、おそらくこの方法だと別途で用意されているattribute（サンプルだと'marginSetting'）はあまり意味がないのではないでしょうか。 今回の場合、例えば言語指定で'php'を指定し...

言語指定以外はSyntax Highlightのように高度化したり、差別化したりするつもりはないので、早めにこのブロックは廃止しておこうと思います。 Cocoonのコードブロックは廃止ということで確認しました。 公式コードブロックの「高度な設定」から、「追加CSSクラス」を追加すれば、同じことが...

追加でCocoonのブログカードもです。なので、ショートコードの括弧とURL全般に対してエスケープ処理を加えないといけません。 報告ついでに質問ですが、公式コードブロックの機能改善（インデント用ショートカットキーやコードブロックエディタのSyntax Highlight化など）による利便性向上に...

該当箇所は既にmigrateされてしまっているので、直接の原因を確認することはできませんが、問題点とそれに対する修正は確認しました。ありがとうございます。

10月前半頃に作成したコンテンツ内にて、アイコンリストブロックのボーダー色がmigrateで引き継げていないことに今気づきました。設定していたのは全てカラーパレットの黒色です。 11月前半～自動アップデートで作成したコンテンツ内の同ブロックは引き継げているので、可能性として考えられるのは初期のカラー...

Dreamweaverは使用したことがないのですが、おそらくコード整形の設定に問題があるのではないでしょうか。 HTMLとPHPのコードをまとめて解析する設定になっていることで生じている問題のような気がします。具体的には、'>'がHTMLのタグ（⇒PHP内での文字列）と判定され、'>"'...

フロントエンドの問題なので、サーバーサイドを変更しても意味はありません。 警告表示についてはCocoon側がどのタイミングで修正対応するかによる#post-24291 と説明した通り、Cocoonブロックが旧パッケージに依存している限りは解決できません。

警告が表示されるのは、半年ほど前に開発が止まった古いパッケージをCocoonが使用しているからです。WordPressのバージョンアップに伴ってGutenbergもバージョンアップされており、WordPress5.3に更新すると警告が表示されるようになります。 Gutenbergの新機能等の開発に従...

旧エディタは問題ないのであれば、Gutenberg周りの問題である可能性が考えられます。 まずGutenbergを使用する状態にし、真っ白な画面になるページを開いてください。真っ白なページを開いた後、そのページ上でブラウザのDeveloper Toolsを開いてください。 Developer Too...