WordPressの更新ボタンにショートカットキーを設定
- ? ?
- 公開日:2022/4/10
- 最終更新日:2022/5/6
- Wordpress
WordPressの更新ボタンにショートカットキーを設定していたのですが、テーマを更新したことで上書きされて使えなくなりました。
再設定しようとしましたが、最近、スターサーバーからエックスサーバーにサーバー変更したのですが、スターサーバーとエックスサーバーでは更新ボタンのショートカットのパスの設定が違っていました。
スターサーバーの場合は以下
https://jyuku.pc-k.co.jp/wp-content/themes/keni/koushin.js
エックスサーバーの場合は以下
https://jyuku.pc-k.co.jp/public_html/wp-content/themes/keni/koushin.js
このパスの違いによってショートカットキーを設定したけど上手く動きませんでした。
functions.phpに追加したソースコードが間違っているのか、koushin.jsのソースが間違っているのか確認のためスターサーバーに設定して確かめてみたところ更新ボタンのショートカットが使えました。
そこで、エックスサーバーのパスをスターサーバーと同じにしてみたら動きました。(public_htmlを削除)
※エックスサーバーの場合、public_htmlが間にある状態のパスだと正常に動かないみたいです。
https://jyuku.pc-k.co.jp/wp-content/themes/keni61_wp_corp_131209/koushin.js
koushin.jsファイルのソースコードは以下です。
function keyDown(e) {
if(e.ctrlKey && e.key == 'Enter') {
publish_button = document.getElementById('publish');
if (publish_button){
publish_button.click();
}
}
}
document.addEventListener("keydown", keyDown);
functions.phpのソースコードは以下です。
/**
* javascriptファイルの読み込み設定を追加する。
*/
function myadmin_script(){
global $hook_suffix;
// 記事編集以外の画面では読み込まないようにする
if ('post.php' != $hook_suffix && 'post-new.php' != $hook_suffix ) {
return;
}
// 配置したjsファイルのURLをqueueに追加する
wp_enqueue_script('wpmyscript', 'https://jyuku.pc-k.co.jp/wp-content/themes/keni/koushin.js');
}
add_action('admin_enqueue_scripts', 'myadmin_script');
このソースコードは参考サイトからコピペしました。
2つのサイトを参考にしましたので、更新ボタンのショートカットキーを設置しようと考えている方は参考にしてください。
主にWEBサイト運営、パソコン整備を行っています。