学び

【WordPress】Undoボタンの追加方法と絵文字が反映されないときの対策|学びログ

WordPressのクラシックエディターを使っていると、「元に戻す(Undo)」や「やり直し(Redo)」のボタンが欲しいとき、ありませんか?

今回、プラグインを使って簡単にUndoボタンを追加する方法と、ついでに絵文字が反映されないときの対処法をまとめました。

自分の備忘録ですが、もし参考になれば嬉しいです!

1. クラシックエディターにUndoボタンを追加する方法

クラシックエディターでは、初期状態でUndoボタンが表示されないことがあります。

最も簡単でおすすめなのは、「Advanced Editor Tools(旧TinyMCE Advanced)」というプラグインを使う方法です。

【手順】

(1) プラグインをインストール

  • 管理画面 → プラグイン → 新規追加

  • Advanced Editor Tools」を検索 → インストール → 有効化

(2) ツールバーをカスタマイズ

  • 設定 → Advanced Editor Tools

  • 「クラシックエディター」タブを選択

  • 「利用可能なボタン」一覧から Undo(元に戻す)Redo(やり直し) をツールバーへドラッグ&ドロップ

  • 「変更を保存」をクリック

(3) 編集画面を再読み込み

投稿画面を開くと、UndoボタンとRedoボタンがツールバーに表示されます。


2. 絵文字が反映されないときの原因と対処法

今回、Undoボタンはすぐに追加できたのですが、絵文字が何度試しても反映されないという問題がありました。

【原因】

クラシックエディターは、標準では一部の絵文字をサポートしていません。

さらに、テーマやプラグインによってフィルタリングされる場合もあります。

【対処法】

方法1:絵文字スクリプトを有効化する

  1. 「設定 → 投稿設定」を開く

  2. 「絵文字の使用を有効にする」にチェックを入れる

    ※テーマによっては設定が非表示のこともあります

方法2:プラグインで対応する

  • Emoji Convergence」などの絵文字対応プラグインを導入

  • Gutenberg対応の絵文字ライブラリを使うと反映率が高いです

方法3:画像で代替する

どうしても反映されない絵文字は、画像を挿入するのもアリです。

絵文字PNGやSVGをCanvaなどで作成して「メディアに追加」すれば、見た目を統一できます。


3. ショートカットで「元に戻す」裏ワザ

実は、Undoボタンを追加しなくても、ショートカットキーで元に戻せます。

  • Mac:⌘ + Z → 元に戻す

  • Mac:⇧ + ⌘ + Z → やり直し

  • Windows:Ctrl + Z → 元に戻す

  • Windows:Ctrl + Y → やり直し

コツツールバーが増えすぎるのを避けたい人は、ショートカットだけでも十分便利です。


4. まとめ

  • Undoボタンは「Advanced Editor Tools」プラグインで簡単に追加可能

  • 絵文字が反映されない場合は、テーマ設定やプラグインで対応する

  • ショートカットキーを使えば、ボタンなしでも作業効率UP

WordPressクラシックエディターは機能がシンプルな分、必要な機能は自分で追加してカスタマイズするのがおすすめです。

関連記事

  1. 【記録】コーディング 2023.9.26
  2. 【記録】コーディング 2023.10.02
  3. 【記録】コーディング 2023.9.22
  4. 【記録】WordPress学習 2023.10.16
  5. 【記録】コーディング 2023.10.03
  6. 【記録】コーディング 2023.10.05~10.11
  7. 【記録】コーディング 2023.9.25

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

PAGE TOP