WordPressの投稿画面のツールバー・ショートカットキーをカスタマイズする

WordPresssエディターカスタマイズ 01

目次

使わないと損をする最強海外FXキャッシュバックサイトTariTali
最強キャッシュバックサイトTariTali
Taritaliは1lotにつき最大9ドル還元
損切りやゼロカットをしても資金が残ります

使いやすいWordPressの管理画面

TinyMCEの採用と使いやすい各種ショートカットキーで生産性の高いWordPressの投稿画面。

カスタマイズをするとより使いやすくなるので、この記事では主なカスタマイズを紹介します。

ツールバーのカスタマイズ

WordPresssエディターカスタマイズ 01

WordPressのツールバーから不要なボタンを削除し、好きなボタンを追加します。

スマートフォンから記事を編集する時にツールバーの中身に不満を感じたので。

  • functions.php
add_filter('mce_buttons', function ($buttons) {
    // 削除したいボタン
    $removes = ['alignleft', 'aligncenter', 'alignright', 'wp_adv', 'wp_more'];
    $buttons = array_diff($buttons, $removes);
    $buttons[] = 'undo';
    $buttons[] = 'redo';
    $buttons[] = 'strikethrough';
    $buttons[] = 'styleselect';
    $buttons[] = 'wp_adv';
    return $buttons;
});

$removesに削除したいボタンを記載。
その後で表示したいボタンだけを改めて追加しました。
登録できるボタンの名称一覧はclass-wp-editor.phpに記載されているのでGithubなどを参照してください。
wordpress-develop/class-wp-editor.php at 6.1 · WordPress/wordpress-develop · GitHub:

なんとなく名前を見れば分かるようになっています。

$mce_buttons = array(
    'formatselect',
    'bold',
    'italic',
    'bullist',
    'numlist',
    'blockquote',
    'alignleft',
    'aligncenter',
    'alignright',
    'link',
    'wp_more',
    'spellchecker',
);
$mce_buttons_2 = array(
    'strikethrough',
    'hr',
    'forecolor',
    'pastetext',
    'removeformat',
    'charmap',
    'outdent',
    'indent',
    'undo',
    'redo',
);

ショートカットキーの追加

運用上『小文字に変換』をどうしても追加したかったのでこれだけ。

TinyMCEにsmallのフォーマット機能を追加してからショートカットキー『Alt+S』に割り当てています。

管理画面は読み込むファイルが多いからか、イベントの登録に失敗することが多いので読み込んでから2秒後に実行。

  • functions.php
add_action('admin_print_scripts', function () {
    echo <<<EOS
                <script>
addEventListener('load', () => {
  setTimeout(() => {
    tinymce.activeEditor.formatter.register('small', { inline: 'small'});
    tinymce.activeEditor.shortcuts.add('Alt+S', false, () => {
       tinymce.activeEditor.execCommand('mceToggleFormat', false, 'small');
     });
  } , 2000);
});
                </script>
EOS;
});

WordPress記事一覧

海外FXキャッシュバック口座開設ならTariTali(タリタリ)
WordPressでアフィリエイトをするなら3桁PVでも月収10万円を達成できる
キャッシュバックサイトアフィリエイトがオススメ

使わないと損をする最強海外FXキャッシュバックサイトTariTali
最強キャッシュバックサイトTariTali
Taritaliは1lotにつき最大9ドル還元
損切りやゼロカットをしても資金が残ります