STORK19を今すぐダウンロード!

「関連記事」ショートコードの記載例

関連記事ショートコードの表示テストです。

ブロックでも利用可能です

このページで紹介している関連記事ショートコードは、ブロックエディタでも利用可能です。

投稿ページへのリンク

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

▼ 記載方法

[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】ラベル文字を変更する

デフォルトではラベル内のテキストは[関連]となりますが、labeltext="●●"と記載することで任意の文字に変更可能です。

▼ 記載方法

[kanren postid="1177" labeltext="あわせて読みたい"]

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

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

▼ 記載方法

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

固定ページへのリンク

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

記載方法は、[kanren pageid="固定ページのID"] と記載します。

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

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

固定ページテスト

固定ページ:ランディングページ

▼ 記載方法

[kanren pageid="2957"]

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

固定ページ:フルサイズ(1カラム)

▼ 記載方法

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

オプションの書き方まとめ

投稿ページ

postid=””

固定ページ

pageid=””

オプション

ラベルを非表示

label=”none”

日付を非表示

date=”none”

別ウインドウで開く

target=”on”

以上

以上、関連記事ショートコードの使い方に関するご紹介でした。