WordPress過去の投稿をランダムに表示。あの日、あの頃は・・・ブログの記事は”宝物”。追記あり

ブログを10年日記みたいに

2019/1/17 「query_posts()」 は非推奨なので修正しました!
※一番下に、ランダムに表示するコードを追記してます。

先日、ブログを10年日記みたいにしようとしてやってみたこと。という投稿をした。

その時は、あまり気にも留めてなかったんだけど、
昨日、怒涛のごとく更新していて気付いた。

「いっぱい投稿がある日はうざいかも・・・
最新の投稿ともダブルしー(反省)」

ということで、
1.3件のみ表示
2.古い方から表示
3.同じ日付の一覧へのリンクを付ける
上記、3点を実装してみた。

<?php
$today = getdate();
query_posts( 'monthnum=' . $today["mon"] . '&day=' . $today["mday"] . '&orderby=date&order=DESC' );
?>
<?php while (have_posts()) : the_post(); ?>
<ul class="related_post">
<li><a  href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_post_thumbnail(array(80,80,true), array('class' => 'left')); ?></a><a href="<?php the_permalink() ?>"><?php the_title(); ?></a><?php the_time("Y年n月j日"); ?> <span class="sidebar-excerpt"><?php echo mb_substr(get_the_excerpt(), 0, 50); ?></span></li>
</ul>
<?php endwhile;?>
<?php wp_reset_query();?>

↑こんな感じだったのを

<?php
$today = getdate();
query_posts( 'monthnum=' . $today["mon"] . '&day=' . $today["mday"] . '&orderby=date&order=ASC&showposts=3' );
?>
<?php while (have_posts()) : the_post(); ?>
<ul class="old_post">
<li><a  href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_post_thumbnail(array(80,80,true), array('class' => 'left')); ?></a><a href="<?php the_permalink() ?>"><?php the_title(); ?></a><?php the_time("Y年n月j日"); ?> <span class="sidebar-excerpt"><?php echo mb_substr(get_the_excerpt(), 0, 50); ?></span></li>
</ul>
<?php endwhile;?>
<p class="old_post"><a href="<?php bloginfo('home'); ?>/?monthnum=<?php the_time('m') ?>&amp;day=<?php the_time('d') ?>" class="olddays">あの日、あの頃は・・・一覧へ</a></p>
<?php wp_reset_query();?>
<?php
$today = getdate();
query_posts( 'monthnum=' . $today["mon"] . '&day=' . $today["mday"] . '&orderby=date&order=ASC&showposts=3' );
?>

1.3件まで表示と showposts=3
2.古い方から表示。order=ASC

<p class="old_post"><a href="<?php bloginfo('home'); ?>/?monthnum=<?php the_time('m') ?>&amp;day=<?php the_time('d') ?>" class="olddays">あの日、あの頃は・・・一覧へ</a></p>

3.一覧へのリンク

スタイルシートは適宜修正でございます。
ココでは、

ul.old_post li{
	overflow: auto;
	display: block;
	float: none;
	clear: both;
}
p.old_post{
	padding:5px 0;
	text-align:right;
	}
p.old_post a{
	background: url(img/breadcrumb.gif) no-repeat right center;
	padding-right:15px;
	display:block;
	}

パンくずアイコン使いまわし( ̄m ̄〃)ぷ! 

表示をランダムに変更しました。

<?php
$today = getdate();
query_posts( 'monthnum=' . $today["mon"] . '&day=' . $today["mday"] . '&orderby=rand&showposts=3' );
?>

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

CAPTCHA