grayishスキン適用中

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カスタマイズ依頼

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

ブロック編集で選択した文の一部にマーカ...
 
共有:
通知
すべてクリア

[解決済] ブロック編集で選択した文の一部にマーカーが引かれない

14 投稿
4 ユーザー
10 Likes
685 表示
(@きゃりー)
New Member
結合: 3年前
投稿: 2
Topic starter  

相談内容:

管理画面>投稿でブロック編集でブログ記事を書いているのですが、
書いた文を選択し、マーカーや太字のボタンを押しても、選択したところすべてに反映されません。
一部だけマーカーや太字が反映されてしまいます。

何度かやれば全部に反映されることもあるのですが、コードエディターにして修正しないと直らない場合もあります。

どうすれば正常に動くでしょうか。

 

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

すべてのプラグインの無効化をしました。

最初は問題なく動いたのですが、次第に上述の問題が発生しました。

 

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

----------------------------------------------
サイト名:エンくら
サイトURL: https://enkura.net
ホームURL: https://enkura.net
コンテンツURL:/wp-content
インクルードURL:/wp-includes/
テンプレートURL:/wp-content/themes/cocoon
スタイルシートURL:/wp-content/themes/cocoon-child
親テーマスタイル:/wp-content/themes/cocoon/style.css
子テーマスタイル:/wp-content/themes/cocoon-child/style.css
スキン:/wp-content/themes/cocoon/skins/skin-season-autumn/style.css
WordPressバージョン:5.8.1
PHPバージョン:7.4.14
ブラウザ:Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/93.0.4577.63 Safari/537.36 Edg/93.0.961.47
サーバーソフト:Apache
サーバープロトコル:HTTP/1.1
エンコーディング:gzip, deflate, br
言語:ja,en;q=0.9,en-GB;q=0.8,en-US;q=0.7
----------------------------------------------
テーマ名:Cocoon
バージョン:2.3.4
カテゴリ数:7
タグ数:22
ユーザー数:1
----------------------------------------------
子テーマ名:Cocoon Child
バージョン:1.1.2
style.cssサイズ:838バイト
functions.phpサイズ:203バイト
----------------------------------------------
Gutenberg:1
AMP:0
PWA:0
Font Awesome:4
Auto Post Thumbnail:0
Retina:0
ホームイメージ:/wp-content/themes/cocoon/screenshot.jpg
----------------------------------------------
ブラウザキャッシュ有効化:0
HTML縮小化:0
CSS縮小化:0
JavaScript縮小化:0
Lazy Load:0
WEBフォントLazy Load:0
----------------------------------------------
利用中のプラグイン:
BackWPup 3.10.0
ConoHa WING コントロールパネルプラグイン 1.1
ConoHa WING 自動キャッシュクリア 1.0.0
Contact Form 7 5.4.2
EWWW Image Optimizer 6.2.5
Invisible reCaptcha 1.2.3
SiteGuard WP Plugin 1.6.0
WebSub/PubSubHubbub 3.1.0
WP Multibyte Patch 2.9
XML Sitemaps 4.1.1
----------------------------------------------


   
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 3年前
投稿: 6745
 

きゃりーさん

テーマ名:Cocoon
バージョン:2.3.4

親テーマのバージョンが古いことが原因の可能性が高いです。

現在の最新バージョンは、2.3.6です。

WordPress 5.8は、ブロックエディタ周りの仕様が大きく変わり、WordPress 5.8リリース時にいくつか不具合のご連絡がこのフォーラムでありました。

それらは今では解消していますので、まずは親テーマを最新のものにバージョンアップしていただき、ご確認をお願いしたいところです。

 

しかし、きゃりーさんのサイトには、1点問題があります。

ConoHa独自に改変を行った親子テーマをインストールなさっています。

そのため、標準フォルダとは別の場所にインストールされています。

テンプレートURL:/wp-content/themes/cocoon
スタイルシートURL:/wp-content/themes/cocoon-child

その結果、ダッシュボードからの親テーマのアップデートができない状態のようです。

この問題を解決しておかないと、今後ずっとバージョンアップができません。

まずは、親子テーマの問題を解決いただき、最新バージョンのテーマでご確認ください。

対処方法は、以下のトピックをご参照ください。(リンク先とその1つ下。)
https://wp-cocoon.com/community/postid/55462/


   
わいひら reacted
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 3年前
投稿: 6745
 

