【WordPress】管理画面で投稿タイトルの表示幅を広げる方法(1行1文字で縦長になる場合など)

 2024年8月9日

WordPress の管理画面で投稿の「タイトル」の横幅が1文字~数文字分になってしまい、縦長に表示されてしまう場合の対処方法を書いておきます。

まず最初に思いつくのは、管理画面 → 投稿一覧の「表示オプション」から表示項目を減らす方法ですが、

オススメは、function.php に以下のアクションを追加する方法。

function custom_admin_css() {
    echo '<style>
        .wp-admin .wp-list-table .column-title { 
            width: 40ch;
        }
    </style>';
	return;
}
add_action('admin_head', 'custom_admin_css');Code language: HTML, XML (xml)

幅を px(ピクセル)で指定する方法もありますが、どうせなら文字数で指定できる "ch" を使うのが好み。(とはいえ、厳密な文字数指定ではないので多少の誤差が出る場合はありますが)

"ch" は CSS におけるサイズ指定の相対単位の1つで、使用中フォントの数字「0」(ゼロ)の幅を 1ch とするものです。ch は等幅フォントで文字数に基づいた幅を指定するのに適していますが、プロポーショナルフォントでもおおよその文字数でコンテナ幅を指定するのに便利です。

見出しの文字数にこだわる方は CSS を追い込んでみても良いかもしれません。

Hatena Pocket Line

コメントを記入