コンテンツへスキップ

投稿連動ブロック

POST BLOCKS

投稿連動ブロック

WordPress投稿と連動するブロック群です。著者情報・記事一覧・スライダー・シェアボタンなど、ブログ・メディアサイトの定番要素を手軽に配置できます。

author-box(著者情報)

投稿の著者情報を表示するブロックです。プラグイン設定から記事末尾への自動挿入も可能です。

デモ

カスタマイズ

showAvatar
true / false — アバター画像の表示/非表示を切り替えられます
showBio
true / false — プロフィール文の表示/非表示を切り替えられます
showLink
true / false — 著者アーカイブページへのリンク表示を制御できます
position
設定画面で指定 — 記事末尾への自動挿入位置を管理画面から制御できます

こんなシーンで使える

  • 記事末尾の著者紹介として、執筆者の信頼性を高めたいときに便利です
  • コラム記事や専門家監修コンテンツで著者の肩書きを強調したい場合に向いています
  • ゲストライターが複数いるメディアサイトで、執筆者ごとのプロフィールを表示するのに便利です

post-list(記事一覧)

WordPress投稿を一覧表示するブロックです。カードレイアウトとリストレイアウトの2種類から選べます。カテゴリ・タグ・投稿順など細かな絞り込みにも対応しています。

デモ(カードレイアウト)

デモ(リストレイアウト)

カスタマイズ

count
取得する記事数を指定します
columns
カードレイアウト時のカラム数を指定します(1〜4)
layout
card / list — 表示レイアウトを選べます
showExcerpt
true / false — 抜粋文の表示を切り替えられます
showDate
true / false — 投稿日の表示を切り替えられます
showThumbnail
true / false — アイキャッチ画像の表示を切り替えられます
orderBy
date / modified / title / rand — 記事の並び順を指定できます
order
DESC / ASC — 降順・昇順を切り替えられます
category
カテゴリIDで絞り込みができます。複数指定も可能です

こんなシーンで使える

  • 記事ページの末尾に関連記事を並べて回遊率を上げたいときに便利です
  • カテゴリ別の特集ページに絞り込んだ記事を一覧表示するのに向いています
  • トップページのニュース・お知らせセクションとして新着記事を表示するのに向いています

post-slider(記事スライダー)

記事を横スクロール形式でスライド表示するブロックです。自動再生・ループ・レスポンシブ対応が設定できます。トップページのメインビジュアル下や、特集セクションのアクセントに向いています。

デモ(最新記事・自動再生)

デモ(手動・抜粋あり)

カスタマイズ

queryType
latest / category / tag / manual — 表示する記事の取得方法を指定できます
count
取得する記事の総数を指定します
perPage
PC表示時に1画面で見せるスライド数を指定できます
perPageSm
スマホ表示時に1画面で見せるスライド数を指定できます
loop
true / false — 末尾に達したら先頭に戻るループ再生を切り替えられます
autoplay
true / false — 自動再生の有効/無効を切り替えられます
interval
自動再生の間隔をミリ秒で指定できます(例: 5000 = 5秒)
showDate
true / false — 投稿日の表示を切り替えられます
showExcerpt
true / false — 抜粋文の表示を切り替えられます
showCategory
true / false — カテゴリラベルの表示を切り替えられます

こんなシーンで使える

  • トップページのおすすめ記事をスライドで目立たせたいときに便利です
  • カテゴリ別の特集ページで関連記事を横スクロールで見せるのに向いています
  • メインビジュアル直下のコンテンツセクションに動きを加えたいときに向いています

share-buttons(シェアボタン)

X(旧Twitter)・Facebook・LINEなどのSNSシェアボタンを表示するブロックです。アイコンのみ/アイコン+テキストのスタイルを選べます。記事末尾への自動挿入も設定画面から指定できます。

デモ(アイコンのみ)

デモ(アイコン + テキスト)

この記事をシェア

カスタマイズ

style
icon / icon-text — アイコンのみか、アイコン+テキストかを選べます
size
sm / md / lg — ボタンのサイズを3段階から選べます
label
icon-text スタイル時のラベルテキストを指定できます
services
表示するSNSサービスを配列で指定できます(例: [“x”,”facebook”,”line”])

こんなシーンで使える

  • 記事末尾にシェアボタンを置いて読了後のSNS拡散を促したいときに便利です
  • 特集ページやランディングページでコンテンツのシェアを誘導するのに向いています
  • 自動挿入設定を使えば、全記事に一括でシェアボタンを追加できます