管理画面の投稿一覧や固定ページ一覧で、タイトル幅を強制的に広げる方法

公開日:2022(令和4)年5月12日/最終更新日:

WordPress Customize Ideas | Personal WP Customization Notes (PWCN)

【景品表示法に基づく表記】ページ内のコンテンツには、商品プロモーションが含まれています



WordPressの投稿や固定ページの一覧、表示させる項目が多いと、タイトルの幅がどんどん狭くなって、ひどいときには1列表示になってしまったりするの、ちょっと困りものではありませんか?

もっとも、一覧画面上の「表示オプション」で不要な列を非表示にしていけば大抵は解消されるものの、それでもやっぱりタイトルの幅が狭いと感じることはあると思います。

対策として、テーマのfunctions.phpへ追加するだけで、タイトルのみ強制的に幅の指定ができる簡単なコードを紹介します。

本ページで掲載しているコードは、以下に了承した上で使用ください

  • コードは商用・非商用問わず自由に使っていただいて構いませんが、コード追加による不具合やトラブルが発生しても当方では一切責任を負いません
  • コードは有効化しているテーマのfunctions.php、style.cssなどへ追加することで機能します。それらのファイルへの変更を行うことに不安のある方は使用しないでください
  • コードは本ページの公開日時点で私の環境において動作したものです。WordPressバージョン他環境の違いによって動作しないことがあります
  • コードは、セキュリティ、コードの正確さなどにおいて完全なものではありません。中には紹介するコードを簡略化するために省略している部分があるものもありますので、ご自身でコードを十分に検証し、必要な部分の編集を行った上で使用するようにしてください
  • 掲載しているのは参考コードです。自身の環境に合わせるための編集はご自身で対応いただく必要があります(コメント欄等から質問いただいても基本回答は致しません)
  • 掲載しているコードの転載を禁じます(SNSで紹介いただいたり、本ページへのリンクを張っていただくことは大歓迎です)

以下のコードを有効化しているテーマのfunctions.phpへ追加してください。

/***** 投稿・固定ページ一覧のタイトル幅を400pxにする *****/
function ha_admin_title_width400(){
echo '<style>
	.posts .column-title {
	width: 400px;
	}
	.pages .column-title {
	width: 400px;
	}
</style>';
	
}

add_action('admin_head','ha_admin_title_width400');

たったこれだけのコードで、投稿と固定ページ一覧のタイトル幅を調整することができます。

コード追加したら、実際に一覧を表示して確認してみてください。

コード中の400pxの部分を変更すれば、それ以上にもそれ以下にもできますが、おそらくこの位の幅がちょうどいいでしょう

, ,



Lolipop ServerMoshimo Ad x-serverMoshimo Ad

WordPress Customize Ideas | Personal WP Customization Notes (PWCN)
プラグインなしで、ユーザー(著者)ページのスラグを変更する方法