ブロックエディターをiPhoneで使用する際の問題点【Gutenberg】

※このページにはプロモーションが含まれています

2018年12月のWordPressアップデートの「り新しいエディターGutenberg (グーテンベルグ) が使えるようになりました。便利になった部分もたくさんありますが、ほぼiPhoneだけでサイト運営している少数派の私からiPhoneで操作する際の問題点をピックアップさせていただきました。

PCで作業すれば良いだけなんすけどね・・

まぁ急用やイレギュラーでスマホ編集しなければならない時の参考にして頂ければなと。※iPhoneのシリーズやOSによっても症状が違うかもしれませんが

スポンサーリンク

エディターの併用について

旧エディタ(クラシックエディター)を使用する場合は、以下のプラグインをインストールして有効化します。

プラグイン情報
  • 名称:Classic Editer
  • 作成者: WordPress

新 ⇆ 旧 エディターはワンクリックで簡単に切り替え可能ですが、レイアウトが崩れる場合があるのでご注意ください。

デフォルトのエディターを設定

新規で投稿ページを作る際に使うデフォルトのエディターを選べます。

WordPressの設定
  1. ダッシュボード
  2. 設定
  3. 投稿設定
デフォルトのエディターを選択

ブロックエディターの問題点

iPhoneで記事の作成・編集をする場合、以下の様な問題が発生しました。『編集画面のサイズ感』が主なポイントです。

解決済みは打ち消し線
  1. 編集時の画面幅が狭い
  2. 編集時のフォントが実際とだいぶ違う
  3. Cocoonで画面下の編集をクリックすると白紙ページになる
  4. パネルの項目が多いと下の方が見えない
  5. クラシックから切り替えると改行が無くなる
  6. 編集時に画面幅が狂う
  7. リンク挿入の窓がキーボードに隠れがち
  8. htmlモードの編集がやたらと重い

4.下の方のメニューが画面内に表示できない

↓この画像で言うと「ページ設定」の下に「エディター」があるのですが、下から上にスワイプしても画面内に持ってこれません

クラシックエディター選択

※一時的な回避策

オプションからDocument PanelsAdvanced Panelsのチェック項目を出来る限り減らします。その後、Status & Visibilityをタップで最小化するとエディターが表示されます。

デフォルトだとたくさんチェックが入ってます。あくまでも一時的な回避策なのでご了承ください。

5.旧 → 新エディターに変えると改行が消える

見やすさを考えて行間を空けていたのに、旧エディターで作成したページをブロックエディターで編集・保存すると改行が無くなります。※<br>は無効の様です

これは不具合ではなくそもそも概念や仕様が違うので、ブロックエディターで行間を調整するにはスペーサーというブロックを使用します。

6.編集時の画面幅がおかしい

ブロックを編集しようとすると、編集画面が拡大されてしまってiPhoneの画面内に収まりません。言葉だけ見ると大したことなさそうですが、いちいち二本指でピンチして画面幅を縮小しないと絶対的に編集できない部分が発生します。

この作業が本当に手間で困っています。

7.リンク挿入窓がキーボードに隠れがち

テキストや画像にリンクを貼ろうとすると、ポップアップされた入力欄がキーボードに半隠れ。

上手くアクティブにしてペーストできることもあれば、どうにもいかずに入力欄がキーボードの裏に逃げてしまうことも。

htmlモードの反応が激重

一時期はhtmlモードでのコピペができなくなりましたが、その問題はアップデートで改善された様です。しかし、ある時期から急激に操作が重くなりました。文字の追加や削除も入力してから2〜3秒後に反映されるくらいの感覚です。

エディターの併用は避ける

SNSの埋め込みなど便利な機能もたくさんあるブロックエディターですが、クラシックエディターの感覚とはまた違う仕様になっています。

特にクラシックエディターで作成した記事をブロックエディターで編集する際は、色々と注意や手間が必要です。出来ない訳ではありませんが使用するエディターはどちらかに統一した方が良さそうです。

参考にしたブロックエディター情報

Comment

  1. sarten さん
    ご謙遜を。このブログは大変に分かりやすく。
    文章も論理的な感じで気持ちよく読ませて頂きました。
    単なる不満となりガチな話題なのに、気持ちよく読めると言うことは配慮と事実のみきちんと書くスキルがあってのことだと思います。
    私などついつい感情も込めてしまって年甲斐もなくです。
    今回はGoogle検索でサクッとこのブログが出て来たので、私だけの問題ではないがiPhoneでの編集ユーザーが少ないであろう事が解決の遅れになっているらしいことが掴めて助かりました。
    テーマ側にも、どうやらそうらしい事をお伝えした上で、もし可能なら助けて欲しいと言うスタンスで相談する事が出来ました。

    私もいくつかブログとホームページを持ってますが、それこそコメントなんてほぼ無いので、アクセスもですけど(笑)
    まれにコメントがあると嬉しく思ってました。

    本日は、ご丁寧に対応を頂いてありがとうございました。

    • sarten より:

      >ももちゃんさん

      検索してみたら本当にサクっと自分のサイトが表示された事に驚きつつ、すぐに誤字脱字を修正しました(笑)

      この問題で困ってるのはこの世で私だけかとも思っていましたが、同じ様に困っている方がいて安心しました。※可笑しな事ですが

      もちろんこのコメントもiPhoneで何度もサイズ調整しながら作成しております。ただ、昨日までよりもストレスは減った気がします。

      何か新しい情報が得られましたらお知らせいたします。色々とありがとうございました!

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