トップページを抜粋記事の一覧表示にする-WordPress Twenty Eleven篇-

  • このエントリーをはてなブックマークに追加
  • 0
WordPressカスタマイズ

Twenty Eleven のデフォルトって、トップページに記事がフルで表示されますよね?

トップページの記事表示を 10 件とかに設定してて、さらに 1 記事の分量も多いとなればトップページの縦はものすごい長さになります。

さらにカテゴリーやタグのアーカイブを表示させたりした時も関連記事がフルに表示されるので、ちょっと必要な記事を見つけにくいな・・・とそう思ったわけです。それで、よく他のブログで見る抜粋記事の一覧表示にできないかなと思ったわけです。

まぁトップ画面から見たい記事をいちいちクリックしないと詳細が見れないというのも、ユーザビリティ的にどうなんだろうと思うところもありますが、だいたい検索でいらっしゃる方ってトップページには着地しませんしね。

というわけで抜粋記事の一覧表示の方法をググってみました。

結論

結論から言うと、

Twenty Eleven のテンプレートフォルダの中にある【 content.php 】の 40 行目あたり、【 <?php the_content 〜 】と書かれている部分を【 <?php the_excerpt 〜 】に変更するだけでした。

そうするとこんな感じで記事が抜粋されて一覧表示されるようになります。

投稿記事の抜粋表示

トップページ以外も、アーカイブのページなども全て抜粋で表示されていました。

また、表示される記事の数を変更したい場合は、【 設定 > 投稿設定 】の部分で「1ページに表示する最大投稿数」で好きな数に変えてください。

抜粋記事の文字数を変更する

さて、無事トップページの記事一覧を抜粋表示にできたのですが、なんだか 1 記事分の文字数が少ないように感じました・・・。

そこで、抜粋記事に表示される文字数を変えてみます。

これはテンプレートをいじらない方法なので、王道のやり方じゃない可能性大です!(そもそもこのブログに書かれている事の大半はググって調べたことをまとめただけなので、何が王道か分かりませんが・・・)

とは言え簡単にできたのでメモっておきます。

1.プラグインのページを表示させる

プラグインの一覧ページを表示させます。

2.WP Multibyte Patchを見つけ出す

プラグイン[WP Multibyte Patch]このプラグインは、恐らく最初からインストールされているはずなので、削除していない限り表示されているはずです。

3.プラグインを編集する

プラグインの【 編集 】をクリックします。

4.中身をちょっとだけいじる

【 ‘excerpt_mblength’ => 110, 】とう部分があります。この 110 という数字の部分を変えれば、抜粋記事に表示される文字の数が変わるみたいです。

ぼくの場合は 2 倍の 220 にしてみました。

5.表示を確認する

表示を確認してみると、抜粋記事の文字数が増えていました。

抜粋文字数の増加

先ほどの画像と比べると、ボリュームのアップを感じて頂けるかと思います。

アイキャッチ(サムネイル)も表示させてみたい

どうせなら抜粋記事にサムネイル画像も表示させようかと思ってワードプレスの投稿画面に最初から備わっている【 アイキャッチ画像 】を設定してみました。

きっとここに画像を挿入すれば、サムネイルが表示されるに違いない・・・。

が、思うようにサムネイル画像は表示されませんでした。しかもそれだけにとどまらず、個別記事を表示させようと記事タイトルをクリックすると、背景だけのまっさらな画面になってしまっていました。

というわけでつまずいています。ググってもいまいちピンと来ていないので、分かったらまたメモしたいと思います。

またアイキャッチ画像の設定ができました。別途記事をアップしてまとめていますので、必要な方はご参考くださいませ。

WordPressの記事一覧にアイキャッチを表示させてみた(+αで個別記事にも)
やっとできました! アイキャッチの表示。 アイキャッチとは、その名の通り目をキャッチするためのもので、一般的には画像・写真が使われています。人は写真に注意を惹きつけられてしまう癖があるため、ブログなどの記事に注目してもらうためにこのアイキャッチが有効なのです。 WordPress にも実装されていて、アイキャッチ、またはサムネ...
  • このエントリーをはてなブックマークに追加

無料メール講座

WordPress を活用している
社長、フリーランス、ウェブマーケターのための

ホームページ制作の 3 つの間違い
売上を上げるフレームワークを無料公開中……

無料メール講座

もっと楽に、簡単にホームページを作れないものだろうか?
もっと楽に、簡単にインターネットから集客できないものだろうか?
もっと楽に、簡単にインターネットから売上を上げられないものだろうか?

そんなことを思ったことがある方のために、このページを用意しました。

私たちは、ウェブマーケティングに携わる中で、多くの人が陥っているある「勘違い」に気づきました。

その勘違いとは・・・

コメント

  1. ぐぐってきた者 より:

    助かりました!感謝です!!本当に(笑)

    • ThePresentNote より:

      >ぐぐってきた者さん

      お役に立てて幸いです^^
      ありがとうございます!

  2. ぴょんつの より:

    非常にわかりやすく、さくっと直せました!
    ありがとうございます!

    • ThePresentNote より:

      >ぴょんつのさん

      コメントありがとうございます!
      何か解決できたようでよかったです^^

  3. agumo より:

    参考にさせていただきました。ありがとうございます!!
    (リンクさせていただきます~)

    • ThePresentNote より:

      >agumoさん

      参考になり幸いです。
      コメント、そしてリンクありがとうございます!

コメントをどうぞ

メールアドレスが公開されることはありません。