特典機能について

ブロック編集で選択した文の一部にマーカーが引かれない | 不具合報告 | Cocoon フォーラム

サイト内検索
運営者(わいひら)は、10月25日から骨の手術のため数週間入院します。その際、フォーラム負担軽減のため登録者のみ書き込めるようを制限をさせていただきます。フォーラム未登録の方はこちらの手順で登録を行ってください。予定としては12月前半まで実施させていただきます。
書き込みの前に以下の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. ブラウザ環境チェックツール

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

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

wpForoの解決済みリンク

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

wpForoのいいねリンク

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

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

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

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

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

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

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


きゃりー
 きゃりー
(@きゃりー)
ゲスト
結合: 1か月前
投稿: 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)
メンバー Moderator
結合: 8か月前
投稿: 2162
 

きゃりーさん

テーマ名: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/


わいひら 件のいいね!
mk2
(@mk2_mk2)
メンバー Moderator
結合: 8か月前
投稿: 2162
 

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

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


わいひら 件のいいね!
わいひら
(@yhira)
メンバーサイト Admin
結合: 4年前
投稿: 12871
わいひら - Facebookわいひら - Twitter
 

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


けん
 けん
(@けん)
ゲスト
結合: 1か月前
投稿: 1
 

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

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

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


mk2
(@mk2_mk2)
メンバー Moderator
結合: 8か月前
投稿: 2162
 

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

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

 

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

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

 

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

 
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
----------------------------------------------


わいひら 件のいいね!
リフィトリー
(@leafytree)
メンバー Moderator
結合: 3年前
投稿: 6348
 

@mk2_mk2 さん

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

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


わいひら 件のいいね!
mk2
(@mk2_mk2)
メンバー Moderator
結合: 8か月前
投稿: 2162
 

リフィトリーさん

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

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

先程試したのは…。

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

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

 

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

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

わいひら 件のいいね!
mk2
(@mk2_mk2)
メンバー Moderator
結合: 8か月前
投稿: 2162
 

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

先程と同じ環境で「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)
メンバー Moderator
結合: 3年前
投稿: 6348
 

@mk2_mk2 さん

けんさん

きゃりーさん

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


mk2
(@mk2_mk2)
メンバー Moderator
結合: 8か月前
投稿: 2162
 

リフィトリーさん

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

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

わいひら 件のいいね!
リフィトリー
(@leafytree)
メンバー Moderator
結合: 3年前
投稿: 6348
 

@mk2_mk2 さん

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


わいひら
(@yhira)
メンバーサイト Admin
結合: 4年前
投稿: 12871
わいひら - Facebookわいひら - Twitter
 

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

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

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


きゃりー
 きゃりー
(@きゃりー)
ゲスト
結合: 1か月前
投稿: 2
Topic starter  

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

 

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

 

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

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

 

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

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


mk2わいひら 件のいいね!
共有:
スポンサーリンク
SWELLと業務提携しています
WordPressテーマSWELL
わいひらをフォローする
おすすめサーバー(コスパ・バックアップ重視型)

性能も兼ね備えながら安くブログ運営を開始できる点においてのNo.1。
それでいてブログ成長後は、十分すぎるほどのスペックアップ余力も担保されている。

◎安く始められる
◎LiteSpeedを用いた高速サーバー(完全SSD)
◎http/3(高速化プロトコル)に対応
◎東京・大阪でリージョン選択が可能
◎プランのアップ・ダウングレードが自由自在
◎同サービス内でドメイン管理が可能
◎ディスク容量が多い
◎転送量が多い
◎毎日無料バックアップ(14日分)
◎DBは14日以内なら無料自動復旧可能
◎ファイルも14日以内なら無料自動復旧可能
◎アダルト・出会い系サイト可
◎ドメインとサーバー代のチャージ払いが可能
○サーバ引っ越し依頼が可能(有料)

サービス運営期間:3年

1年以上の契約をする場合は、クーポンコード入力でさらに50%割引キャンペーン中!
※BOX2 ~ BOX8プラン契約の場合

クーポンコード:PK4JK4RJ

クーポンの使用方法はこちら

とにかく速い。サイトに表示スピードを求めるならココ。
管理画面がシンプルで使いやすい。

◎nginxを用いた高速サーバー(完全SSD)
◎プランのアップ・ダウングレードが自由自在
◎同サービス内でドメイン管理が可能
◎ディスク容量が多い
◎転送量が多い
○http/2(高速化プロトコル)に対応
◎毎日無料バックアップ(14日分)
◎DBは14日以内なら無料自動復旧可能
◎ファイルも14日以内なら無料自動復旧可能
◎サーバ引っ越しツールあり(無料)
○サーバ引っ越し依頼が可能(有料)
◎ドメインとサーバー代のチャージ払いが可能

サービス運営期間:3年

安定感抜群のサーバーです。あまり急激なアクセス変動がないアフィリエイトサイトに向いています。

◎nginxを用いた高速サーバー(完全SSD)
◎老舗サーバーなので安定感抜群
◎ディスク容量が多い
◎転送量が多い
◎同サービス内でドメイン管理が可能
○http/2(高速化プロトコル)に対応
○毎日無料バックアップ(14日分)
○DBは7日以内なら無料自動復旧可能
×ファイルは有料かつ手動での復旧
×プラン変更でCPUのスペックアップができない
×プラン変更しても即時反映されない
×アダルト・出会い系サイト不可

サービス運営期間:18年

常に新しいことに挑戦しているフロンティア精神あふるるレンタルサーバーです。
LiteSpeedやHTTP/2を日本で初めて導入したサーバー。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎http/3(高速化プロトコル)に対応
◎プランのアップ・ダウングレードが自由自在
◎同サービス内でドメイン管理が可能
◎転送量が多い
◎ディスク容量が多い
◎毎日無料バックアップ(14日分)
◎DBは14日以内なら無料自動復旧可能
○ファイルは14日以内なら無料復旧可能(※手動)
◎アダルト・出会い系サイト可
◎ドメインとサーバー代のチャージ払いが可能
○サーバ引っ越し依頼が可能(有料)

サービス運営期間:5年

格安な値段で始められる高機能サーバーです。
性能も備えつつ最安ならここ。
ただし少し機能は弱い。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎激安プランが用意してある
◎値段あたりのスペックが高い(コスパ良し)
◎サーバ引っ越し依頼が可能(無料)
◎アダルト・出会い系サイト可
○http/2(高速化プロトコル)に対応
△プランのアップは可能だがダウンは不可
△毎日自動バックアップ(1日分)
△前日のバックアップからのみ復元できる(無料)

サービス運営期間:5年

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