WordPressの投稿一覧のアクションメニューを常に表示する

シェアする

  • このエントリーをはてなブックマークに追加
  • 0

WordPressの管理画面内にある投稿一覧のページ(edit.php)の部分には、「編集」「クリック画面」「ゴミ箱へ移動」「表示」などのアクションメニューがありますが、これらはマウスが重ならない(マウスオーバーしない)と表示されず、通常は非表示となっています。個人的には非表示にするメリットがないのと、表示しておいたほうが作業中に迷わないため、CSSを使って常に表示する方法を説明します。

ソースコード上では

<div class="row-actions">
	<span class="edit">
		<a href="https://ドメイン名/wp-admin/post.php?post=記事ID&action=edit" aria-label="“記事のタイトル” を編集する">編集</a> | </span>
	<span class="inline hide-if-no-js">
		<a href="#" class="editinline" aria-label="記事のタイトル">クイック編集</a> | </span>
	<span class="trash"><a href="https://ドメイン名/wp-admin/post.php?post=記事ID&action=trash&_wpnonce=ノンス" class="submitdelete" aria-label="「記事のタイトル」をゴミ箱に移動">ゴミ箱へ移動</a> | </span>
	<span class="view"><a href="https://ドメイン名/?p=記事ID&preview=true" rel="bookmark" aria-label="“記事のタイトル” をプレビュー">プレビュー</a></span>
</div>

このようになっていますので、CSSでrow-actionsクラスに対してスタイルの上書きをすれば完了です。

外観->テーマの編集を選び、小テーマのfunctions.phpに以下のコードを追加すれば常に表示されます。PHPの始め終わりのコードに注意してください。

//管理パネルのテーブルのアクションメニューを常に表示
//https://www.yagitower.com/wordpress-admin-panel-row-action-visible/

add_action('admin_head-edit.php','yagitower_admin_edit_php_css_row_action_keep_visible');
function yagitower_admin_edit_php_css_row_action_keep_visible(){
  echo '<style>.row-actions{position:static!important;}</style>';
}

検証環境:WordPress 4.9.7