POST BLOCKS
投稿連動ブロック
WordPress投稿と連動するブロック群です。著者情報・記事一覧・スライダー・シェアボタンなど、ブログ・メディアサイトの定番要素を手軽に配置できます。
author-box(著者情報)
デモ
カスタマイズ
- showAvatar
- true / false — アバター画像の表示/非表示を切り替えられます
- showBio
- true / false — プロフィール文の表示/非表示を切り替えられます
- showLink
- true / false — 著者アーカイブページへのリンク表示を制御できます
- position
- 設定画面で指定 — 記事末尾への自動挿入位置を管理画面から制御できます
こんなシーンで使える
post-list(記事一覧)
デモ(カードレイアウト)
パフォーマンス最適化のベストプラクティス
Core Web Vitalsを改善するための実践的なテクニックを紹介します。
デザインシステムとWordPressテーマ開発
Design Tokensを活用したWordPressテーマ開発のアプローチにつ…
WordPressブロックエディターの活用術
ブロックエディターを最大限に活用するためのティップスをご紹介します。
デモ(リストレイアウト)
カスタマイズ
- 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(シェアボタン)
デモ(アイコンのみ)
デモ(アイコン + テキスト)
カスタマイズ
- style
- icon / icon-text — アイコンのみか、アイコン+テキストかを選べます
- size
- sm / md / lg — ボタンのサイズを3段階から選べます
- label
- icon-text スタイル時のラベルテキストを指定できます
- services
- 表示するSNSサービスを配列で指定できます(例: [“x”,”facebook”,”line”])