「メイド・イン・ヘブン」スキン適用中

Cocoonフォーラム

サイト内検索
書き込みの前に以下の3点をご確認ください。
  1. 1つのトピックにつき1つの質問を書き込んでください
  2. 不具合・カスタマイズ対象ページのURLを提示高速化を無効にしてください
  3. 該当部分のキャプチャ・環境情報とともに書き込んでいただけると助かります

何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。

不具合・カスタマイズ対象ページのURL:

相談内容:

不具合の発生手順:

解決のために試したこと:

※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報:

※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。

環境情報の取得方法はこちら。
https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
https://wp-cocoon.com/theme-trouble/

フォーラム利用ガイドリンク

  1. フォーラムガイドライン
  2. よくある質問と答え(FAQ)
  3. サポート対象外のケース
  4. 原因不明の不具合用トラブルシューティング
  5. トピックにHTMLを貼り付ける方法(推奨ツール:notepad.pw
  6. 真っ白画面でのエラーメッセージの確認方法
  7. ブラウザ環境チェックツール
  8. Cocoonカスタマイズ依頼

フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。

WordPress 6.2 RC版が利...
 
共有:
通知
すべてクリア

WordPress 6.2 RC版が利用できるようになりました。

93 投稿
3 ユーザー
34 Reactions
2,468 表示
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 3年前
投稿: 7225
Topic starter  

これは、WordPress 6.2だからではないのですが、その確認の中で気づいたので、ここに書いてしまいます。
(手抜きして、すみません。)

 

「新着記事」と「人気記事」ブロックの、カードの矢印が、編集画面で表示されないようです。
(公開ページは大丈夫です)

【WordPress 6.2・Cocoon 2.5.8.2】

 
【WordPress 6.1.1・Cocoon 2.5.8.2】
 
【WordPress 6.1.1・Cocoon 2.5.7.9】
 
 
いずれも、公開ページは大丈夫です。
WordPress 6.2だからではなく、Cocoonのバージョンアップによるものと思われます。

   
わいひら reacted
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 3年前
投稿: 7225
Topic starter  

「マイクロコピー」ブロックも、配置が編集画面で、きかないみたいです。

 
 
編集画面で、上のマイクロコピーは左揃え、下は右揃えにしました。
 
 
公開ページでは、問題なしです。

   
わいひら reacted
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 3年前
投稿: 7225
Topic starter  

以下の返信で記載した、「スタイルの貼り付け」で、「CSS」というクラスが追加されている件ですが、分かりました。

https://wp-cocoon.com/community/postid/68730/

コピー元が、「コードブロック」で、その言語選択で「CSS」を選択していました。
それが、コピーされてしまっているみたいです。


先の返信では、WordPressのブロックから、Cocoonのブロックへと「スタイルを貼り付け」ました。

逆の場合はどうなるのかと思って確認しました。

Cocoonの場合は、枠の色(ボーダー色)が拡張されていると思いますので、どうなるのかと思いました。

その際に、クラス「CSS」も気づきました。

 

Cocoonの「見出しボックス」から、「コード」ブロックへ、「スタイルの貼り付け」をします。

「スタイルの貼り付け」前の状態です。

 
 
「スタイルの貼り付け」をします。
 
「枠の色」だけでなく、「文字色」「背景色」のコピーされないみたいです。
(全部拡張しているから?)
 
そして、コードブロックの言語選択の「CSS」は消えてしまいます。
(クラスも消えます)
 
 
 
何が正解かは分からないのですけれど。
 
Cocoonのブロックは、「スタイルをコピー」「スタイルを貼り付け」をできないようにしても、良い気がします。
(メニューに展開・表示されないようにする。WordPressコアのブロックは触らない)
 
それができるものはどうかは、分からないのですけれど。
 
もっと早くに確認していれば・・・、すみません。

   
わいひら reacted
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 3年前
投稿: 7225
Topic starter  

Cocoonブロック同士だと、どうなのかと思い試しました。

スタイルは、コピーできないみたいですね。
(差異がないように、「見出しボックス」同士で行いました)

 
できた風に、左下にメッセージは表示されるのですけれど。
 
同じブロック同士であれば、コピーできても良いかもしれないですけれど、違うブロックでスタイルをコピーする際には、いろいろ考慮しなくてはいけないことがありそうな気がします。
 
WordPress自身が、その考慮ができていないのか、仕様として割り切っているものなのか。
さっぱり分かりません。

   
返信引用
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 6年前
投稿: 16663
 

ご報告いただきありがとうございます!

投稿者:: @mk2_mk2

「画像ブロック」のキャプションは、ツールバーから追加するカタチになったみたいです。

そのキャプションが、Cocoonでは、左側に出てくるみたいです。

「Twenty Twenty-One」では、画像がデフォルトで中央揃えになっているので中央揃えで良いのかもしれません。

This post was modified 1年前 by わいひら

   
返信引用
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 6年前
投稿: 16663
 

ただCocoonだと記事幅に満たない画像でキャプションだけ中央揃えにした場合はこんな漢字で違和感が出てしまいます。
キャプション中央揃えにするには、デフォルトで画像も中央揃えにする変更する必要があるかもしれません。


   
返信引用
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 6年前
投稿: 16663
 

投稿者:: @mk2_mk2

WordPress 6.2から、「スタイルのコピー」「スタイルの貼り付け」というものができるようになっているようです。

投稿者:: @mk2_mk2

ただ、これはCocoonだけではないです。
「Twenty Twenty-Three」でも、同様の事が起きました。

 

これは、WordPress本体の問題ということで良いのかもしれないです。

これはちょっと様子見かもしれませんね。
僕も調べてみます。


   
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 3年前
投稿: 7225
Topic starter  

とりあえず、Cocoonブロックについては、全部確認したと思います。
ただ、細かい項目全量までは確認できていないと思います。

そして、WordPressコアのブロックは、数が多くて正直全部は確認できていないです。
各項目も細かくありますし。

サンプリングで、主要なものは確認したかなという感じです。

とりあえず、WordPress 6.2 RC版の確認は、ここまでかなと思っています。

(何か気になることが出てくれば、またします)


   
返信引用
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 6年前
投稿: 16663
 

投稿者:: @mk2_mk2

「横並び」ブロックの配置が、編集画面ではきかないみたいです。

これ僕の環境だとTwenty Twenty-Oneでも何も変わらないみたいです。

 


   
返信引用
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 6年前
投稿: 16663
 

投稿者:: @mk2_mk2

また、公開ページでは、最後のブロックの縦位置がずれています。
(配置は、きいている)

横並びのこちらは修正しておきました。

https://github.com/xserver-inc/cocoon/commit/0bac6592722e91c526968b8a63571f8307d59b96


   
返信引用
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 6年前
投稿: 16663
 

投稿者:: @mk2_mk2

「縦積み」ブロックも、編集画面で配置がきかないみたいです。

これも僕の環境のTwenty Twenty-Oneのエディター上では動作してないっぽいです。僕の環境だけなのかな…。


   
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 3年前
投稿: 7225
Topic starter  

投稿者:: @yhira

これ僕の環境だとTwenty Twenty-Oneでも何も変わらないみたいです。

 

おそらく、カラム幅に対して、要素の幅がいっぱいいっぱいなんだと思います。

そう書いておきながら・・・。
そんな風には見えないですねぇ。

 

私は、「横並び」ブロックの確認の際には、要素を小さくして数も減らすと、きいたんですよね。


   
返信引用
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 6年前
投稿: 16663
 

ご飯を食べるので続きは後にします。


   
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 3年前
投稿: 7225
Topic starter  

私もご飯がまだなので、そろそろ・・・。
(もはや、目も霞みますし)


   
返信引用
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 6年前
投稿: 16663
 

飯食って修正してGitHubにPUSHしようとしたけどできない…。
30分ほど試行錯誤したけど、どうやらGitHubが落ちてるっぽいです…。
とりあえず休憩。


   
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 3年前
投稿: 7225
Topic starter  

しばらく待つしかないですね。

実は、なんだかんだいって、まだご飯を食べていません。
やっと落ち着きましたので、本当にご飯食べます。

その後、まだ残っている自分の作業をしばらくはしていると思います。


   
返信引用
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 6年前
投稿: 16663
 

投稿者:: @mk2_mk2

おそらく、カラム幅に対して、要素の幅がいっぱいいっぱいなんだと思います。

 

私は、「横並び」ブロックの確認の際には、要素を小さくして数も減らしました。


そういうことでしたか。
文字で試してみました。

左右中央配置がうまく行かない不具合で、影響している部分を削除してみました。
ただそうすると他で不具合が出るかもしれない。
今のところ影響が出てそうな部分は見つかりませんでしたが。

GitHubなまだ落ちているので後でプッシュします。


   
返信引用
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 6年前
投稿: 16663
 

投稿者:: @mk2_mk2

「新着記事」と「人気記事」ブロックの、カードの矢印が、編集画面で表示されないようです。
(公開ページは大丈夫です)

ちょっと正当な方法ではないけど、これも見ため的には問題ないように修正しておきました。

後でGitHubにアップします。


   
返信引用
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 6年前
投稿: 16663
 

投稿者:: @mk2_mk2

「新着記事」と「人気記事」ブロックの、カードの矢印が、編集画面で表示されないようです。
(公開ページは大丈夫です)

これCocoon設定はFontAwesome 5になってるということで良いでしょうか?


   
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 3年前
投稿: 7225
Topic starter  

投稿者:: @yhira

これCocoon設定はFontAwesome 5になってるということで良いでしょうか?

はい、FontAwesome 5です。


   
返信引用
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 6年前
投稿: 16663
 

投稿者:: @mk2_mk2

Cocoonのブロックは、「スタイルをコピー」「スタイルを貼り付け」をできないようにしても、良い気がします。
(メニューに展開・表示されないようにする。WordPressコアのブロックは触らない)

今思いつくキーワードで調べた限りではそういった設定はないかもしれません。
https://ja.wordpress.org/team/handbook/block-editor/how-to-guides/themes/theme-json/
https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/

何て検索して良いか分からずChatGPTに聞いてみたけど以下のように言われました笑


   
返信引用
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 6年前
投稿: 16663
 

GitHub試してみたらPUSHできました。

配置関係は!importantスタイルを削除したので、もしかして他で不具合が出るかもしれません。

ところでmk2さんは動作確認はすべて同一ページにブロックを追加して確認していますか?


   
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 3年前
投稿: 7225
Topic starter  

投稿者:: @yhira

何て検索して良いか分からずChatGPTに聞いてみたけど以下のように言われました笑

ChatGPT、ある意味賢いですね。

以下にヒントがないかと思い、少し見たのですが、長くてまだ読みきません💦
(そして、中身も良く分からない・・・)

Add paste styles to the block settings #45477
https://github.com/WordPress/gutenberg/pull/45477


   
わいひら reacted
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 3年前
投稿: 7225
Topic starter  

投稿者:: @yhira

動作確認はすべて同一ページにブロックを追加して確認していますか?

いえ、ある程度分割していますね。

特に、「新着記事」みたいな、データを舐めて展開するタイプは、Localでは激遅になってしまうもので。


   
わいひら reacted
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 3年前
投稿: 7225
Topic starter  

投稿者:: @yhira

GitHub試してみたらPUSHできました。

すみません。

ちょっとしばらくは、自分の作業をさせていただこうと思いますので、確認は遅くなると思います。


   
わいひら reacted
返信引用
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 6年前
投稿: 16663
 

お忙しいところありがとうございます。

投稿者:: @mk2_mk2

以下にヒントがないかと思い、少し見たのですが、長くてまだ読みきません💦
(そして、中身も良く分からない・・・)

Add paste styles to the block settings #45477
https://github.com/WordPress/gutenberg/pull/45477

ここに質問が来ているみたいですね。
https://github.com/WordPress/gutenberg/pull/45477#issuecomment-1477435875

こんなのもありますが、ここに書かれている限りでは変更できないっぽいですね。。
https://github.com/gambitph/Stackable/issues/2605


   
返信引用
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 6年前
投稿: 16663
 

ChatGPT、質問を変えたけど駄目でした。
それはそうよって答えでした。

でもたまにガチで良い答えをくれるのでつい聞いてしまいます。


   
返信引用
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 6年前
投稿: 16663
 

さらにコードで対応する方法質問したらこんな答えが来たんですけど、試しても全然ダメでした。
あまり使用者がいないもの(学習が進んでないもの)だとこういうのも結構あるんですよね…。


   
返信引用
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 6年前
投稿: 16663
 

そもそもhasStyleVariationsで検索しても一切情報が出てこない。
Gutenbergリポジトリで検索しても全く出てこない。
こういうのはAIが想像で書いちゃうのかしら。


   
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 3年前
投稿: 7225
Topic starter  

ご対応いただきありがとうございます。

以下、修正されていることを確認しました。

  • 「横並び」ブロックの配置
  • 「縦積み」ブロックの配置
  • 「マイクロバルーン」ブロックの配置
  • 「新着記事」「人気記事」ブロックの矢印表示

 


   
わいひら reacted
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 3年前
投稿: 7225
Topic starter  

投稿者:: @yhira

ここに質問が来ているみたいですね。
https://github.com/WordPress/gutenberg/pull/45477#issuecomment-1477435875

こんなのもありますが、ここに書かれている限りでは変更できないっぽいですね。。
https://github.com/gambitph/Stackable/issues/2605

なるほど…です。

スタイルを貼り付けた場合

  • コピー先で変更できない属性のものがコピーされる
  • コピー先には本来つかないはずのclassもコピーされる

 
上記は、良くない気がします。

コードエディタから修正するしかないですし、それが出来る方ばかりではないですから。
コピー&貼り付け操作はできてしまいますから、仮にやってしまうと、ゴミが残り続けることに。
(余計なclassがつくことは気づかないかも。後々何かなければ問題はないのかもしれないですけど)

それをWordPress開発側が認識していない・・・感じなんですかねぇ。

今のところ、抑止できない感じですから、仕方ないとしかいえないですね。

ChatGPTも学んでいないことは分からないでしょうし…。
まだ新しいものですから、その辺のラーニングってできているのかしら。


   
わいひら reacted
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 3年前
投稿: 7225
Topic starter  

そう言えば・・・。

確か、WordPress 5.9で、見出しに書いた内容が、そのままアンカーに自動設定される機能がありました。
(例えば「日本語」という見出しH2を作ると、そのままアンカーが「id="日本語"」と自動でなってしまう。)

しかも、ブロックを複製すると、同じアンカーできてしまい、結果的にIDが重複するという・・・。
(手入力の場合は、「-2」のようなハイフン+数字がおしりについて、重複しない感じ)

WordPress 5.9.1で、この機能はキャンセルされましたが、たまーに、このゴミのようなものが残っているサイトを見掛けることがあります。

今回も、リリース後にどなたかが騒いでくだされば、キャンセルされるかも・・・。

 

そろそろ、休みます・・・。
(もはや目が霞みまくって、文字がぼやけます)


   
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 3年前
投稿: 7225
Topic starter  

そう言えば。

リリース前に書いている、いつものトピックは、明日書こうと思います。
リリースは日本時間だと、3/29(水)のはず。
(WordPress本体は、Dry runに入ったはずですが、まだそういう記事は見つけていないですし。予定では1時からDry runのはず)

内容的には、以前のコピペですけど。

では、休むことにします。


   
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 3年前
投稿: 7225
Topic starter  

「画像」ブロックのキャプションの件ですが、現行(WordPress 6.1.1)と同じなんですね。

そして、WordPress 6.2 RC版の「Twenty Twenty-Three」を見てみましたが、同じでした。

 
よって、キャプションの件は、ご放念ください。
失礼いたしました。
 
画像本体の中央揃えができれば、問題ないと思います。
(以下はCocoonです)

   
わいひら reacted
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 3年前
投稿: 7225
Topic starter  

新規投稿(新規追加)を開いた時、タイトルの上に少し空間がある気がします。

WordPress 6.2

 
 
WordPress 6.1.1
 
 
以前のメジャーアップデート時ほどの大きなものではない気がしますが。
(あれはタイトルの高さだったかも)

   
わいひら reacted
返信引用
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 6年前
投稿: 16663
 

投稿者:: @mk2_mk2

以下、修正されていることを確認しました。

  • 「横並び」ブロックの配置
  • 「縦積み」ブロックの配置
  • 「マイクロバルーン」ブロックの配置
  • 「新着記事」「人気記事」ブロックの矢印表示

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


   
返信引用
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 6年前
投稿: 16663
 

投稿者:: @mk2_mk2

新規投稿(新規追加)を開いた時、タイトルの上に少し空間がある気がします。

高さを調整しておきました。
https://github.com/xserver-inc/cocoon/commit/299ab6ecdf5d02dac66e5980c1f35d9d81247b9b

設定を反映させるには一度Cocoon設定の保存ボタンを押す必要があるかもしれません。

This post was modified 1年前 by わいひら

   
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 3年前
投稿: 7225
Topic starter  

変わっていないような・・・。

 
下の間隔が縮みました?

あまり気にしてもとは思いますので、そんなに気にしてはいないですけれど。
 
あと、画像ブロックで、編集画面では画像が「中央揃え」にならないです。
(公開ページは大丈夫です)

   
返信引用
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 6年前
投稿: 16663
 

投稿者:: @mk2_mk2

変わっていないような・・・。

ご確認ありがとうございます。
すいません。なんか自分の勝手なイメージで下だと勘違いしていました。
上も狭めておきました。
https://github.com/xserver-inc/cocoon/commit/d54e82abb5c26f954a9cd7c1afffd26a700b267e


   
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 3年前
投稿: 7225
Topic starter  

ご対応いただきありがとうございます。

タイトル上ののスペースが、修正されていることを確認しました。


   
わいひら reacted
返信引用
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 6年前
投稿: 16663
 

ご確認いただきありがとうございます!
画像ブロックの配置についても修正しておきました。


   
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 3年前
投稿: 7225
Topic starter  

ご対応いただきありがとうございます。

画像ブロックの配置も、問題なかったです。


   
わいひら reacted
返信引用
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 6年前
投稿: 16663
 

ご確認ありがとうございます!


   
返信引用
固定ページ 2 / 2
共有:

問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。

また、有用な回答があった場合は返信右下にある「いいね!」もご活用ください。回答者の励みになります。

「いいね!」機能はフォーラム登録者のみが利用できる機能です。

CC BY-ND 2.1)準じていれば(リンクを貼っていただければ)転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。

フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。

最近の書き込みはこちら。

詳細なカスタマイズ依頼をするならこちら。

タイトルとURLをコピーしました