TIPS – トップページに要約だけを表示

WordPressを使いこなすヒントです。今回はトップページにタイトルと要約だけを表示する方法を紹介します。

WordPressのテーマをダウンロードしてインストールすると、普通のブログ・デザイン同様に記事の全文が10件表示されます。記事が短ければ良いのですが長い記事が続く場合、表示が終わるまでに時間がかかり、使い勝手も悪くなります。そこで、記事全文の代わりに要約だけを表示させてみましょう。

記事を投稿する際は、要約として表示させる部分の直後に More タグを挿入します。ビジュアルリッチエディタを使っている場合、エディタ画面上部に並んでいるアイコンの右から3番目をクリックしてください。はい、これだけでトップ画面がスッキリしたはずです。以前に投稿した記事にも同様にMoreタグを挿入しましょう。

さて、次は、記事投稿画面の「抜粋表示オプション」または「記事本文のMoreタグより上の部分」を表示させる方法です。こちらはテンプレートファイルを編集することになるので、ちと高度です。

テーマのフォルダ名を仮に THEME とすると、トップページのテンプレートは次の場所にあります。

  • wp-content/themes/THEME/index.php

このファイルをエディタで開き、次のように編集します。the_content() 関数の代わりに the_excerpt() 関数を使うわけです。後者には「続きを読む」リンクを表示させる機能がないので、the_permalink() 関数を使って情報を補います。

  • 変更前

<?php the_content(‘Read more »’); ?>

  • 変更後

<?php the_excerpt(); ?>
<a href=”<?php the_permalink() ?>” rel=”bookmark” title=”Permanent Link to <?php the_title(); ?>”>続きを読む »</a>

カテゴリー別や月別のアーカイブも同じような表示にしたいときは、 wp-content/themes/THEME/archive.php も同様に編集してください。

次回は静的なページの目次を表示する方法について解説する予定です。

ご質問・ご意見はコメント欄にどうぞ♪

TIPS – トップページに要約だけを表示” への3件のコメント

  1. ピンバック: wordpress トップページにタイトルと要約だけを表示する方法 · ソーシャルメディアの捕まえ方

  2. ピンバック: 【wordpressメモ】トップページの記事を要約+アイキャッチに変更。 - HP素材のおすそわけ。blog

  3. ピンバック: [WP覚書]the_excerpt();を使って記事を抜粋表示する方法 - ponnao-clip

コメントを残す