新機能あり（v1.1.3~） 関連記事ショートコードの記載例（オプションも）

関連記事ショートコードの表示テストです。2018/12（バージョン1.1.3~）に固定ページの表示にも対応しました。

投稿ページへのリンク

関連記事をショートコードで表示します。

▼ 記載方法

[kanren postid="記事のIDをここへ"]

上記の「記事のIDをここへ」という箇所を、リンクしたい記事のIDに置き換えます。

ここから下では実際の表示例やオプションについて記載しています。

通常の表示例

一番デフォルトの表示です。

マークアップ: 画像の配置に関する表示テスト

2017.12.25

▼ 記載方法

[kanren postid="1177"]

【オプション1】投稿日を表示しない

日付を表示しない方法です。記事IDの指定に加えて、date="none" と追記します。

マークアップ: 画像の配置に関する表示テスト

▼ 記載方法

[kanren postid="1177" date="none"]

【オプション2】ラベルを表示しない

「関連記事」と書かれたラベルを表示しない方法です。記事IDの指定に加えて、label="none" と追記します。

マークアップ: 画像の配置に関する表示テスト

2017.12.25

▼ 記載方法

[kanren postid="1177" label="none"]

※ちなみに、オプションの日付とラベルの両方を表示しないようにするには、下記のように両方記載します。

マークアップ: 画像の配置に関する表示テスト

▼ 記載方法

[kanren postid="1177" label="none" date="none"]

【オプション3】リンクを別ウインドウで開く

リンクを別ウインドウで開きたい場合は、記事IDの指定に加えて、target="on" と追記します。

マークアップ: 画像の配置に関する表示テスト

2017.12.25

▼ 記載方法

[kanren postid="1177" target="on"]

複数まとめて表示

複数まとめて表示するには、以下のように記載します。

WordPress標準機能：ギャラリーの表示サンプル

2017.12.25

マークアップ: HTML タグとフォーマット

2018.1.15

▼ 記載方法

[kanren postid="1178,2422,2598"]

※複数指定した場合の並び順は「新しい記事順」となります。

固定ページへのリンク

最新版のテーマでは固定ページへのリンクもご利用可能です。

記載方法は、[kanren pageid="固定ページのID"] と記載します。
※pageid=となっている点にご注意ください。

[kanren pageid="固定ページのIDをここへ"]

※固定ページでは日付は表示されません。
※「関連記事」というラベルを非表示にしたい場合は、オプションでlabel="none" を追記してください。

固定ページテスト

当サイトについて

▼ 記載方法

[kanren pageid="13"]

固定ページテスト（labelなし）

ランディングページ

▼ 記載方法

[kanren pageid="2882" label="none"]

書き方まとめ

さいごに

以上、関連記事ショートコードの使い方に関するご紹介でした。今後も便利なオプションがあったら追加したいと思います。