Personal WP Customization Notes (PWCN)

WordPressで実際に行ったカスタマイズの記録、発生した問題への対処時のメモ、ブロックテーマのカスタマイズなど

クイック編集ボタンをクリックした時に、画面上部に移動させないようにする方法

投稿編集画面などで、一覧の途中までスクロールした状態でクイック編集リンクをクリックした時、画面の上部(リストの一番先頭)に移動してしまって、再び編集したい項目まで移動させるのが面倒だと感じることありませんか?

以下のコードを有効化しているテーマのfunctions.phpへ追加するだけで、クイック編集ボタンクリック時にその場で詳細画面を開けるようになります。

本コードは、AIに手伝ってもらって作成しましたので、AIに聞けば出てくるかと思いますが、ネット検索で情報を得ている方向けにシェアしておきます。

function pwcn_stop_moving_quick_edit() {
?>
<script type="text/javascript">
	jQuery(document).ready(function($) {
		$(document).on('click', '.editinline', function(e) {
			// クイック編集リンクのクリックイベントを捕捉
			// デフォルトの動作(ページトップへのスクロール)を停止
			e.preventDefault(); 
			// その後、WordPressが本来行うべきクイック編集の処理を呼び出す
			// WordPressの標準的なJavaScript関数
			inlineEditPost.edit(this); 
		});
	});
</script>
<?php
}
add_action('admin_footer-edit.php', 'pwcn_stop_moving_quick_edit'); // 投稿一覧ページにスクリプトを追加
add_action('admin_footer-post.php', 'pwcn_stop_moving_quick_edit'); // 個別投稿の編集ページにも適用したい場合
add_action('admin_footer-page.php', 'pwcn_stop_moving_quick_edit'); // 固定ページにも適用したい場合

個人的に今まで不便だなぁと感じていたのですが、結構簡単なコードでできてびっくりでした..。

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

※リンクやURLの挿入されているコメントは無視します

WordPressサイトのカスタマイズ方法、機能追加を行うプログラム例など
標準のブロックと少量のコードでタブ切り替えコンテンツを作る方法