ケケンタ

管理画面の投稿一覧で表示項目増やしたら列幅が狭くなっちゃった……

ケケンタ

カテゴリーとかタグの列幅が広いから、もう少し狭くしたいな……

今回はこのようなお悩みをお持ちの方に向けて

WordPress管理画面の投稿一覧で
カテゴリーやタグなど任意の列の幅を調整する方法

をご紹介します。

ケケンタ

誰でも簡単にできるのでぜひご活用ください！

あわせて読みたい

PHPやWordPressを学ぶのにおすすめのプログラミングスクール【７選】 僕はこれまで独学でPHPを学習してきました。結論から言えば、それでもPHPを習得することはできました。 しかし、それに費やした累計学習期間は1年ほど。モチベーション…

【結論】functions.phpに列幅調整用のCSSを記述する

早速結論ですが、以下のソースコードをfunctions.phpに追加することで調整することが可能です。

以下は「カテゴリー」や「タグ」の列幅を調整する例です。

function my_admin_style() {
	echo '
	<style>
		th#tags, 
		th#categories {
    		width: 10%;
		}
	</style>'
	.PHP_EOL;
  }
  add_action('admin_print_styles', 'my_admin_style');

ハイライトされている行で列幅を指定しています。

僕が使用しているSWELLというテーマでは初期状態だと列幅が15％に指定されていたため、上記のコードは元々の列幅よりも5％狭くする指定という意味になります。

任意の列幅を調整する方法

「カテゴリー」や「タグ」以外の列の幅を調整したい場合は、CSSセレクターのID（#tagsや#categories）の部分をその列のものに変更するだけでOKです。

ケケンタ

以下は各列のIDを確認し、実際にソースコードに当てはめるまでの手順です。

STEP

Ctrl + Shift + Cを押して、任意の列名の部分をクリックする

管理画面の投稿一覧ページでCtrl + Shift + Cを押すと以下の画像のようにカーソルを当てた部分の表示が変化します。

その状態でクリックすると、STEP２のような画面が出てきます。

STEP

表示された画面内から「id=”○○”」の部分を読み取る

以下のような表示が現れたら、「id=”○○”」の部分を読み取ります。

例えばタグ列なら「tags」、カテゴリー列なら「categories」というidが表示されています。

STEP

読み取ったidを先ほどのソースコードに当てはめる

STEP２でidの確認ができたら、続いて先ほどのソースコードにそれを当てはめます。

例えばアイキャッチ列の幅を調整したいとしたら以下のようなソースコードになります。

アイキャッチ列の幅を調整する場合のソースコード

function my_admin_style() {
	echo '
	<style>
		th#thumbnail {
    		width: 10%;
		}
	</style>'
	.PHP_EOL;
  }
  add_action('admin_print_styles', 'my_admin_style');

表示項目増えて投稿一覧が見づらくなったら列幅を調整してみよう

WordPressを使用していると投稿一覧で表示項目を増やす必要性が出てくる場合があります。

そのようなとき、何かしら非表示にしても問題無い項目があればいいのですが、そうでないときには今回ご紹介した「列幅を調整する方法」が有効です。

ケケンタ

この記事がお役に立ったなら何よりです！

WordPress管理画面の投稿一覧の項目に関連する記事

あわせて読みたい

【WordPress】管理画面の投稿一覧で記事の文字数を表示する方法 いま使ってるテーマ、管理画面の投稿一覧で文字数が表示されないんだよな…… 本文の文字数を表示したいんだけど簡単に実装する方法って無いのかな…… 今回はこのようなお…

あわせて読みたい

【SWELL】記事に貼ってある広告数を管理画面の投稿一覧に表示する SWELLでは広告タグを利用して簡単にGoogleアドセンスなどの広告を貼ることが可能です。 しかし、サイドバーや目次広告などの固定位置はともかく、記事ひとつひとつに個…

ケケンタ

いま使ってるテーマ、管理画面の投稿一覧で文字数が表示されないんだよな……

ケケンタ

本文の文字数を表示したいんだけど簡単に実装する方法って無いのかな……

今回はこのようなお悩みをお持ちの方に向けて

WordPress管理画面の投稿一覧で記事ごとの文字数を表示する方法

をご紹介します。

今回ご紹介するソースコードをfunctions.phpに追記するだけで誰でも簡単に投稿一覧画面で本文の文字数を表示できるようになるのでぜひお試しください！

あわせて読みたい

PHPやWordPressを学ぶのにおすすめのプログラミングスクール【７選】 僕はこれまで独学でPHPを学習してきました。結論から言えば、それでもPHPを習得することはできました。 しかし、それに費やした累計学習期間は1年ほど。モチベーション…

管理画面の投稿一覧で記事の文字数を表示する

functions.phpを編集する際は必ずバックアップを取り、自己責任のもと作業を行ってください。

今回ご紹介するソースコードをfunction.phpに追記すると、管理画面の投稿一覧では以下のように投稿ごとに本文の文字数が表示されます。

文字数が表示された様子

ケケンタ

具体的には、以下のソースコードをfunctions.phpに追記します。

functions.phpに追記するコード

function my_add_length_col($columns) {
    // 列名を「文字数」に設定
    $columns['length'] = __('文字数');
    return $columns;
}
add_filter('manage_post_posts_columns', 'my_add_length_col');

function my_content_length_col($col_name, $post_id) {
    if ($col_name == 'length') {
        $post = get_post($post_id);
        if ($post === null) {
            echo "投稿IDがありません。";
            return;
        }

        // 投稿本文の取得
        $content = $post->post_content;
        // 本文の文字数を取得
        $content_length = mb_strlen(strip_tags($content));
        
        // 実際に表示されるテキスト部分
        echo "本文: " . $content_length . " 文字";
    }
}
add_action('manage_posts_custom_column', 'my_content_length_col', 10, 2);

上記のコードをそのままfunctions.phpに追記するだけで、管理画面の投稿一覧で投稿ごとに本文の文字数が表示されるようになります！

「実際に表示されるテキスト部分」については、日本語部分であれば自由に変更可能です。

まとめ

以上がWordPressの管理画面の投稿一覧で各記事の文字数を表示する方法です。

記事の文字数がわかれば、例えばGoogleアドセンスなどの広告タグをいくつ貼るべきかの目安などが明確になります。

ケケンタ

もし記事の文字数を簡単に見れるようにしたという場合には、ぜひ今回の方法をご活用ください。

なお、繰り返しになりますが、functions.phpを編集する際は必ずバックアップ取るようにしましょう。

それでは最後までご覧いただきありがとうございました。

また別の記事でお会いできれば光栄です！