2.3.4にダウングレードしてみましたが、再現しないような感じがします。
もしかすると、別の問題かもしれません。

まずは、最新バージョンにしていただいて、試していただければと。


   
わいひら reacted
わいひら
(@yhira)
Illustrious Member Admin
結合: 6年前
投稿: 16246
 

あと、この部分のソースコードがどうなっているのか見ないと分からない可能性もあります。


   
(@けん)
New Member
結合: 2年前
投稿: 1
 

同じ症状かと思うのですが、ボールド表示をしようと思って同じ状態になります。

テーマなどのバージョンは最新です。

ほんとに何度繰り返しても出来ないのですごくイラつきます。


   
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 3年前
投稿: 6745
 

もしかすると、再現したかもしれません。

まだ最初のご質問にあったマーカーについては試しておりません。
今は時間がありませんので、マーカーについては後程試してみます。

 

今回再現ができた?かもしれないのは、太字です。

ただし、ご質問者の方々の情報が少ないこと。
そして、どういう操作をなさったのかが分かりませんので、ご質問者の方々の仰っているものと、同じ事象であるかは分かりません。

 

普通に範囲選択をしている分には、再現はしませんでした。
(「かきくけこ」を太字にします。)

 
GIF画像にはこれだけしかありませんが、何回やっても再現しません。
 
 
 
ただし、範囲選択する際に、ちょっとクセのある事をすると、選択範囲が太字にならないケースがあります。
上記と同様に「かきくけこ」を選択しました。
 
手順としては以下の通りです。
 
  1. 一旦「かきく」まで選択します
  2. そのままドラッグ状態で、ブロックの下方向へマウスを移動します
    すると、段落ブロックに枠が表示されるのがお分かりいただけると思います
  3. 上記2の状態で、今度は更に「けこ」を選択すべく、ドラッグしたまま右方向へマウスを動かします

(できるだけ分かり易いように、ゆっくりと操作したつもりです。)

 

すると、一見「かきくけこ」を選択したように見えるのですが、太字を指定すると「かきく」までしか太字になりません。

上記1の操作のみが有効という状態です。

 

これは…どう考えるのかが難しいです。
そして、テーマの問題なのか、WordPress自身の問題なのか。。。

 

1枚目のGIF画像のように、普通に真横に選択していく分には、私の場合再現しませんでした。
2枚目のように、少しクセのある操作が必要でした。

このようにゆっくり大げさにではなく、素早く操作して同じような操作になっている可能性は考えられると思います。

 

取り急ぎ、ご報告です。

マーカーについては、私の作業が終わってから試してみようと思います。
少しお時間いただくと思います。

ただ、ご質問者の方々の事象と同じものであるかどうかは分かりませんけれど。

 

念のため、ローカル環境ですが、私の環境情報を貼り付けておきます。

----------------------------------------------
サイト名:TEST環境(Local)
サイトURL: https://localtest.local
ホームURL: https://localtest.local
コンテンツ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バージョン:5.8.1
PHPバージョン:7.4.1
ブラウザ:Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/93.0.4577.82 Safari/537.36
サーバーソフト:Apache/2.4.43 (Win32)
サーバープロトコル:HTTP/1.0
エンコーディング:gzip, deflate, br
言語:ja,en-US;q=0.9,en;q=0.8
----------------------------------------------
テーマ名:Cocoon
バージョン:2.3.6
カテゴリ数:2
タグ数:2
ユーザー数:1
----------------------------------------------
子テーマ名:Cocoon Child
バージョン:1.1.2
style.cssサイズ:2131バイト
functions.phpサイズ:967バイト
----------------------------------------------
Gutenberg:1
AMP:1
PWA:0
Font Awesome:5
Auto Post Thumbnail:0
Retina:0
ホームイメージ:/wp-content/themes/cocoon-master/screenshot.jpg
----------------------------------------------
ブラウザキャッシュ有効化:0
HTML縮小化:0
CSS縮小化:0
JavaScript縮小化:0
Lazy Load:0
WEBフォントLazy Load:1
----------------------------------------------
利用中のプラグイン:
WP Multibyte Patch 2.9
----------------------------------------------


   
わいひら reacted
リフィトリー
(@leafytree)
Illustrious Member Moderator
結合: 5年前
投稿: 6845
 

@mk2_mk2 さん

