Cocoonフォーラム

僕の環境とバージョンも違わないようですし、想定通りここは問題ではなさそうですね。

そうそう、そうなんです。アイキャッチまでは設定していないんですが、SNS画像に関しては結構自動生成で見やすくしているところが、あるので、それもCocoonに取り入れられればなと言うことで作成しました。 unnamqed.png unnmnamed.jpg  unnamed....

今試しているものは、スキンをskin-made-in-heavenとした場合、カスタマイザーもスキン制御もget_site_wrap_width関係の動作も問題ない状態です。ただ、スキンを他のスキンにして、get_skin_url()カスタマイズで特定のページだけskin-made-in-heave...

察しが悪くてすいません。。そういう感じとはどういう感じでしょう。添付頂いたZennのスクリーンショット見てもそんなおかしな状態には見えなくて。

キャッシュじゃなかったら、アイキャッチ画像が採用されているんですかね。1280 × 675サイズの画像が採用されないと多分そうならないので。でも僕の環境じゃ再現できないんですよね。謎ですね。多分関係ないと思うけど、ちなみに「Health Check & Troubleshooting」プラグ...

元に戻しておきました。

僕の環境で「Health Check & Troubleshooting」をインストールして、投稿ポストして、Xにポストしてみましたが、特に問題はありませんでした。上記サイズは1280 × 675サイズの画像をポストした時に、なる症状っぽいですね。以前の以下で書いた時に、僕も同様の症状になり...

見逃してました。RC版が出たら、確認してみようと思います。

ここの変更が行われた最新版のCocoonをGitHubでダウンロードしインストールしてもダメでしたか？このページとかうまくいっているように見えますが。

読み込みタイミングを変更して、テンプレートを読み込む前に、一度だけskin.phpが読み込まれるようにしてみました。僕の環境ではこれで問題なさそうに見えます。

あー、でもすでにCocoon設定でスキンが設定されている場合は、上記の方法でも駄目ですね。何か別の方法を考えたいと思います。

