関連記事ショートコードの記載例(オプションも)

関連記事ショートコードの表示テストです。ver1.3.0〜固定ページへのリンクにも対応しました。

投稿ページへのリンク

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

▼ 記載方法

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

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

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

通常の表示例

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

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

2013.01.10

▼ 記載方法

[kanren postid="1177"]

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

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

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

▼ 記載方法

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

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

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

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

2013.01.10

▼ 記載方法

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

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

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

▼ 記載方法

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

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

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

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

2013.01.10

▼ 記載方法

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

複数まとめて表示

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

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

2015.06.06

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

2013.01.11

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

2012.03.15

▼ 記載方法

[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”

さいごに

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

2カラムショートコードを使って広告を横並びにすることも可能です。

CTAウィジェットを表示可能です!

ここにリンクさせたい自分の商品やアフィリエイトリンクなどを表示させることが可能です。記事下のCTAは収益化においてかなり重要となるので効果的に使いたいところです。タグを追加してあげれば画像なども表示させることが可能!簡単にサイトの収益化の仕組みを導入することができます。

設定方法に関しては【外観 > ウィジェット > CTA設定】より!

1 個のコメント

  • ABOUTこの記事をかいた人

    ライターのプロフィールが入ります。このライター情報を入れたくない場合は管理画面の ユーザー > あなたのプロフィールの「プロフィール情報」を未入力にすれば表示されません。逆に「プロフィール情報」を入力することでライター情報を表示できます。