サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
トピックスターター 2023年5月22日 01:56
いつもお世話になっております。
ブロックエディタでの操作とアイコン表示色がおかしくなってしまいました。
具体的には、ブロック間のカーソル移動がキーボードの矢印キーで移動できなくなったことと、「ブロックを追加」で表示されるリストアイコンなどの表示色がおかしいことです。
以前はこのようなことはなかったので、作業が捗らず困っております。
もし解決策がございましたらご教示いただけないでしょうか。
不足等ございましたら情報追加させていただきますのでよろしくお願いいたします。
----------------------------------------------
相談内容：ブロックエディタの操作とアイコン表示色を通常通りに直したい
不具合・カスタマイズ対象ページのURL：どのURLを記載すればいいのか分からないので、必要でしたらお教示ください。
不具合の発生手順：分からないうちにこのようになってしまったので不明です。
解決のために試したこと：素人があまりいじらないほうがいいと思ったので特にありません。
環境情報：
サイト名：OsunBook
サイトURL： https://osunbook6.com
ホームURL： https://osunbook6.com
コンテンツURL：/wp-content
インクルードURL：/wp-includes/
テンプレートURL：/wp-content/themes/cocoon-master
スタイルシートURL：/wp-content/themes/cocoon-child-master
親テーマスタイル：/wp-content/themes/cocoon-master/style.css
子テーマスタイル：/wp-content/themes/cocoon-child-master/style.css
WordPressバージョン：6.2.2
PHPバージョン：7.4.33
ブラウザ：Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/113.0.0.0 Safari/537.36
サーバーソフト：Apache
サーバープロトコル：HTTP/1.1
言語：ja,en-US;q=0.9,en;q=0.8,ko;q=0.7
----------------------------------------------
テーマ名：Cocoon
バージョン：2.6.0.3
カテゴリー数：7
タグ数：39
ユーザー数：1
----------------------------------------------
子テーマ名：Cocoon Child
バージョン：1.0.6
style.cssサイズ：14756バイト
functions.phpサイズ：459バイト
----------------------------------------------
Gutenberg：1
AMP：1
PWA：1
Font Awesome：5
Auto Post Thumbnail：0
Retina：1
ホームイメージ：/wp-content/uploads/2022/10/20221031_osunbook-ogp.jpg
----------------------------------------------
ブラウザキャッシュ有効化：1
HTML縮小化：0
CSS縮小化：0
JavaScript縮小化：0
Lazy Load：1
----------------------------------------------
利用中のプラグイン：
Ad Invalid Click Protector 1.2.8
Akismet Anti-Spam 5.1
Broken Link Checker 2.1.0
Contact Form 7 5.7.6
Jetpack 12.1
Rinker 1.9.12
UpdraftPlus - Backup/Restore 1.23.4
XML Sitemap Generator for Google 4.1.11
----------------------------------------------
2023年5月22日 05:08
OsunBookさん
「ブロックを追加」で表示されるリストアイコンなどの表示色がおかしいことです。
これは、以下部分かと思いますが・・・。
このような名前のブロックは、標準ではないはずです。
では、何か・・・なのではないでしょうか。
私も試してみましたが、標準ではアイコンに色がついたものはありませんでした。
しかし、「再利用ブロック」を作成すると、以下のように色が付きました。
テーマは、「Twenty Twenty-One」です。
いつからこうなのかは分かりませんが、WordPressの仕様なのでは？
（今回試して、初めて気づきました）
（今回試して、初めて気づきました）
- 標準のブロックで、色がついたものがあるか
（SNS系やプラグインのブロックは、色がついたものもありますけれど） - 再利用ブロック以外で、色がついたものがあるか
それらをご確認いただけますでしょうか。
【追記】
以下のWordPress.org公式に記載があるようです。
（Gutenbergの仕様）
Quickly identify Template Parts and Reusable Blocks by color
https://make.wordpress.org/core/2022/12/09/whats-new-in-gutenberg-14-7-7-december/#quickly-identify-template-parts-and-reusable-blocks-by-color
以下のサイトだと、WordPress 6.2の変更点としてあがっています。
トピックスターター 2023年5月22日 07:46
@mk2_mk2 さん
ご返信ありがとうございます！
GIF化するとプレビュー表示されるんですね。
ありがとうございます！
再利用ブロックの登録について漏れてました。
失礼いたしました。
再利用ブロックについて自宅に戻り次第、確認いたします。
ブロック間のカーソル移動について、Google Chromeで行いましたが、こちらも自宅に戻り次第Safariなどブラウザを変えて試してみます。
ただ、別サイトでCocoonを使用してまして、同じようにブロックエディタを使用してますが、こちらは問題なくカーソル移動ができるので、今回報告させていただいた https://osunbook6.com で問題が起きているのかなと思いました。
以上になります。
お手数ですが、引き続きよろしくお願いいたします。
この投稿は2年前ずつわいひらに変更されました
トピックスターター 2023年5月22日 22:31
こんばんは。
ご連絡遅くなりましてすみません。
早速ですが再利用ブロック以外の色については、JETPACKやSNSなど一部で色がついてますが、基本的にはモノクロでした。
また、Safariでも同じようにキーボードでカーソル移動を試しましたがダメでした。
原因や解決策が分からない場合、テーマのリセット的なことをすれば元に戻るのでしょうか。
元に戻りそうでしたらお手数ですがそのリセット方法をご教示くださると幸いです。
恐れ入りますがよろしくお願いいたします。
2023年5月22日 23:46
OsunBookさん
「ブロックエディタ カーソルキー」で検索すると、以下のようなものがヒットしました。
【WordPress】編集画面で十字キーを使ってブロックの移動ができない時の直し方
https://iphone-manual.net/cursor-doesnt-move-by-pressing-the-arrow-key-on-wordpress/
今回の件と関係あるかは分かりませんが、確認してみても良いと思います。
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。