ブログカードブロックの使い方(ver.1.6より追加)

ブログカードブロック

STORK SEのカスタムブロック(STORK BLOCKS)「ブログカード」は、サイト内や外部サイトのリンクをスタイリッシュなブログカード形式で表示できるブロックです。

このブロックはver.1.6で追加されました。

もともと類似のブロックとして「関連記事」がありますが、ブログカードの場合は外部リンクにも対応できるようになっています。

ブログカードの表示例

▼シンプル:内部リンクの場合

ブロックエディタで使えるSTORK SEの機能

▼カード:外部リンクの場合

ブログから大規模サイトまで作れる CMS - WordPress.org 日本語

▼テキスト:内部リンクの場合

▼テキスト:外部リンクの場合

ブログカードブロックの使い方

ブログカードブロックの使い方について説明します。使い方のイメージとして、下記の動画もご覧ください。

このブロックを追加する方法

このブロックをコンテンツに追加するには、以下の2通りの方法があります。

  1. ブロック挿入ツールで「ブログカード」を検索して追加
  2. エディタ(ビジュアル編集)に/blogを入力して追加

リンク設定

リンクに関する設定については、ブロックツールバーまたはブロック設定パネルのどちらからでも設定できます。

リンク先のURL表示したいサイト内または外部サイトのURLを入力します。
または記事ID(内部リンクのみ)表示したい投稿または固定ページのIDを指定します。
新しいタブで開くリンク先をブラウザの別タブで開くことができます。
target="_blank"を付与します。
リンクのREL属性リンク先との関連性(relationship)を示すことができます。
rel="xxx"を付与します。(入力例は下記参照)
rel値の入力例
  • noreferrer : リンク先にリンク元の情報を渡さないようにする
  • nofollow : リンク先とリンク元を関連付けないようにする
  • sponsored : スポンサーリンクまたは広告であることを示す

※複数のrel値を指定する場合は、スペース区切りで入力してください。(例:noffolow sponsored)

スタイル設定

表示タイプ(デザイン)ブログカードの表示タイプを選択できます。
シンプル / カード / テキスト
キャプション(※1)ブログカード内のキャプションテキストを変更できます。
画像を表示しないブログカード内のサムネイル画像を非表示にできます。
抜粋文を表示しないブログカード内の抜粋文(description)を非表示にできます。

※1 内部リンクの場合はブログカード左上の「あわせて読みたい」、外部リンクの場合は「サイト名」の箇所が該当します。

▼投稿下部のウィジェットエリア

▼投稿下部のウィジェットエリア

さらに洗練された
究極のモバイルファーストテーマ

WordPressテーマSTORK SEストークSE

これまでに5万回以上ダウンロードされたWPテーマのシリーズ最新版「STORK SE」です。さらに洗練されたデザイと機能で「誰が使っても美しいデザイン」のサイトを作成できます。