サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL:
相談内容:
不具合の発生手順:
解決のために試したこと:
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報:※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え(FAQ)
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法(推奨ツール:notepad.pw)
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
Topic starter
2023年3月27日 19:39
以下の返信で記載した、「スタイルの貼り付け」で、「CSS」というクラスが追加されている件ですが、分かりました。
https://wp-cocoon.com/community/postid/68730/
コピー元が、「コードブロック」で、その言語選択で「CSS」を選択していました。
それが、コピーされてしまっているみたいです。
先の返信では、WordPressのブロックから、Cocoonのブロックへと「スタイルを貼り付け」ました。
逆の場合はどうなるのかと思って確認しました。
Cocoonの場合は、枠の色(ボーダー色)が拡張されていると思いますので、どうなるのかと思いました。
その際に、クラス「CSS」も気づきました。
Cocoonの「見出しボックス」から、「コード」ブロックへ、「スタイルの貼り付け」をします。
「スタイルの貼り付け」前の状態です。
「スタイルの貼り付け」をします。
「枠の色」だけでなく、「文字色」「背景色」のコピーされないみたいです。
(全部拡張しているから?)
(全部拡張しているから?)
そして、コードブロックの言語選択の「CSS」は消えてしまいます。
(クラスも消えます)
(クラスも消えます)
何が正解かは分からないのですけれど。
Cocoonのブロックは、「スタイルをコピー」「スタイルを貼り付け」をできないようにしても、良い気がします。
(メニューに展開・表示されないようにする。WordPressコアのブロックは触らない)
(メニューに展開・表示されないようにする。WordPressコアのブロックは触らない)
それができるものはどうかは、分からないのですけれど。
もっと早くに確認していれば・・・、すみません。
わいひら reacted
Topic starter
2023年3月27日 20:14
とりあえず、Cocoonブロックについては、全部確認したと思います。
ただ、細かい項目全量までは確認できていないと思います。
そして、WordPressコアのブロックは、数が多くて正直全部は確認できていないです。
各項目も細かくありますし。
サンプリングで、主要なものは確認したかなという感じです。
とりあえず、WordPress 6.2 RC版の確認は、ここまでかなと思っています。
(何か気になることが出てくれば、またします)
2023年3月27日 20:26
また、公開ページでは、最後のブロックの縦位置がずれています。
(配置は、きいている)
横並びのこちらは修正しておきました。
https://github.com/xserver-inc/cocoon/commit/0bac6592722e91c526968b8a63571f8307d59b96
2023年3月27日 20:29
「縦積み」ブロックも、編集画面で配置がきかないみたいです。
これも僕の環境のTwenty Twenty-Oneのエディター上では動作してないっぽいです。僕の環境だけなのかな…。
Topic starter
2023年3月27日 20:30
これ僕の環境だとTwenty Twenty-Oneでも何も変わらないみたいです。
おそらく、カラム幅に対して、要素の幅がいっぱいいっぱいなんだと思います。
そう書いておきながら・・・。
そんな風には見えないですねぇ。
私は、「横並び」ブロックの確認の際には、要素を小さくして数も減らすと、きいたんですよね。
2023年3月27日 20:32
ご飯を食べるので続きは後にします。
Topic starter
2023年3月27日 20:33
私もご飯がまだなので、そろそろ・・・。
(もはや、目も霞みますし)
Topic starter
2023年3月27日 22:01
しばらく待つしかないですね。
実は、なんだかんだいって、まだご飯を食べていません。
やっと落ち着きましたので、本当にご飯食べます。
その後、まだ残っている自分の作業をしばらくはしていると思います。
2023年3月27日 22:15
おそらく、カラム幅に対して、要素の幅がいっぱいいっぱいなんだと思います。
私は、「横並び」ブロックの確認の際には、要素を小さくして数も減らしました。
そういうことでしたか。
文字で試してみました。
左右中央配置がうまく行かない不具合で、影響している部分を削除してみました。
ただそうすると他で不具合が出るかもしれない。
今のところ影響が出てそうな部分は見つかりませんでしたが。
GitHubなまだ落ちているので後でプッシュします。
2023年3月27日 22:17
「新着記事」と「人気記事」ブロックの、カードの矢印が、編集画面で表示されないようです。
(公開ページは大丈夫です)
ちょっと正当な方法ではないけど、これも見ため的には問題ないように修正しておきました。
後でGitHubにアップします。
2023年3月27日 22:21
「新着記事」と「人気記事」ブロックの、カードの矢印が、編集画面で表示されないようです。
(公開ページは大丈夫です)
これCocoon設定はFontAwesome 5になってるということで良いでしょうか?
2023年3月27日 22:45
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に聞いてみたけど以下のように言われました笑
2023年3月27日 22:49
GitHub試してみたらPUSHできました。
配置関係は!importantスタイルを削除したので、もしかして他で不具合が出るかもしれません。
ところでmk2さんは動作確認はすべて同一ページにブロックを追加して確認していますか?
Topic starter
2023年3月27日 22:52
何て検索して良いか分からずChatGPTに聞いてみたけど以下のように言われました笑
ChatGPT、ある意味賢いですね。
以下にヒントがないかと思い、少し見たのですが、長くてまだ読みきません💦
(そして、中身も良く分からない・・・)
Add paste styles to the block settings #45477
https://github.com/WordPress/gutenberg/pull/45477
わいひら reacted
2023年3月27日 23:38
お忙しいところありがとうございます。
以下にヒントがないかと思い、少し見たのですが、長くてまだ読みきません💦
(そして、中身も良く分からない・・・)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
Topic starter
2023年3月28日 01:07
ご対応いただきありがとうございます。
以下、修正されていることを確認しました。
- 「横並び」ブロックの配置
- 「縦積み」ブロックの配置
- 「マイクロバルーン」ブロックの配置
- 「新着記事」「人気記事」ブロックの矢印表示
わいひら reacted
Topic starter
2023年3月28日 01:14
ここに質問が来ているみたいですね。
https://github.com/WordPress/gutenberg/pull/45477#issuecomment-1477435875こんなのもありますが、ここに書かれている限りでは変更できないっぽいですね。。
https://github.com/gambitph/Stackable/issues/2605
なるほど…です。
スタイルを貼り付けた場合
- コピー先で変更できない属性のものがコピーされる
- コピー先には本来つかないはずのclassもコピーされる
上記は、良くない気がします。
コードエディタから修正するしかないですし、それが出来る方ばかりではないですから。
コピー&貼り付け操作はできてしまいますから、仮にやってしまうと、ゴミが残り続けることに。
(余計なclassがつくことは気づかないかも。後々何かなければ問題はないのかもしれないですけど)
それをWordPress開発側が認識していない・・・感じなんですかねぇ。
今のところ、抑止できない感じですから、仕方ないとしかいえないですね。
ChatGPTも学んでいないことは分からないでしょうし…。
まだ新しいものですから、その辺のラーニングってできているのかしら。
わいひら reacted
Topic starter
2023年3月28日 01:29
そう言えば・・・。
確か、WordPress 5.9で、見出しに書いた内容が、そのままアンカーに自動設定される機能がありました。
(例えば「日本語」という見出しH2を作ると、そのままアンカーが「id="日本語"」と自動でなってしまう。)
しかも、ブロックを複製すると、同じアンカーできてしまい、結果的にIDが重複するという・・・。
(手入力の場合は、「-2」のようなハイフン+数字がおしりについて、重複しない感じ)
WordPress 5.9.1で、この機能はキャンセルされましたが、たまーに、このゴミのようなものが残っているサイトを見掛けることがあります。
今回も、リリース後にどなたかが騒いでくだされば、キャンセルされるかも・・・。
そろそろ、休みます・・・。
(もはや目が霞みまくって、文字がぼやけます)
Topic starter
2023年3月28日 01:47
そう言えば。
リリース前に書いている、いつものトピックは、明日書こうと思います。
リリースは日本時間だと、3/29(水)のはず。
(WordPress本体は、Dry runに入ったはずですが、まだそういう記事は見つけていないですし。予定では1時からDry runのはず)
内容的には、以前のコピペですけど。
では、休むことにします。
2023年3月28日 19:31
以下、修正されていることを確認しました。
- 「横並び」ブロックの配置
- 「縦積み」ブロックの配置
- 「マイクロバルーン」ブロックの配置
- 「新着記事」「人気記事」ブロックの矢印表示
ご確認いただきありがとうございます。
2023年3月28日 19:45
新規投稿(新規追加)を開いた時、タイトルの上に少し空間がある気がします。
高さを調整しておきました。
https://github.com/xserver-inc/cocoon/commit/299ab6ecdf5d02dac66e5980c1f35d9d81247b9b
設定を反映させるには一度Cocoon設定の保存ボタンを押す必要があるかもしれません。
This post was modified 2年前 by わいひら
2023年3月28日 20:40
変わっていないような・・・。
ご確認ありがとうございます。
すいません。なんか自分の勝手なイメージで下だと勘違いしていました。
上も狭めておきました。
https://github.com/xserver-inc/cocoon/commit/d54e82abb5c26f954a9cd7c1afffd26a700b267e
2023年3月28日 21:57
ご確認いただきありがとうございます!
画像ブロックの配置についても修正しておきました。
2023年3月28日 22:56
ご確認ありがとうございます!
固定ページ 2 / 2
前へ
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね!」もご活用ください。回答者の励みになります。
(CC BY-ND 2.1)準じていれば(リンクを貼っていただければ)転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。