【お知らせ】全記事一覧を作りました

スポンサーリンク
スポンサーリンク
スポンサーリンク

当ブログは移転開設から3カ月余りが経ち、記事数も100を超えました。

そこで、過去記事を一か所にまとめたアーカイブページを作成しました。

PC版はタイトル下のメニュー欄を、スマホ版はタイトル横のプルダウンメニューをご参照ください。

全記事一覧

全記事一覧(アーカイブページ)の作り方

無料ブログでは標準装備になっているものもありますが、WordPressには備え付けられていません。
よって、以下のような対応が必要です。

  • プラグインを使用
  • 自分でPHPを書く

プラグインを活用しようにも、情報が少なく、しかも英語のため、今回はgoogle先生に教えてもらいながら、固定ページのテンプレートを自作しました。

全ては省略しますが、作成に必要となるのは以下の部分です。

<div class=”entry-content”>
<?php the_content() ?>

<?php query_posts(‘posts_per_page=-1’); ?>
<?php if (have_posts()):while(have_posts()):the_post(); ?>
<table border=”0″><tr>
<td><?php the_time(‘Y/m/d’); ?></td> <td><a href=”<?php the_permalink(); ?>”><?php the_title_attribute(); ?></a></td>
</tr>
<tr><br><tr/></table>
<?php endwhile; endif; ?>

</div>

正直、もう何をどうやって作ったか過程を思い出せません(;^ω^)

日付を入れて、かつスマホでも見やすいように配列するため、<table(表)>を使用したのがポイントです。

もしお見苦しい点があればお知らせ願います。

私は<html>を少しかじった程度の知識しかないので、直せるかどうかはわかりませんが。

にほんブログ村 ライフスタイルブログ セミリタイア生活へにほんブログ村 その他生活ブログ 資産運用へ
follow us in feedly

スポンサーリンク
スポンサーリンク
スポンサーリンク

コメントをどうぞ(承認が遅れることがあります)

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