WordPressの管理画面のダッシュボードの概要にカスタム投稿タイプの投稿数を表示したい!

公開日:2014年2月18日
最終更新日: 2016年2月5日

wp-custom-photo_01

こんにちは!

先日、WordPressの管理画面のダッシュボードの概要に「カスタム投稿タイプ」の投稿数を表示させる作業をしたので、今回はその方法を記事にしたいと思います。

その前に「カスタム投稿タイプ」ってご存知ですか?
今さらと思うかもしれないですが、念の為に簡単に説明をしておきます。

「カスタム投稿タイプ」とは、WordPressの投稿画面で「投稿」の項目とは別に投稿機能を追加する設定の事です。これが便利なんですよね。本当によく使用します。

「カスタム投稿タイプ」で「施工実績」を設定すると、こんな感じで投稿機能が追加されています。

wp-custom-photo_02

今回はこの「カスタム投稿タイプ」で投稿した記事数を管理画面に表示する方法をご紹介します。

手順!

「functions.php」にコードを追加!

以下のコードを「functions.php」に追加して下さい。一番下で大丈夫だと思いますが、念の為「functions.php」をバックアップしておいて下さい。4行目の「ポストタイプ」の部分には「カスタム投稿タイプのポストタイプ」を指定して下さい。

add_filter( 'dashboard_glance_items', 'mytheme_dashboard_glance_items' );
function mytheme_dashboard_glance_items( $elements ) {
    foreach ( array(
    'ポストタイプ'
    ) as $post_type ) {
        $num_posts = wp_count_posts( $post_type );
        if ( $num_posts && $num_posts->publish ) {
            $post_type_object = get_post_type_object($post_type);
            $post_type_label = $post_type_object->label;
            $text = number_format_i18n( $num_posts->publish ).'件の '.$post_type_label.'の投稿';
            $elements[] = sprintf( '<a href="edit.php?post_type=%1$s" class="%1$s-count">%2$s</a>', $post_type, $text );
        }
    }
    return $elements;
}

管理画面の確認!

以下のように「カスタム投稿タイプ」の投稿数が表示されています。

wp-custom-photo_03

管理画面のアイコンの変更!

せっかくなのでアイコンも変更してみます。

wp-custom-photo_04

「WORDPRESS.ORG」へアクセスして下さい。「Dashicons」でアイコンの一覧を確認できます。

WORDPRESS.ORG

「Dashicons」のサイトで使用するアイコンを選択するとアイコンの詳細ページに遷移しますので、「Copy CSS」のリンクをクリックして下さい。すると「CSS」のコードが表示されますので、コピーして下さい。



「functions.php」にコードを追加!

以下のコードを「functions.php」に追加して下さい。一番下で大丈夫だと思いますが、念の為「functions.php」をバックアップしておいて下さい。「result-count」の「result」の部分は「カスタム投稿タイプのポストタイプ」を指定して下さい。「content: “\f107”;」は「Dashicons」のサイトでコピーしたコードを貼り付けて下さい。

add_action( 'admin_print_styles', 'mytheme_dashboard_print_styles' );
function mytheme_dashboard_print_styles() {
?>
<style>
#dashboard_right_now li a.result-count:before { content: "\f107";}
</style>
<?php
}

管理画面の確認!

アイコンが変更されているのが確認できると思います。

wp-custom-photo_08

これで設定完了です。簡単ですね。

最後に!

それ程、難しい作業でもないので「カスタム投稿タイプ」を設定した時には一緒に設定しておく事をおすすめします。

以上「WordPressの管理画面のダッシュボードの概要にカスタム投稿タイプの投稿数を表示したい!」でした!

それではまた。

公開日:2014/02/18
最終更新日: 2016年2月5日
カテゴリー:WordPress

関連記事

新着記事

コメント/トラックバック (7件)

トラックバック用URL:

この投稿のコメント・トラックバックRSS

  1. […] ところには、投稿タイプ名を入れてくださいね。 参考にさせていただいたサイトはこちらです。 WordPressの管理画面のダッシュボードの概要にカスタム投稿タイプの投稿数を表示したい! […]

  2. CSS追加のコード、なんかおかしくないですか?
    ?&gt;
    &lt;?php
    というのが入っちゃってます。

  3. とおりすがりさま

    コメント、有難うございます。
    チェックしてみたら、問題なさそうなのですが。

  4. これでもいいんですかね…
    まったく見たことない書き方でしたので。
    私はスタイル部分を echo で出力するようにしました。

  5. とおりすがりさま

    再度、コメント有難うございます。
    ソースで見たら確かに「&gt;」「&lt;」になっていますね。
    私の使用しているプラグイン「SyntaxHighlighter Evolved」が、
    htmlの閉じタグと画面に表示するタグを区別するために、特殊文字に自動変換してるっぽいです。
    ちなみに「<」の特殊文字が「&gt;」で「>」の特殊文字が「&lt;」になります。

    >>私はスタイル部分を echo で出力するようにしました。
    ⇒上記のやり方の方がスマートかもしれませんね。お手数でなければ、コードを教えて頂ければ有難いです。

  6. なんかサニタイズされるので全角にしますが、
    単に mytheme_dashboard_print_styles() の中身を

    echo '<style>~</style>';

    としてるだけです。

  7. とおりすがりさま

    有難うございます。コードを参考にさせて頂きます。




管理人にのみ公開されます

正しい数値を入力して下さい * Time limit is exhausted. Please reload CAPTCHA.

最新の記事

カテゴリー

過去の記事

プロフィール

  • 著者:Masaki Yamashita

    大阪でWEB制作の仕事をしています。
    WEBデザイン、コーディング、WordPress・EC-CUBEの設置やカスタマイズなど何でもやっています。

follow us in feedly