Cocoonフォーラム

①インライン化しないようにするにはstyles.css自体から内容を削除するしか方法を思いついていないのですが、他になにか策はありますか？ Cocoonでは各CSSファイルをインライン化する際に縮小化コードを通していますが、そのコード実行時に不要なスタイルのコードを除外するようにする方法があります。...

本トピックの内容とは別件です。 Font Awesome 5でも管理画面側がFont Awesome 4のままになっているのは、エディタ用スタイルの一部がFont Awesome 5に未対応なことから、意図的にそのようにしているということでよろしいでしょうか？ 不具合なら、別途トピックを立ち上げよう...

一応、今のところはラベルテキストタグを置換で挿入して、挿入したタグに合わせてcss minify時にスタイルをアイコンフォントのみ指定する形で書き換えるような対応をしています。 ただ、ver.2へのアップデートでFont Awesome 5を使用するユーザーが増えたときに同様の問題が出てくるのではと...

コードを見た感じだと、html-forms.php#L1074の if ($cat_ids && empty($tag_ids)) {が問題っぽいので、historyを辿ってみたところ、 関連記事ウィジェットに関連づけ機能追加「new_list」ショートコードでtaxonomyオプシ...

ぱっとコードを見ただけで動作確認はしていませんが、カラーオブジェクト以外の部分はきちんと動作しているのであれば、#file-onecolumnblock-js-L119や#file-onecolumnblock-js-L126でカスタムカラーを指定しているからだと思います。 withColorsはカ...

確認しました。 今まで該当ショートコードオブジェクトのvisibleが取得できていないのに気づかず、非表示判定ができておりませんでしたが、visibleが取得できるようになりました。修正ありがとうございました。

そうですね、attributeにはスラッグのみを保持しつつ、カラーパレットの設定をHOCで制御する形です。ContrastCheckerやインラインスタイル指定は後からでも付け足せるので、カラーパレット部分は共通の仕様に揃えておいた方が結果的には楽ができそうな気がします。 現状で公式とは別の仕様の実...

プラグイン利用もそれなりの数試してみたのですが、どれも記事単位のものであったりキチンと動作しなかったりで、パーツ別に応用できるものはありませんでした。 Googleアナリティクスを導入していれば、A/Bテストできると思います。 テーマで実装するにしても、なるべく正確な値を出そうとするとJSで計測する...

もちろん、 他に解決できる書きやすい方法があれば、それでも構いません。 と申した通り、テーマを管理するのはわいひら様であり、一番はバグが出ない形でご自身が読みやすい・理解しやすいコードだとは思うので、最終的な判断はお任せします。 ただ、 僕の現在の理解力で、複数進行するとこんがらがってしまいそう...

確認しました。 block.js#L58、helpers.js#L77、helpers.js#L87などでデフォルト値を固定していることで問題が生じています。 attributeに保持中のスラッグに該当する指定カラーが見つからない場合、保持されたスラッグを無視してデフォルト値を返してしまうこと。...

attributesから、colorを削除するということは、colorの値を直接PanelColorSettingsのcolorSettingsのvalueに指定するということはできません。 については一番最初の問題提起（#post-22699）から説明してあるように、そもそもattributeにカ...

確認しました。 カラーパレットに設定が反映されていないのは、設定値がカラーコード⇒スラッグとなったにも関わらず、#L149でそのまま値を入れているのが問題 こちらについてはまだ対応されていないようです。新ブロック側のattributesにも'color'が残ってしまっており、旧'color'⇒新...

動作確認しつつコードを書くほどの余裕はないので、とりあえず上の返信で書いた問題点とのコード上の目視だけで比較した回答になります。 まず、ブロックのsaveやattributesなどを変更する場合、そのまま変更内容を実装するだけだと既存のエディタ上にある同ブロックではエラーが出たり、正しい値が反映...

A8.net のアフィリエイトリンクを囲みボタンで囲むと添付ファイルの赤で囲ったように、テキストがボタン内ではなく、段落して表示されてしまいます。 1を見るとGutenbergエディタで書かれていますが、使用されているブロックは”ボタン”ブロックになっています。 2にあるようにショートコードにはアフ...

