STORK SEのカスタムブロック(STORK BLOCKS)「ブログカード」は、サイト内や外部サイトのリンクをスタイリッシュなブログカード形式で表示できるブロックです。
このブロックはver.1.6で追加されました。
もともと類似のブロックとして「関連記事」がありますが、ブログカードの場合は外部リンクにも対応できるようになっています。
ブログカードの表示例
▼シンプル:内部リンクの場合
▼カード:外部リンクの場合
▼カード:内部リンクの場合
▼カード:外部リンクの場合
▼テキスト:内部リンクの場合
▼テキスト:外部リンクの場合
ブログカードブロックの使い方
ブログカードブロックの使い方について説明します。使い方のイメージとして、下記の動画もご覧ください。
リンク設定
リンクに関する設定については、ブロックツールバーまたはブロック設定パネルのどちらからでも設定できます。

リンク先のURL | 表示したいサイト内または外部サイトのURLを入力します。 |
または記事ID(内部リンクのみ) | 表示したい投稿または固定ページのIDを指定します。 |
新しいタブで開く | リンク先をブラウザの別タブで開くことができます。 ※ target="_blank" を付与します。 |
リンクのREL属性 | リンク先との関連性(relationship)を示すことができます。 ※ rel="xxx" を付与します。(入力例は下記参照) |
rel値の入力例
- noreferrer : リンク先にリンク元の情報を渡さないようにする
- nofollow : リンク先とリンク元を関連付けないようにする
- sponsored : スポンサーリンクまたは広告であることを示す
※複数のrel値を指定する場合は、スペース区切りで入力してください。(例:noffolow sponsored)
スタイル設定
表示タイプ(デザイン) | ブログカードの表示タイプを選択できます。 シンプル / カード / テキスト |
キャプション(※1) | ブログカード内のキャプションテキストを変更できます。 |
画像を表示しない | ブログカード内のサムネイル画像を非表示にできます。 |
抜粋文を表示しない | ブログカード内の抜粋文(description)を非表示にできます。 |
※1 内部リンクの場合はブログカード左上の「あわせて読みたい」、外部リンクの場合は「サイト名」の箇所が該当します。
このブロックをコンテンツに追加するには、以下の2通りの方法があります。
/blog
を入力して追加