14customize1

テーマtwenty fourteenのトップページなど最近の投稿一覧が全文表示なのを短縮一覧表示にカスタマイズ

2014/10/29[公開]

 WordPressデフォルトテーマのtwenty fourteenのトップページなど投稿一覧のページをPCで見ると、記事全文がずらずらと並んで表示されて見にくいなと思いカスタマイズした備忘録です。いろいろググったりして、難しいのはパスして、なるべく簡単で、後々のメンテナンス不要な方法優先です。

デフォルトテーマに用意されている「投稿の抜粋」機能を利用する

 twenty fourteenでPCから投稿記事を検索すると、検索結果の記事一覧がアイキャッチ画像、タイトル、記事本文の抜粋で表示されます。

 テンプレートタグthe_excerpt()を利用して投稿の抜粋を表示しているとのことですが、難しい理屈は置いておきましょう。

 これ、そのままトップページでも利用すればいいじゃん!という簡単な方法です。

 content.phpを編集しますので、子テーマにコピーしたcontent.phpの47行目に検索結果だけじゃなく、トップページとアーカイブぺージも抜粋表示にすると書き足します。

 これで、トップページがこんな感じになりました。アイキャッチ画像が左寄りなのはご愛嬌です。

excerpt1

投稿の抜粋の最後を[…]から、「続きを読む」に変更する

 抜粋記事の最後が[…]の表示です。クリックもできません。これを「続きを読む」に変更して、クリックしたら記事ページが開くように変更します。

 functions.phpに追記するだけなので、子テーマのfunctions.phpに下記記述を追記します。私の場合は、function.phpは新規作成したので、

 これで、だいぶソレっぽく見えるようになりましたでしょうか?

excerpt2

最後に

 スマホで見たときは、最初からタイトル一覧で表示されるので、この記事のカスタマイズ内容は影響ありません。さすがレスポンシブルデザイン、すばらしいテーマですね。

こちらの記事もどうぞ

「テーマtwenty fourteenのトップページなど最近の投稿一覧が全文表示なのを短縮一覧表示にカスタマイズ」への2件のフィードバック

コメントを残す

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