#post-23084の修正版について確認しました。エラーの修正が確認でき、該当のattributeにもスラッグ情報が反映できていますが、attributeとカラーパレットの間に問題があるようでattributeの設定情報に基づいたカラーパレット側の設定が正しく反映されていません。…※ 「カラー...

まず、#post-23078と#post-23079についてですが、「フックを用いて…カラーコードを変更する」は今のところ提示しているサンプルをそのまま使用し、確認しています。ただ、サンプルではCocoonの'block_editor_color_palette_colors'で一色のみ変更を行って...

確認しました。まだ色々と問題点が残っているようでエラー等が生じるため、確認できた範囲で報告させていただきます。 デフォルトの状態でカラーパレットを用いているCocoonブロックを追加し、色を設定する。（＝本番環境の既存ブロック）修正版のCocoon本体を有効化する。フックを通してカラーコードを変...

とりあえず、「ボタン」と「囲みボタン」はスラッグを用いたクラス名に変更してみました。 masterで変更を行っているのでしょうか？またはpushかmergeのし忘れ等はありませんか？

デフォルトカラースタイルの対応ありがとうございます。 インラインスタイルの場合::beforeや::afterのような疑似要素を変更したい場合、どうするんでしょう。 Gutenberg公式ブロックのカラーパレットについて、エディタ側でカラーをインラインスタイル指定する理由は、カラーパレットの指定...

詳しくは見ていませんが、 はい、ブロックエディター上では正しく表示されています。プレビュー上や記事を更新するとブログカードになってしまうようです。不思議な点は、試しに新しく投稿を追加し、そこに同じツイートやインスタグラムの投稿を埋め込んでみたところ、そこでは正常に表示されました。 とのことなので、o...

どれも同じ内容（１件のリンク）のもので、これが原因でV5の方で使用制限を受けた可能性はあるのでしょうか？ 内容を確認したわけではないので断言はできませんが、v5の制限で商品情報が取得できなくなったことによって送られてきたメールではないかと思います。 メール送信自体はAPIから返されたデータを見ている...

公開ページ上でもインラインスタイルでスタイリングしていた オプション的な設定としてカラーパレットを用いるのであれば、インラインに埋め込む形も見かけますが、基本は { attribute: color-slug } ⇒ color-slug-classnameの形式が保守管理はしやすいです。 「以...

補足しておきますと、今回の主な問題は以下の点です。 倣って実装した場合にはCSSで指定されたカラー（サイト側）とカラーパレットの指定カラー（エディタ側）を変更するだけで対応でき、カスタマイズ後のカラーが反映されます。（#post-22699） それがつまり、 WordPressデフォルトのボタン的に...

修正されたコードは確認していませんが、エディタ上などの私の方ですぐに確認できる部分だけで見てみました。 まず、 デフォルトの状態でカラーパレットを用いているCocoonブロックを追加し、色を設定する。（＝本番環境の既存ブロック）修正版のCocoon本体を有効化する。フックを通してカラーコードを変更す...

カラーパレットでは属性の設定をスラッグベースに、カラーコードをブロックのインラインスタイル指定に...とするのが一般的な実装方法（#post-22699） Gutenbergではなぜこのような形で実装されているのかについては、attributesを基準にしてレンダリング等を行うよう設計されているから...

Broken Link Checkerを一度外してみたのですがやはりだめでした。 考えられる問題点をすべて取り除いてから、APIリクエストの制限が解除されるまで待たなくてはいけません。 If you are trying to submit requests that exceed your a...

補足です。 この不具合を修正すると、おそらくGutenbergを使用しているほとんどのCocoonユーザーに影響してくると思うので、カラーパレットの設定値を入れる属性には修正前後で互換性を持たせるために、 #[...color code...]「先に設定値を確認し、先頭に"#"がある場合には適切な形...

・Broken Link Checker　1.11.8 ・Google XML Sitemaps 4.1.0 ・Redirection 4.4.2 ・SiteGuard WP Plugin 1.4.3 あと、使用されているプラグインのうち、「Broken Link Checker」が気になります。...

修正ありがとうございます。確認しました。 トピック作成時はクラス名がwpf-topic-createになるので、あとその点だけ考慮すれば大丈夫そうです。