私も、少しだけテストしてみたのですが、太字でもマーカーでも、私のテスト環境では、少ない頻度ですが、症状が再現しました。

まだ、詳しくテストしていないので、症状が出現する条件は全く掴めていません。


   
わいひら reacted
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 3年前
投稿: 6745
 

リフィトリーさん

そうですか、再現しましたか。

私も他にどういう条件が必要なのかは分かりません。

先程試したのは…。

投稿者:: @mk2_mk2
  1. 一旦「かきく」まで選択します
  2. そのままドラッグ状態で、ブロックの下方向へマウスを移動します
    すると、段落ブロックに枠が表示されるのがお分かりいただけると思います
  3. 上記2の状態で、今度は更に「けこ」を選択すべく、ドラッグしたまま右方向へマウスを動かします

上記では、2でブロックの下へと操作するのですが。

 

一度でもはみ出して、ブロックに外枠が表示された状態にすると、ポインタの位置を戻しても、同事象が発生するようです。

 
 
このブロック外に一度はみ出すという方法以外は、まだ再現ができていません。
 
そう言えば、マーカーもまだ試していません。
これから試してみます。
 
 
【追記】
 
マーカーも、太字と同じ方法で再現しました。
一度でも、ブロックの領域をはみ出すと、選択したことにはならない。。。のでしょうか。

   
わいひら reacted
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 3年前
投稿: 6745
 

ちなみに、私の再現方法で…という条件付きですが。

先程と同じ環境で「Twenty Twenty-One」に切替ても、同じ事象が発生します。

 
 
そして…。
 
残してある昔の環境、WordPress 5.7.2(Cocoon 2.3.2.3)では、同事象は発生しませんでした。
このWordPress 5.7.2の環境では、「Twenty Twenty-One」に切替ても、同事象は発生しませんでした。
 
よって、私の再現方法に限った話ではありますが、WordPress 5.8.1(5.8も?)の問題と思われます。
 
他の方法で再現するのか。
それを見つける必要がありそうに思います。
 
ご質問者の方々はどのような条件で発生したのか。。。をお伝えいただけると、かなり助かると思います。
もちろん、環境などの情報もお願いしたいです。
 
 
では、そろそろ寝てしまいます。

   
リフィトリー
(@leafytree)
Illustrious Member Moderator
結合: 5年前
投稿: 6845
 

@mk2_mk2 さん

けんさん

きゃりーさん

mk2さんの発生条件ですと、キャレットを先頭に置いたら、shift キーと 右矢印キーで文字列を選択すると良いかもしれませんね。


   
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 3年前
投稿: 6745
 

リフィトリーさん

なるほどです、以下のような感じですね。

 
一旦、「か」の左側(※1)をクリックして、その後shiftキーを押しながら、「こ」まで(※2)を選択しています。
 
※1 「お」と「か」の間
※2 「こ」と「さ」の間
 
 
確かに、これだと私が見つけた条件は発生しないようですね。

   
わいひら reacted
リフィトリー
(@leafytree)
Illustrious Member Moderator
結合: 5年前
投稿: 6845
 

@mk2_mk2 さん

あ、それでもイケるんですね。


   
わいひら
(@yhira)
Illustrious Member Admin
結合: 6年前
投稿: 16246
 

僕の環境でもこちらを再現できました。

おそらく、マウスカーソルがブロック枠外に出た場合、選択領域が確定されてしまっぽいですね…。

そして、mk2さんが書かれたように、「Twenty Twenty-One」のような公式テーマでも同様の症状が出るので、この件に関してはWordPress側の修正を待つしかなさそうですね…。


   
(@きゃりー)
New Member
結合: 3年前
投稿: 2
Topic starter  

遅くなってしまい申し訳ありません。

 

mk2さんのご指摘の通り、ConoHaの親テーマと子テーマをダウンロードしていたので、親子テーマ問題は解決いたしました。ありがとうございます。

 

質問していたマーカーと太字の件ですが、皆様の検証通り、ドラッグ中にカーソルがブロック外に出てしまっていたのが問題だったよです。

雑にカーソルを操作していたことに加えて、トップツールバーにしていたのも再現しやすい状況を作り出していました。

 

WordPress側の修正待ちとのことで了解いたしました。

ご検証いただき、誠にありがとうございます。


   
共有:

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

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

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

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

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

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

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

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