記事をタイル状に表示したりすることのできるショートコード「display-posts」

体裁等の最終更新日:2020/04/30

❗ ショートコード「display-posts」で生成したサムネイル画像付き記事リストをタイル状に並べたり、丸くしたりするためには WordPress.com を「プレミアム」プラン等にアップグレードする必要があります。

2016-05-10 at 10.00.png

ちなみにこのサイトは「プレミアム」プランにアップグレードしてあります。(2016-05-10追記) 

ショートコード「display-posts」でできる主なこと

サムネイル画像付きの記事をタイル状に並べることができる。

adfadfasdf-1

固定ページや投稿記事にアイキャッチ画像を設定することにより、サムネイル画像付きの記事をタイル状に並べることができます。

カテゴリーやタグを使って、特定の記事だけ表示することができます。


サムネイル画像付きの記事のリストを作成することができる。

adfadfa

抜粋文や日時を追加するなどして、サムネイル画像付きの記事のリストを作成することができます。

サイドバーやフッターにサムネイル画像付きの最新情報を載せたり、お気に入り記事一覧を表示させたりすることができます。


別の記事の内容の一部を挿入することができる。*1

dfadfasd

投稿記事の一部を抜き出し、固定ページの記事の一部に挿入することができます。

例えば、同じ内容をいろんな記事に掲載しており、その内容を頻繁に更新する必要があるときにこの機能を使うと、修正ミスや更新忘れを防ぐことができます。


以上のように体裁を整えるためには、いずれも CSS スタイルシートエディターで CSS を追加する必要があります。私自身が使っている CSS については、以下の記事でややアレンジしたものを公開しています。

https://twitter.com/asazuki508/status/537498605930549248

参考

ショートコード「display-posts」使用のポイント

  • カテゴリーやタグ毎のリストを作成することが可能。
  • 日付の追加が可能。
  • 抜粋文の追加が可能。
  • 記事本文の追加が可能。
  • 固定ページ、投稿記事、どちらでもリストの作成が可能。
  • ID 番号を使って、特定の記事だけ表示することが可能。
  • 画像はアイキャッチ画像から抽出される。
  • タグを使って、リストから一部の記事を削除することが可能。
  • 最大表示数は 100。ただし、「offset」を使って連ねることにより、それ以上の表示も可能。
  • 二重引用の禁止
  • ウィジェットでも使用可能(「include_content」を除く)

レンタルサーバ等にインストールするタイプの WordPress との互換性

プラグイン「Display Posts ShortCode」 *2 をインストールすれば、レンタルサーバ等にインストールして使うタイプの WordPress でもショートコード「display-posts」を使えるようです。また、記事「WordPress のウィジェットの中でショートコードを使えるようにするプラグイン | ウェブル」のとおりにすれば、ウィジェットでの使用も可能のようです。

注記

*1: WordPress.com のマニュアルには載っていない、非公式の機能です。
*2: 2015-10-27現在、プラグインの名称自体は「Lightbox」に変更されております。このプラグインの制作者は Bill Erickson 氏ですので、そこの部分で識別できると思います。

ショートコード「display-posts」のパラメータ

固定ページの表示

[WordPress.com] サムネイル画像つきの固定ページのリストを表示する 2013/03/21 - サムネイル画像つきの固定ページのリストを作成する方法についての覚え書きです。
ショートコード「display-posts」を使って、サムネイル画像つきの固定ページのリストを id 指定ではなく、固定ページの階層化(ページ属性の項目「親」)を使って表示する 2013/06/29 - サムネイル画像つきの固定ページのリストを親ページの指定をすることにより表示する方法についての覚え書きです。
【ショートコード「display-posts」】 固定ページの記事リストの順番を入れ替える方法 2014/09/18 - ショートコード「display-posts」で固定ページのリストを表示させる際の記事の順番を入れ替える方法についての覚え書きです。

サムネイル画像

[WordPress.com] サムネイル画像つきの固定ページのリストを表示する 2013/03/21 - サムネイル画像つきの固定ページのリストを作成する方法についての覚え書きです。

タイル状に表示

[WordPress.com] 最新記事をタイル状(5 列)に並べるための CSS 2013/08/06 - 最新記事をタイル状に並べる方法についての覚え書きです。

日付

概要文

記事の内容の引用

※ WordPress.comのマニュアルには記載されていない内容ですので、場合によってはなくなる可能性のある機能です。その点、ご留意ください。

カテゴリー毎・タグ毎

[WordPress.com] ショートコード「display-posts」で子カテゴリや孫カテゴリを含むカテゴリの記事を表示するときには「taxonomy」を使うといいかも、という話 2013/05/10 - 子カテゴリを含むカテゴリ中のリストを表示する場合には、「taxonomy」を使うといいかも、というピンポイントな話です。

タグを使った一部記事の表示・非表示

ショートコード「display-posts」のパラメータ「taxonomy」、「tax_term」、「tax_operator」を使うときの注意点 2013/06/29 - マニアックな記事です。ショートコード「display-posts」の書式についての考察。

レンタルサーバ等の WordPress でショートコード「display-posts」を使う

CSS カスタマイズなし

その他

[WordPress.com] ショートコード「display-posts」の最大表示数が「100」に制限されたようです 2013/05/10 - ショートコード「display-posts」の最大表示数が「100」になったので、それ以上、表示したいときは「offset」というパラメータを使うといいかも、という話です。
ショートコード「display-posts」のパラメータ 2014/03/16 - 記事中に記事リストを表示させることのできるショートコード「display-posts」のパラメータについてのメモです。

%d人のブロガーが「いいね」をつけました。