Cocoonの内部・外部リンク機能では、現状は画像リンクを除外する仕様になっているからだと思います。（links.php#L57） 推測ですが、この仕様は画像リンクにリンクアイコンが反映されてしまうのを防ぐためなのではないかなと。除外用コードを内部・外部リンクのアイコンフォント挿入直前に移動させても...

確認しました。追記ありがとうございます。 例えば、特定の条件に当てはまるページのみ（ランディングページやカスタム投稿など）でフックを用いて「テキスト⇒画像」 or 「画像⇒テキスト」といった形に変更するには、the_site_logo_tagフックでないとできません。 そのような場合にはthe_si...

ブラウザネイティブである分、JSの読み込み等が必要なく、機能として見れば最適化されています。 導入するだけならありかと思いますが、ブラウザの対応がまだまだなので、 メリットがあるならどちらを導入した方がいいと思いますか？ については併用するしかありません。 Cocoonで用いているlazyloadも...

私の一部のサイトでは導入を進めていますが、個人や企業の自社サイトで独自に対応するならまだしも、Cocoonで一般向けの機能として実装するにはまだ早い気がします。 CocoonにはAMP機能もあったりするので、WPテーマとしてきちんと対応しようとすると .htaccesに追記するだけでできるそうです。...

それは私も思いました。実際にthe_site_logo_tagフックの方は私も使用しています。 the_site_logo_tagフックでロゴサイズも含めたタグ内で使用される各値を受け渡すようにして汎用性を高める。⇒文字列を置換するフィルターを書けばよい。タグに値を入れる直前（L400-L401）で...

ver1.9.9の更新情報を見て、ちょっと気になったので書き込んでおきます。 このフックを通すとロゴのリンクURLの変更が可能になっています。具体的にどのような状況で用いるのかはよく分かりませんが、使用例を見る限りではリンクテキスト（または画像のalt属性）は変更しなくても大丈夫なのでしょうか？ g...

返信について補足しておきますと、 どの環境下かわからないですが、4個ってことかな？って思ったり？？？ 画像最適化設定環境下でということです。画像サイズが幅の最大値となるので、それ以上のwidthを指定していても変化がありません。 一般記事を書いているユーザーさんの多くは、そのようなブラウザ？？？...

消去法で①の修正をやっておこうと思います。 とのことで、修正を確認しました。ありがとうございます。 ひとつ返信し忘れておりましたが、#post-22368についてはこの環境下からだと確認できておりませんでした。画像サイズまでに止めてしまうので、余白の不具合を除けばwidthによってボックス幅は変...

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

OSはWindowsで、ブラウザ情報は本トピック立ち上げ時では#post-22301にある情報です。 再現できないとのことだったので、#post-22301の時点でブラウザに起因する問題だと考え、念のため最新版へのアップデートを行い、#post-22314にある検証結果からはわいひら様と同バージョン...

修正前後の動作から軽く調べてみたところ、おそらくですが少なくともChromium系のブラウザでの問題のようです。国内ではあまり見当たりませんでしたが、海外でググるとちらほらと情報が出てきます。 OSで画像の最適化設定を行っていると、ブラウザ上で読み込まれる画像がサイズ以上に引き延ばされる場合にDOM...

そうなのですね。 おすすめカードエリアをなるべくぎっしりと埋めたい についてはよく分からないのですが、nowrapに統一した場合で確認した限りではwidthを取り払ったことで vertical-align: bottom;の部分を含めて不具合が解決したように見えるので、とりあえずwidth指定を無効...

確認しました。 flex-wrapにwrapを指定している箇所にwidthを入れるのは分かるのですが、デフォルトはnowrapの仕様で width: 100%;は必要なのでしょうか？

flex-wrapは、モバイルより大きな画面では、nowrapは仕様です。 width:25%の方が間違いです。 ということはやはり#post-22314の修正で解決したように、wrapを想定したスタイルとnowrapを想定したスタイルが混在していたのが問題だったのですね。では、nowrapで統一す...

wrapというのは、どれのことを指しているのですか？ 私の環境では、サイドバーに置いた場合（style.css#L8020）とタブレット以下の場合（style.css#L9372）しか flex-wrap: wrap;は適用されておらず、上記の条件に当てはまらない場合はwrapされません。 おす...