新着情報などのお知らせリストをトップページに表示する【WordPress】

今回は新着記事などのお知らせを表示してくれるやつを作ります。

ただし、どうせ作るなら新着記事のタイトルが表示されるだけでなく、サイトデザイン変更しましたとか、○○がアプリになりましたとか、バージョンアップしましたとか、そういう記事投稿以外の情報も自由に加えられるようなヤツが欲しいですよね(・∀・)ノ

ということで例として私のサイトではこういう感じに表示されるようになっています。

アプリ化しただのゲーム公開しただの自由に書いています。

カスタム投稿を使う

これもカスタム投稿で作ることができます。

ただ、以前にゲーム投稿用のカスタム投稿を作っているので、今回はすでに存在しているcreate_post_type()内に付け足してください。

    register_post_type( 'news', [ // 投稿タイプ名の定義
        'labels' => [
            'name'          => '新着情報', // 管理画面上で表示する投稿タイプ名
            'singular_name' => 'news',    // カスタム投稿の識別名
        ],
        'public'        => false,  // 投稿タイプをpublicにしない
        'show_ui'       => true,    
        'has_archive'   => false, // アーカイブ機能いらない
        'menu_position' => 5,     
        'supports'      => array(
            'title',
            'editor',
        ),
    ]);

今回のこの新着情報のregister_post_type()と前に作ったゲーム用のとでは内容が少し違います。

一番の違いは「public」がfalseになっていることです。これは公開しないということを意味します。つまりサイトに来たユーザーには記事としては見せないということです。なので編集画面にはプレビューボタンも表示されなくなります。

「supports」もタイトルと文章だけ入力できればいいのでtitleとeditorだけになっています。

とはいえ機能的には通常の投稿と変わらないのでリンクとかは普通につけることができます。

新着情報一覧を表示する

作った新着情報は公開されないのでプログラムで表示するように作る必要があります。

function get_news(){
    global $post;
    $args = array(
        'post_type' => 'news', //投稿タイプ名
        'numberposts' => 10, //表示数
    );
    $news_posts = get_posts($args);
    if ( !empty($news_posts) ):
        foreach ( $news_posts as $post ): ?>
            <ul>
                <?php setup_postdata($post); ?>
                <li><?php the_content();?></li>
                <time class="post-date" datetime="<?php echo get_the_date('Y-m-d'); ?>">
                    <i class="fa fa-clock"></i>
                    <span><?php echo get_the_date(); ?></span><!--日付-->
                </time>
            </ul>
        <?php endforeach;
        wp_reset_postdata(); ?>
    <?php endif;
}

上記をfunction.phpに追加してget_news()を表示したい部分に埋め込むとリストで表示してくれるようにしました。記事の内容と日付が表示されます。

例によってCSSデザインは自分でやってね(^-^;

まとめ

これで好きなように新着情報を作成することができます。ただし、新しくブログ記事を投稿したときはこっちにも書かないといけないので二度手間な感じも少しあります(^^;)

なので私は通常のブログは新着情報には入れてません(ブログの新着は別で作ってあります)。ゲームに関することやサイト全体に関することを新着情報で扱うようにしています。

ということでついでにブログの新着記事を一覧表示するやつも載せときますね(‘ω’)ノ

function get_blog_headlines(){
    global $post, $posts;
    $args = array(
        'posts_per_page' => 5 // 表示件数の指定
    );
    $posts = get_posts( $args ); ?>
    <ul>
        <?php foreach ($posts as $post): // ループの開始
            setup_postdata($post); /*記事データの取得*/ ?>
            <li>
                <a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
                <time class="post-date" datetime="<?php echo get_the_date('Y-m-d'); ?>"><!--投稿日のマークアップ-->
                    <i class="fa fa-clock"></i>
                    <span><?php echo get_the_date(); ?></span><!--日付-->
                </time>
            </li>
        <?php endforeach; ?>
    </ul>
    <?php wp_reset_postdata();
}

どのゲームで遊ぶ?

定番ゲームのマインスイーパーです。出てきた数字から爆弾の位置を推測します
同じ色で複数くっついているタイルをタッチすると消すことができます。一度にたくさん消すと...
障害物に当たらないようにタイミングを狙って弾を撃つゲーム。
360度全方向から来る敵を撃ち落とすシューティングゲーム。

コメント欄

※コメントはまだありません※

コメントを残す

メールアドレスが公開されることはありません。

ゲームタグ一覧

ゲーム開発書籍(amazon)

HTML5 ゲーム開発の教科書 スマホゲーム制作のための基礎講座
ゲームを作りながら楽しく学べるHTML5+CSS+JavaScriptプログラミング[改訂版] (Future Coders(NextPublishing))
改訂2版 はじめて学ぶ enchant.jsゲーム開発