CONTENT BLOCKS
記事装飾ブロック
記事コンテンツをリッチに装飾する7つのブロックです。吹き出し・ボックス・リスト・区切りなど、記事の可読性と視認性を高めるのに向いています。
balloon（吹き出し）
デモ
こんにちは！ONEstaのブロックについて何でも聞いてください。サイト制作の効率が上がりますよ。
吹き出しブロックはどんな場面で使えますか？
FAQ形式のコンテンツや、キャラクター対話型のチュートリアルに使いやすいと思います。
なるほど、インタビュー記事にも良さそうですね。
カスタマイズ
- position
- left / right — 吹き出しの向きを選べます
- shape
- speech / think — 通常の吹き出しか、思考中の吹き出しかを選べます
- name
- キャラクター名として表示されます
- avatarUrl
- アバター画像のURLを指定できます
- bgColor
- 吹き出し背景色をカスタマイズできます
こんなシーンで使える
box（強調ボックス）
デモ
カスタマイズ
- variant
- info / warning / success / error — 用途に合わせた配色を選べます
- icon
- ボックス左に表示するアイコンを指定できます
こんなシーンで使える
icon-list（アイコンリスト）
デモ
カスタマイズ
- icon
- check / circle / cross / arrow / star / square / triangle / dash — 8種類から選べます
- gap
- sm / md / lg — リスト項目間のスペースを調整できます
divider（区切り線）
デモ
line
wave
zigzag
triangle
curve
tilt
wave（animated）
カスタマイズ
- shape
- line / wave / zigzag / triangle / curve / tilt — 6形状から選べます
- height
- 区切り線の高さ（px）を指定できます
- flipX
- true にすると左右反転します
- animated
- true にすると波形がアニメーションします（wave 推奨）
dl（定義リスト）
デモ（vertical）
- 対応OS
- Windows / macOS / Linux
- 対応WordPress
- 6.7以上
- 対応PHP
- 8.1以上
デモ（horizontal・bordered）
- 価格
- 190,000円（税込）
- ライセンス
- 1サイトにつき1ライセンス
- サポート期間
- 購入後1年間
カスタマイズ
- layout
- vertical / horizontal — 縦並びか横並びかを選べます
- bordered
- true にすると各項目に区切り線が入ります
notice-bar（通知バー）
デモ
カスタマイズ
- variant
- info / warning / promo / dark — 4種類の配色から選べます
- message
- 表示するメッセージテキストを指定します
- ctaText
- CTAボタンのラベルテキストを指定します
- ctaHref
- CTAボタンのリンク先URLを指定します
- dismissible
- true にすると閉じるボタンが表示されます
こんなシーンで使える
link-card（リンクカード）
デモ
Blog Tool, Publishing Platform, and CMS – WordPress.org
Open source software which you can use to easily create a beautiful website, blog, or app.
WordPress.org
WordPress.org
カスタマイズ
- url
- 表示するページのURLを指定します。OGP情報を自動取得してカードを生成します。