トピックス、新着情報の表示方法です。
ブログ形式のサイトのトピックスとコーポレートサイトで使われることが多いカテゴリー毎のトピックスの表示になります。
サイトタイプ合わせて適宜選択してください。
ブログ形式のサイトのトピックスとコーポレートサイトで使われることが多いカテゴリー毎のトピックスの表示になります。
サイトタイプ合わせて適宜選択してください。
カテゴリー毎の新着情報・トピックス表示方法
カテゴリー毎の新着・トピックス表示方法です。レイアウトは任意のものなので、自分のデザイン合わせて適宜変更してご使用ください。
<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>
【WordPress】Pz-LinkCardのリンクカード に「見出し」を追加する方法!コピペOK! | よく忘れるテンプレートファイルの優先順位のまとめ!オリジナルWordPress作成に必須! |
コメント