大切なあなたに、良きもの、良き方法を。
お問い合わせ

WordPressで「新着情報・トピックス」をプラグインを使わずに簡単に設置する方法

更新日 : 2021/07/18
wordpress
トピックス、新着情報の表示方法です。
ブログ形式のサイトのトピックスとコーポレートサイトで使われることが多いカテゴリー毎のトピックスの表示になります。
サイトタイプ合わせて適宜選択してください。

カテゴリー毎の新着情報・トピックス表示方法

カテゴリー毎の新着・トピックス表示方法です。レイアウトは任意のものなので、自分のデザイン合わせて適宜変更してご使用ください。

    <ul>
        <?php $goodslist = get_posts( array(
            'category_name' => '●●',//カテゴリ
            'orderby' => 'ASC',//昇順:ASC 降順DESC 日付順date ランダムrand
            'posts_per_page' => 48//記事数
        ));
        foreach( $goodslist as $post ):
        setup_postdata( $post );
        ?>

        <li>
            <!--サムネール-->
            <a href="<?php the_permalink(); ?>">
                <?php if ( has_post_thumbnail()):the_post_thumbnail('thumbnail');else: ?><img src="<?php echo get_template_directory_uri(); ?>/images/サムネイルがない時の画像.jpg" alt="thumbnail">
                <?php endif; ?>
            </a>

            <!--NEWマーク-->
            <?php
            $days=7; //対象日数
            $today=date('U');
            $entry=get_the_time('U');
            $sa=date('U',($today - $entry))/86400;
            if( $days > $sa ){echo 'NEW';}
            ?>

            <!--カテゴリーマーク-->
            <div class="<?php $cat = get_the_category(); $cat = $cat[0]; { echo $cat->slug; } ?> tpCat"><?php the_category(''); ?>
            </div>

            <!--投稿時間-->
            <a class="topicT" href="<?php the_permalink(); ?>"><?php the_time('Y.n.j'); ?></a>
            
            <!--内容抜萃 文字数半角56-->
            <a href="<?php the_permalink(); ?>">
            <?php the_title(); ?></a>
            <a href="<?php the_permalink() ?>">
                    <?php echo mb_substr(get_the_excerpt(), 0, 56); ?>…詳細</a>
                    
        </li>
        <?php endforeach; wp_reset_postdata();?>
    </ul>

タグ毎の新着情報・トピックス表示方法

タグ毎でトピックス・新着情報を表示したい場合は、2行目の「category_name」を「tag」変更してください。

 <?php $goodslist = get_posts( array(
    'tag' => '●●',//タグ
    'orderby' => 'ASC',//昇順
    'posts_per_page' => 6//記事数
));
     foreach( $goodslist as $post ):
     setup_postdata( $post );
 ?>

ブログタイプのサイトの新着情報・トピックス情報の表示方法

ブログタイプのサイトの新着情報・トピックス情報の表示方法です。
レイアウトは任意のものなので、自分のデザイン合わせて適宜変更してご使用ください。

<ul class="topicsBox2">
    <?php if(have_posts()): while(have_posts()): the_post(); ?>
    <li>
        <!--サムネール-->
        <a class="topicThum" href="<?php the_permalink(); ?>">
            <?php if ( has_post_thumbnail()):the_post_thumbnail('topic_thum');else: ?><img class="topicNoPic" src="<?php echo get_template_directory_uri(); ?>/images/nophoto.svg" alt="thumbnail">
            <?php endif; ?>
        </a>
        <!--NEWマーク-->
        <?php
$days=7; //対象日数
$today=date('U');
$entry=get_the_time('U');
$sa=date('U',($today - $entry))/86400;
if( $days > $sa ){echo '<div class="newMar">NEW</div>';}
?>
        <!--NEWマーク end-->

        <!--カテゴリーマーク-->
        <div class="<?php $cat = get_the_category(); $cat = $cat[0]; { echo $cat->slug; } ?> tpCat"><?php the_category(''); ?></div>

        <!--投稿時間-->
        <a class="topicT" href="<?php the_permalink(); ?>"><?php the_time('Y.n.j'); ?></a>
        <!--内容抜萃-->
        <a href="<?php the_permalink(); ?>">
            <span class="topicD"><?php the_title(); ?></span></a>
    </li>
    <?php endwhile; endif; ?>

</ul>

非公開求人ならdoda

レバテックエキスパート


コメント

コメント欄

目次