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

ショートコード
【PC用】記事タイトル下用ウィジェット(カスタムHTML)

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

投稿ページへのリンク

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

▼ 記載方法

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

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

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

通常の表示例

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

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

▼ 記載方法

[kanren postid="1177"]

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

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

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

▼ 記載方法

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

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

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

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

▼ 記載方法

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

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

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

▼ 記載方法

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

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

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

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

▼ 記載方法

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

複数まとめて表示

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

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

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

アイキャッチ画像が設定されていない投稿のSAMPLE

▼ 記載方法

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

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

固定ページへのリンク

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

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

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

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

固定ページテスト

当サイトについて

▼ 記載方法

[kanren pageid="13"]

固定ページテスト(labelなし)

ランディングページ

▼ 記載方法

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

書き方まとめ

投稿ページ postid=""
固定ページ pageid=""
オプション ラベルを非表示 label="none"
日付を非表示 date="none"
別ウインドウで開く target="on"

さいごに

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

テスト PC

こちらはPC用記事下ウィジェットのテストです。
本文と同じような見出しで表示されるため、記事下の定型文としても使えますよ。

もちろんAdSense広告などを貼り付けても良いですね。