確認してみたら、これget_skin_urlをオーバーライドする場合は、CSSが変更されるだけなので、function.php読み込まれないですね。get_skin_urlをカスタマイズする場合は、以下のコードを最後に読み込まないとだめですね。 if ($skin_file) { requ...

以下はChromeで100%ズーム。  2025-01-28_00h21_27.png

デベロッパーツールで上記のXの画像部分のサイズを見ても1200x630になっていますでしょうか。 ※僕の環境で確認してみたところ、ブラウザのズームサイズによっても画像サイズは変わる模様。 以下はChromeで125%ズーム。 2025-01-28_00h18_21.png

ちなみにこの部分、/skins/skin-grayish-topfull/style.css としても、うまくいかないですか？

僕が想定しているものは、そのコードがなくてもfunctions.phpが読み込まれるものです。これに関しては、他のスキンは問題ないようなので、grayishの動作をちょっと調べてみないとすぐにはわからないです。調べてみようと思います。

ちなみにこれはもともと「テーマ機能確認中」と投稿タイトルに入力して、公開したら「テーマ機能確認中」が4連続で出ちゃうという不具合ということであっていますか？それとも、SNS画像の上下が切れてしまっているという不具合でしょうか？ とはいえいずれの問題にせよ僕の環境では大丈夫っぽいのはなんでだろう。

ご確認いただきありがとうございます！ ここでいう自動投稿って、XPoster で以下のような設定をして、WordPressの投稿を公開したら、Xに投稿されることで、合ってます？僕も設定して投稿してみたんですが、添付画像のように問題なくXに投稿されました。 2025-01-27_23h...

ありがとうございます。透過色は無効にしておきます。

アイキャッチとSNS画像で文字の配置などがなるべく変わらないように修正しておきました。 featured-image-2626-98122e58d7d5f20706bd0792488528c4.png  featured-image-2626-98122e58d7d5f20706...

画像の横幅を変更すると、改行位置が変わるので、以前は画像幅は同じにしてアスペクト比だけ変更していました。ただ実際、アイキャッチと改行位置が違ったとしても、正直そんな気になるものでもないですね。とはいえ、文字サイズも画像の横幅から算出して変更しても良いのかもしれません。こちらがアイキャッチ。 f...

こういうパターンもありますね。ただいずれにせよ長いサイト名だと締まらないですね。  8nzNfRMk.png

そうなんですよ。アイキャッチだと不要なんですよね。SNS画像にサイト名を入れるとしても、サイト名は可変長なので、添付画像くらいのパターンしかなさそうですが。でもやっぱ長いサイト名だとごちゃっとするのでとりあえず現行のままでしようかなと思います。 featured-image-2626-06eb...

ご確認ありがとうございます。アスペクト比は合っているはずなんですが、どうやらXのサムネイルの画像サイズは1200pxを超えたら駄目っぽいですね。なんか勝手に画像が処理されてるぽい。普通に1200x630にしたら、問題なく表示されるようになったみたいです。修正版をアップしておきました。 &...

ご確認いただきありがとうございます！今迷っているのは、投稿者名だけでなく、どこかにサイト名も入っていた方がいいのかなということです。でも下手に入るくらいならない方がいいのかななどなど 🤔

報告忘れてました。ご確認いただきありがとうございます。 -7.8pxとかで一応は大丈夫ですが、結局透過すると後ろの線が見えちゃうのは一緒ですもんね。そもそも吹き出しとか、マイクロバルーンを透過で使いたい需要もさしてなさそうなんで、この2ブロックにおいては、透過機能無効とかで良いのかなとも思...

タイトルをアイキャッチから生成すると、OGPやTwitterカードにはSNS向けの画像が設定されるように変更しておきました。アイキャッチ画像だとこんな感じ。 featured-image-2623-5896f298b956c2665ba8623a58659bdb.png SNS画像だとこん...

吹き出し口を押し込めば大丈夫にはなりますが、このずれを許容できるかどうかですね。  2025-01-23_14h23_46.png

ChromeもFirefoxほどではないのですが特定のズーム倍率においては、はみ出します。 2025-01-23_13h55_29.png 2025-01-23_13h55_47.png 2025-01-23_13h56_02.png 2025-01-23_13h56_14....

clip-pathなんですが、透過色を設定しないデフォルトスタイルにおいてブラウザ（Firefox）のズームを変更した時に、線がはみ出すのが気になります。※100%とかだと見えません。正直、あまり使われるかわからない透過色の設定を気にするより、よく使われるデフォルト状態でズーム倍率を切り替えると縦線...

@chu-ya v2.8.3.5で、タブのとアコーディオンボックスのは、改善されてません？ ここでひとまずと書いたように、明日朝ちょっと早い用事があるので、クリップとかFAQは明日以降します。

ありがとうございます。 ひとまず、これ以外は修正しておきました。

ありがとうございます。修正しておきました。

ちょっと強引な方法ではありますが、スキンを修正させて頂きました。対応版はこちらです。 ------------------------------------------------開発中の最新ファイルをダウンロードする場合は、上記ページのダウンロードボタンからzipファイルをダウンロードしてく...

ご確認いただきありがとうございます。 そこは公式テーマもそうなっているようなので、WordPressの仕様に合わせようと思います。 これは思い当たるところは適用しておきました。 これに関しては、人物を右にした場合や、吹き出しスタイルを考え事などにした場合に、修正が大変す...

テーマによって違いがあるので、PageSpeed Insightsのスコアに違いがあるのは全然わかるんです。ただこのLazyload目画像表示に違いがあるのは、よくわからないんですよね。本文の画像のLazyload表示は、テーマが違っても多分WordPressの仕様通りの表示動作だと思うので。それが...

これほんま昔のままが良かったですよね 😫 一時だけタイトルすらも表示されない時期がありましたよね。

背景画像はまだ何もしてませんが、文字色は現在でもフックを利用することでカスタマイズすることはできるようになっています。これもヘルプに書いておきます。  2025-01-20_20h23_31.png

ご感想いただきありがとうございます。この機能を作ろうと思った動機はまさにそれです。やっぱ文章より画像に目が行くんですよね。機能が完成して、公開した時に反応が良ければ、ベータ版じゃなくなる時に、デフォルトにすることも考えています。実際需要があるかは公開してみないと確かなことはわからないので^^;そうな...

以下のCocoon独自ブロックを透過色に対応させました。吹き出し白抜きボタン囲みボタンFAQアイコンリストレーダーチャートタブボックスタイムラインアコーディオン見出しボックスラベルボックスタブ見出しボックスマイクロバルーンマイクロテキストレーダーチャートブロックのチャート色だけは透過色に対応できない...

@mk2_mk2 mk2さんビンゴです！こういうものは、theme.jsonのオプションで設定するものと思い込んでいました。コンポーネント側で設定するものと思っていませんでした。それにしてもデフォルトでtrueで良いのに^^; すべてのCocoonブロックに対応させてみようと思います。 ...

Cocoonには、無限スクロール機能はないです。なぜそのような現象が起こるかについては、ちょっと情報が少なすぎて何とも言えないです。

テスト的にCSSで非表示にして、計測してスコアが変わるか試してみるとかどうでしょうか。スコアが上昇すれば、そこで何か対策を考えれば良いし、スコアが変わらなければアイキャッチが原因ではないということになるでしょうし。 僕も調べてみないとわからないです。上のテストでスコアが良くなるようであれば...

基本的にアイキャッチを作成するのはめんどくさい人（こういう人は昔から一定数いる）向けの、そこまでニーズが高くないことは分かっているので、デフォルトで無効設定にしてあります。アイキャッチめんどくさい界隈の一定数の需要はあるとは思っています。ここら辺は実際公開してみないと詳しいことは分かりません。加えて...

僕も同様に思っていました。でもそれっぽいものがなくて。いろいろ設定を変更してみたり、独自ブロック個別にオプションを設定してみたりもしたんですが、透過色エリアが出てこなくて結局まだわかっていません。今詳しい方に相談させて頂いているので、ちょっと時間はかかるかもしれません。

Cocoonに投稿タイトルから、アイキャッチ画像を自動生成する機能を追加しました。※まだmasterブランチにはマージしていません。Cocoon設定の「エディター」タブにある『「タイトルからアイキャッチを生成する」機能を有効にする』を有効にすることで、エディターのアイキャッチエリアで利用できるように...

ご要望いただきありがとうございます。昨日いろいろと調べてみたんですが、Cocoonブロックで表示されていない原因がちょっとわかりませんでした。※何らかのオプションがあってそれを有効にすれば、利用可能になると思っていたんですが、そういうものはなかったです。恐れ入りますが、これに関してはちょっと時間がか...

ご確認いただきありがとうございます。

puni-puni.comのサイトはgurabiamedia.comのサイトでPageSpeed Insightsにより大きな遅れの指摘を受ける「「最大コンテンツの描画」要素 」となっているアイキャッチ画像は最後まで読み込まれないようになっているようですね。 2025-01-18_19h33_...

ただこれに関しては、ページが表示された後スクロールした時の話なので、PageSpeed Insightsはあんまり関係ないと思いますよ。