リファレンス

Page Builder Sandwich ブロックリファレンス

Page Builder Sandwich および Page Builder Sandwich Pro のすべてのブロック (無料版44個、Pro 版68個): コードや AI エージェント用の名前、機能、プラグイン自身の block.json ファイルから読み込んだ各属性の型と初期値。

レイアウトとデザイン

アニメーションテキスト pbs/animated-text

Pro 版。スクロールして表示領域に入ると、自動でタイピングされるか、単語がフェードインまたは浮かび上がる段落や見出し。視覚効果 (動き) を減らす設定にしている訪問者には静止表示されます。実際の動作を見る.

属性タイプデフォルト値
contentstring""—
tagstring"p"p h2 h3 h4 h5 h6
effectstring"fade"typewriter fade rise
speedstring"normal"slow normal fast

エディター対応: interactivity.

ボタンリンク pbs/button

無料。ボタンスタイルのリンク。実際の動作を見る.

属性タイプデフォルト値
urlstring""—
textstring""—
stylestring""—
targetstring"" _blank
relstring""—
alignstring"" left center right
wrapStylestring""—
wrappedbooleanfalse—
wrapDataobject——
legacyClassstring""—
legacyDataobject——
legacybooleanfalse—

コンテナ pbs/container

無料。フレックスボックスやグリッドを使用して内部のブロックをレイアウトするボックス。コンテナをネストして任意のレイアウトを構築できます。プラグインを無効化してもコンテンツは読みやすい状態を保ちます。実際の動作を見る.

属性タイプデフォルト値
tagstring"div"section div header footer article aside main nav
widthstring"full"full boxed
linkobject——

カーソルエフェクト pbs/cursor-effects

Pro 版。セクション上またはページ全体でマウスポインターを追従するリング、スポットライト、または短い軌跡。タッチスクリーンおよびアニメーションの削減を希望する訪問者に対してはオフになります。実際の動作を見る.

属性タイプデフォルト値
effectstring"ring"ring spotlight trail
scopestring"section"section page

エディター対応: interactivity.

言語スイッチャー pbs/language-switcher

無料。訪問者がページのデザインに合わせたスタイルで、このページを別の言語で読むことができます。言語機能には Tranzly プラグインが必要です。動作を確認する.

属性型デフォルト値
designstring"pills"list pills buttons dropdown codes
displaystring"name"name code name_code
flagsbooleanfalse—
flagShapestring"" rectangle rounded square circle
flagSizestring"" medium small large
showCurrentbooleantrue—
hideMissingbooleanfalse—
verticalbooleanfalse—
labelstring""—
varsobject{}—

Marquee pbs/marquee

Pro。ページ上をスクロールする短いテキストの行で、一時停止ボタンが付いています。動きを抑えたい訪問者のためには静止します。実際の動作を見る.

属性タイプデフォルト値
itemsarray[]—
labelstring""—
separatorstring"dot"dot slash star none
speedstring"normal"slow normal fast
directionstring"start"start end

エディター対応: interactivity.

パーティクル背景 pbs/particles

Pro。ブロックの背後でドットがゆっくりと漂うセクションです。動きの低減を希望する訪問者向けに1枚の静止フレームを表示します。実際の動作を見る.

属性タイプデフォルト値
colorstring""—
densitystring"normal"low normal high
speedstring"normal"slow normal fast
linksbooleantrue—

エディター対応: interactivity.

行 pbs/row

無料。カラムの行。プラグインを無効化しても表示崩れせず読みやすいままです。実際の動作を見る.

インナーブロック: Column。

属性タイプデフォルト値
stylestring""—
widthstring"" full-width full-width-retain-content
legacyClassstring""—
legacyDataobject——
legacybooleanfalse—

セクション pbs/section

無料。フレックスボックスまたはグリッドを使用してコンテンツを配置する全幅の帯状エリア。プラグインを無効化しても可読性を維持します。実際の動作を見る.

属性タイプデフォルト値
tag文字列"section"section div header footer article aside main nav
width文字列"boxed"full boxed
align文字列"full"—
linkオブジェクト——

エディターのサポート: align.

コンテンツ

アコーディオン pbs/accordion

無料。開閉する質問やセクション。オプションで1つずつ開く設定や、検索エンジン向けに FAQ としてマークアップすることも可能です。実際の動作を見る.

内部ブロック: アコーディオン項目。

属性タイプデフォルト値
singlebooleanfalse—
faqbooleanfalse—

アラート pbs/alert

無料。訪問者への通知: 情報、成功、警告、またはエラー。オプションのタイトルと閉じるボタン付き。実際の動作を見る.

属性タイプデフォルト値
variantstring"info"info success warning error
titlestring""—
contentstring""—
showIconbooleantrue—
dismissiblebooleanfalse—

エディター対応: interactivity.

Badge pbs/badge

無料。New、Sale、Best value などの短いラベル。実際の動作を見る.

属性タイプデフォルト値
contentstring""—
variantstring"accent"neutral info success warning error accent
justifystring"start"start center end

チェックリスト pbs/checklist

無料。タスクのリスト。それぞれ完了または未完了としてマークされ、チェックマークだけでなくスクリーンリーダー用のテキストも付いています。実際の動作を見る.

属性タイプデフォルト値
itemsarray[]—
accentstring"primary"text primary secondary contrast

コンテンツスイッチャー pbs/content-switcher

Pro。月額料金と年額料金など、コンテンツの2つ以上のバージョンを切り替えます。実際の動作を見る.

インナーブロック: スイッチャーペイン。

属性タイプデフォルト値
labelstring""—

デュアル見出し pbs/dual-heading

無料。2つのパートで構成される見出しで、2つ目のパートはカラー、グラデーション、アウトライン、または下線で強調されます。実際の動作を見る.

属性タイプデフォルト値
first文字列""—
second文字列""—
level整数2—
look文字列"accent"accent gradient outline underline
stacked真偽値false—
justify文字列"start"start center end

機能リスト pbs/feature-list

無料。アイコン、見出し、短い説明が付いたグリッド形式の機能一覧。実際の動作を見る.

属性タイプデフォルト値
itemsarray[]—
iconstring"check"check star info arrow dot circle
columnsinteger3—
levelinteger2—
accentstring"primary"text primary secondary contrast

用語集 pbs/glossary

無料。用語とその定義を A から Z 順に並べ替え、それぞれに固有のリンクが付いています。ページ内で最初に出てくる各用語をその定義にリンクさせることができます。実際の動作を見る.

属性タイプデフォルト値
itemsarray[]—
sortbooleantrue—
showIndexbooleanfalse—
autoLinkbooleanfalse—

アイコンリスト pbs/icon-list

無料。各行がアイコン (チェックマーク、矢印、またはライブラリの任意のアイコン) で始まるリストです。実際の動作を見る.

属性タイプデフォルト値
itemsarray[]—
iconstring"check"check dot arrow star circle
layoutstring"stacked"stacked inline
accentstring"primary"text primary secondary contrast

情報ボックス pbs/info-box

無料。アイコン、短い見出し、1〜2文のテキスト、およびオプションのリンク: サービス、メリット、連絡先情報に最適です。実際の動作を見る.

属性タイプデフォルト値
svgstring""—
iconRefstring""—
iconstring"info"info star check arrow dot circle
showIconbooleantrue—
titlestring""—
contentstring""—
linkUrlstring""—
linkTextstring""—
newTabbooleanfalse—
alignstring"start"start center
levelinteger2—
accentstring"primary"text primary secondary contrast

モーダル pbs/modal

無料。ページの上に任意のブロックを配置したウィンドウを開くボタンです。実際の動作を見る.

属性タイプデフォルト値
triggerstring""—
titlestring""—
sizestring"medium"small medium large
backdropClosebooleantrue—

オフキャンバスパネル pbs/off-canvas

無料。ウィンドウの端から任意のブロックを配置したパネルをスライドして表示するボタンです。実際の動作を見る.

属性タイプデフォルト値
triggerstring""—
titlestring""—
sidestring"end"start end
backdropClosebooleantrue—

投稿 pbs/posts

Pro。投稿、固定ページ、ポートフォリオアイテム、商品をカードとして表示: グリッド、リスト、メイソンリー、カルーセルに対応し、カテゴリーフィルターやページネーション、「さらに読み込む」ボタンも備えています。実際の動作を見る.

属性タイプデフォルト値
layoutstring"grid"grid list masonry carousel
columnsinteger3—
postTypestring"post"—
perPageinteger6—
categoriesarray[]—
orderBystring"date"date title modified menu_order rand
orderstring"DESC"DESC ASC
showImagebooleantrue—
showDatebooleantrue—
showExcerptbooleantrue—
showTermsbooleanfalse—
showPricebooleantrue—
levelinteger2—
filterbooleanfalse—
paginationstring"none"none numbers more
autoplaybooleanfalse—
intervalinteger5—
loopbooleantrue—
arrowsbooleantrue—
dotsbooleantrue—

もっと見る pbs/show-more

Pro。長いコンテンツを設定した高さでカットし、残りを表示するボタンを配置します。実際の動作を見る.

属性タイプデフォルト値
heightstring"medium"small medium large
moreLabelstring""—
lessLabelstring""—

ステップ pbs/steps

Free。プロセスの番号付きステップを順番に、縦方向または横並びで表示します。実際の動作を見る.

属性タイプデフォルト値
itemsarray[]—
layoutstring"vertical"vertical horizontal
levelinteger2—
accentstring"primary"text primary secondary contrast

タブ pbs/tabs

無料。タブ内のコンテンツ: 訪問者はマウスやキーボードでパネルを切り替えることができます。実際の動作を見る.

内部ブロック: タブ。

属性タイプデフォルト値
labelstring""—
verticalbooleanfalse—
selectedinteger0—

ツールチップ pbs/tooltip

無料。ホバー時やキーボードフォーカス時に簡単な説明を表示する単語またはフレーズ。実際の動作を見る.

属性タイプデフォルト値
textstring""—
tipstring""—
placementstring"top"top bottom

マーケティングと販売

A/B テスト pbs/ab-test

Pro。セクションの2つのバージョン: 訪問者ごとにどちらか1つが表示され、A/B テスト画面でどちらのコンバージョン率が高いかを確認できます。実際の動作を見る.

内部ブロック: A/B version。

属性タイプデフォルト値
testIdstring""—
namestring""—
splitnumber50—
goalstring""—

アニメーション見出し pbs/animated-headline

Pro。キーワードが切り替わる見出しです。一時停止ボタンを備え、動きを抑えたい訪問者にはアニメーションを表示しません。実際の動作を見る.

属性タイプデフォルト値
beforestring""—
wordsarray[]—
afterstring""—
effectstring"fade"fade slide type
levelinteger2—
intervalinteger2500—

エディター対応: interactivity.

Before and after pbs/before-after

Pro 版。2枚の画像を重ねてスライダーで比較できます。動作例を見る.

属性タイプデフォルト値
beforeUrlstring""—
beforeIdinteger0—
beforeAltstring""—
beforeLabelstring""—
afterUrlstring""—
afterIdinteger0—
afterAltstring""—
afterLabelstring""—
positioninteger50—

エディター対応: interactivity.

コールトゥアクション pbs/call-to-action

無料。見出し、1つの文、そして訪問者に行動を促す1つまたは2つのボタン。実際の動作を見る.

属性タイプデフォルト値
titlestring""—
contentstring""—
levelinteger2—
primaryTextstring""—
primaryUrlstring""—
primaryNewTabbooleanfalse—
secondaryTextstring""—
secondaryUrlstring""—
secondaryNewTabbooleanfalse—
layoutstring"stacked"stacked split
alignstring"center"start center

クリックして引用を共有 pbs/click-to-tweet

Pro。引用文と、その引用およびこのページへのリンクを含む X の投稿を開くボタン。実際の動作を見る.

属性タイプデフォルト値
quotestring""—
viastring""—
urlstring""—
buttonTextstring""—

比較表 pbs/comparison-table

Free。プランや製品を並べて比較。スクリーンリーダーが言葉として読み上げる「はい」「いいえ」のマーク付き。実際の動作を見る.

属性タイプデフォルト値
caption文字列 (string)""—
columns配列 (array)[]—
rows配列 (array)[]—
stickyHeader真偽値 (boolean)false—
onlyDifferences真偽値 (boolean)false—

連絡先ボタン pbs/contact-buttons

無料。電話、メール、SMS、または WhatsApp でメッセージを送信するためのボタン。動作例を見る.

属性タイプデフォルト値
itemsarray[]—
messagestring""—

カウントダウン pbs/countdown

Pro。特定の日時までカウントダウンするタイマー、または各訪問者が最初にアクセスしたときに開始するエバーグリーンカウントダウン。実際の動作を見る.

属性タイプデフォルト値
modestring"date"date evergreen
datestring""—
evergreenHoursinteger24—
labelstring""—
expiredTextstring""—
showSecondsbooleantrue—

エディター対応: interactivity.

カウンター pbs/counter

Pro。画面内に表示されたときにカウントアップする、ラベル付きの数字。実際の動作を見る.

属性タイプデフォルト値
startnumber0—
endnumber100—
decimalsinteger0—
durationinteger2000—
prefixstring""—
suffixstring""—
labelstring""—
separatorbooleantrue—

エディター対応: interactivity.

クーポンコード pbs/coupon-code

Pro 版。訪問者がワンクリックで表示およびコピーできる割引コード。実際の動作を見る.

属性タイプデフォルト値
codestring""—
descriptionstring""—
buttonTextstring""—
expiresstring""—

エディター対応: interactivity.

フリップボックス pbs/flip-box

Pro。ホバー時、キーボードフォーカス時、またはタッチスクリーン上の専用ボタンで裏返り、詳細を表示するカードです。動作を確認する.

属性タイプデフォルト値
svgstring""—
iconRefstring""—
frontTitlestring""—
frontTextstring""—
backTitlestring""—
backTextstring""—
buttonTextstring""—
buttonUrlstring""—
effectstring"flip"flip fade
levelinteger2—

エディター対応: interactivity.

フォーム pbs/form

無料。Contact Form 7、WPForms、Gravity Forms、または Fluent Forms のフォームを、サイトに合わせてスタイルを設定して表示します。実際の動作を見る.

属性タイプデフォルト値
providerstring"" cf7 wpforms gravityforms fluentforms
formIdstring""—
fieldStylestring"outlined"outlined filled underlined
buttonWidthstring"auto"auto full

フォーム pbs/form-builder

Pro。スパム保護、ファイルアップロード、条件付きフィールドを備えた、お問い合わせ、見積もり、登録、またはマルチステップフォーム。送信された内容は、メール送信、保存、Webhook への送信、メーリングリストへの追加が可能です。実際の動作を見る.

インナーブロック: フォームフィールド、フォームステップ。

属性タイプデフォルト値
formIdstring""—
titlestring""—
submitTextstring""—
successMessagestring""—
redirectUrlstring""—
trackEventstring""—
actionsobject{}—

ホットスポット pbs/hotspots

Pro。選択すると短いメモが開くポイントが付いた画像。動作を確認する.

属性タイプデフォルト値
imageUrlstring""—
imageIdinteger0—
imageAltstring""—
pointsarray[]—

エディター対応: interactivity.

ロゴグリッド pbs/logo-grid

Pro。クライアントやパートナーのロゴをグリッド状に配置し、それぞれに任意のリンクを設定できます。実際の動作を見る.

属性タイプデフォルト値
logosarray[]—
columnsinteger4—
grayscalebooleantrue—

ロゴマーキー pbs/logo-marquee

Pro 版。一時停止ボタン付きでロゴがゆっくりとスクロールし、視覚効果を減らす設定をしている訪問者には静止表示されます。実際の動作を見る.

属性タイプデフォルト値
logosarray[]—
speedstring"normal"slow normal fast
grayscalebooleantrue—

エディター対応: interactivity.

Lottie アニメーション pbs/lottie

Pro 版。アップロードしたファイルから Lottie アニメーションを作成し、外部リクエストなしでこのサイト上で再生します。実際の動作を見る.

属性タイプデフォルト値
fileId整数0—
fileName文字列""—
label文字列""—
loop真偽値true—
play文字列"view"view load hover
speed数値1—

エディター対応: interactivity.

ニュースレター登録 pbs/newsletter

Pro。Mailchimp、MailPoet、または AWeber 用のメール登録フォームで、同意チェックボックスと、成功または失敗時の明確なメッセージを備えています。実際の動作を確認する.

属性タイプデフォルト値
servicestring"mailpoet"mailpoet mailchimp aweber
liststring""—
headingstring""—
textstring""—
buttonTextstring""—
consentTextstring""—
successTextstring""—
layoutstring"stacked"stacked inline

エディター対応: interactivity.

価格表 pbs/price-list

Pro。メニューやサービス一覧など、名前、価格、簡単な説明を持つ項目。実際の動作を見る.

属性タイプデフォルト値
itemsarray[]—

料金表 pbs/pricing-table

Pro。プランを横に並べて価格、機能、ボタンを表示し、オプションで月払い/年払いの切り替えが可能です。動作を確認する.

属性タイプデフォルト値
plansarray[]—
billingTogglebooleanfalse—
currencystring"$"—
monthlyLabelstring""—
yearlyLabelstring""—
yearlyNotestring""—
levelinteger2—

エディター対応: interactivity.

プロモーションバー pbs/promo-bar

Pro 版。画面の上部または下部に常駐し、訪問者が閉じることができるスリムなお知らせバーです。実際の動作を見る.

属性タイプデフォルト値
contentstring""—
linkTextstring""—
linkUrlstring""—
newTabbooleanfalse—
positionstring"top"top bottom inline
dismissiblebooleantrue—
variantstring"dark"dark accent light

エディター対応: interactivity.

最近の販売通知 pbs/social-proof

Pro。WooCommerce または Easy Digital Downloads からの実際の最近の注文に関する小さな通知: チェックアウト時に同意した購入者のみを対象とした、購入者の名 (ファーストネーム) と都市。動作を確認する.

属性タイプデフォルト値
sourcestring"auto"auto woocommerce edd
countinteger10—
maxAgeDaysinteger14—
showForinteger6—
gapinteger12—
positionstring"start"start end
showProductbooleantrue—
showTimebooleantrue—

エディター対応: interactivity.

共有バー pbs/share-bar

Pro 機能。このページをソーシャルネットワーク、メール、端末固有の共有メニュー、またはリンクのコピーによって共有するためのボタン。実際の動作を見る.

属性タイプデフォルト値
networksarray[]—
layoutstring"inline"inline floating
labelstring""—

エディター対応: interactivity.

ソーシャルアイコン pbs/social-icons

無料。各ネットワーク独自のアイコンで描画される、プロフィールへのリンクです。実際の動作を見る.

属性タイプデフォルト値
itemsarray[]—
lookstring"filled"plain filled outline
shapestring"circle"circle rounded square
sizestring"medium"small medium large
justifystring"start"start center end
newTabbooleantrue—

Team pbs/team

Pro 版。写真、名前、役職、簡単な略歴、リンクを含むメンバー紹介。実際の動作を見る.

属性タイプデフォルト値
membersarray[]—
columnsinteger3—
levelinteger2—

お客様の声 pbs/testimonial

無料。顧客からのコメントを名前、役職、写真、および任意の星評価とともに表示します。動作を確認する.

属性タイプデフォルト値
quotestring""—
namestring""—
rolestring""—
imageUrlstring""—
imageIdinteger0—
imageAltstring""—
ratinginteger0—
layoutstring"stacked"stacked side
alignstring"start"start center

タイムライン pbs/timeline

Pro。日付とともに順を追って線に沿ってイベントを表示します。実際の動作を見る.

属性タイプデフォルト値
itemsarray[]—
levelinteger2—

信頼バッジ pbs/trust-badges

Pro 版。安全な支払い、送料無料、簡単な返品など、それぞれアイコンが付いた短い安心のメッセージ。動作を確認する.

属性タイプデフォルト値
badgesarray[]—
layoutstring"row"row grid

WhatsApp チャットボタン pbs/whatsapp

無料版。ページの隅に表示され、あなたとの WhatsApp チャットを開くフローティングボタン。動作を確認する.

属性タイプデフォルト値
phonestring""—
messagestring""—
labelstring""—
showLabelbooleanfalse—
positionstring"end"end start

画像、動画、メディア

3D モデルビューアー pbs/model-viewer

Pro 版機能。訪問者が回転やズームを行える3D モデル (glTF または GLB) で、オプションで拡張現実 (AR) での表示も可能です。実際の動作を見る.

属性タイプデフォルト値
srcstring""—
altstring""—
posterstring""—
autoRotatebooleanfalse—
arbooleanfalse—

オーディオプレーヤー pbs/audio-player

Pro。ポッドキャストまたは音楽プレーヤー: ブラウザ標準のプレーヤーの周囲にエピソード、アートワーク、再生速度を表示します。実際の動作を見る.

属性タイプデフォルト値
tracksarray[]—
titlestring""—
artworkobject——

予約カレンダー pbs/booking

無料。訪問者が要求したときにのみ読み込まれる Calendly または Cal.com の予約カレンダー。動作例を見る.

属性タイプデフォルト値
providerstring"calendly"calendly cal
urlstring""—
labelstring""—

エディター対応: interactivity.

Pro。メイソンリー、均等割り付け (ジャスティファイ)、または均等グリッドで表示され、アクセシブルなライトボックスで開く画像。動作例を見る.

属性タイプデフォルト値
imagesarray[]—
layoutstring"masonry"masonry justified grid
columnsinteger3—
lightboxbooleantrue—
captionsbooleanfalse—

アイコン pbs/icon

無料。SVG アイコンです。マークアップは表示される前にクリーンアップされます。実際の動作を見る.

属性タイプデフォルト値
svgstring""—
stylestring""—
iconRefstring""—
displaystring—inline block
justifystring"start"start center end
labelstring""—

画像アコーディオン pbs/image-accordion

Pro 版。画像パネルが横並びに配置され、ポインターやキーボード操作が当たっているパネルが広がってテキストを表示します。実際の動作を見る.

属性タイプデフォルト値
itemsarray[]—

マップ pbs/map

無料。OpenStreetMap による場所のマップ: API キーは不要で、訪問者がマップを要求するまで OpenStreetMap からは何も読み込まれません。動作を確認する.

属性タイプデフォルト値
latnumber——
lngnumber——
zoomnumber14—
labelstring""—

エディターのサポート: align, interactivity.

パララックス画像 pbs/parallax-image

Pro。ページのスクロールに合わせて動く画像。動きを抑えたい訪問者には静止表示されます。動作を確認する.

属性タイプデフォルト値
imageobject——
strengthstring"medium"low medium high
heightstring"medium"small medium large

PDF ビューアー pbs/pdf-viewer

Pro。ブラウザによってページ上に表示される PDF。開くためのリンク付き。動作を確認する.

属性タイプデフォルト値
srcstring""—
titlestring""—
heightstring"medium"small medium large

QR コード pbs/qr-code

無料。ウェブアドレスや任意のテキスト用の QR コードで、自身のサイト上で描画されます (QR サービスは使用されません)。実際の動作を見る.

属性タイプデフォルト値
textstring""—
svgstring""—
altstring""—
captionstring""—

スライダー pbs/slider

Pro。スライド、画像、投稿、製品のカルーセル: スワイプ、ボタン、または自動再生に対応し、アクセシブルです。実際の動作を見る.

インナーブロック: スライド。

属性タイプデフォルト値
labelstring""—
sourcestring"slides"slides images posts products
imagesarray[]—
postTypestring"post"—
perPageinteger6—
categoriesarray[]—
orderBystring"date"date title modified menu_order rand
orderstring"DESC"DESC ASC
showImagebooleantrue—
showDatebooleantrue—
showExcerptbooleantrue—
showTermsbooleanfalse—
showPricebooleantrue—
effectstring"slide"slide fade kenburns
perViewinteger1—
perViewTabletinteger1—
perViewMobileinteger1—
autoplaybooleanfalse—
intervalinteger5—
loopbooleantrue—
arrowsbooleantrue—
dotsbooleantrue—

Pro。動画のグリッド。YouTube や Vimeo は訪問者が再生を押したときにのみ読み込まれ、ポスター画像はサイト上に保持されます。実際の動作を見る.

属性タイプデフォルト値
videosarray[]—
columnsinteger3—

動画プレイリスト pbs/video-playlist

Pro。1つのプレーヤーと動画リスト: 独自のファイル、または選択されたときにのみ読み込まれる YouTube や Vimeo に対応。実際の動作を見る.

属性タイプデフォルト値
videosarray[]—
labelstring""—

データ、グラフ、表

チャート pbs/chart

Pro。サーバー上で描画される棒グラフ、折れ線グラフ、または円グラフ。グラフを見ることができないすべての人のために、数値が表形式で用意されています。動作を確認する.

属性タイプデフォルト値
typestring"bar"bar line pie
titlestring""—
labelsarray[]—
seriesarray[]—
valuePrefixstring""—
valueSuffixstring""—
heightstring"medium"short medium tall
showLegendbooleantrue—
showValuesbooleanfalse—

コード pbs/code

無料。構文ハイライト、行番号、コピーボタンを備えたコードリストです。プラグインを無効化しても可読性を維持します。実際の動作を見る.

属性タイプデフォルト値
codestring""—
languagestring"auto"—
filenamestring""—
lineNumbersbooleanfalse—
copybooleantrue—
wrapbooleanfalse—

エディター対応: interactivity.

データテーブル pbs/data-table

Pro。訪問者が並べ替えや検索を行え、スマートフォンでも見やすく表示されるテーブルです。CSV ファイルの貼り付けまたはインポートに対応。実際の動作を見る.

属性タイプデフォルト値
captionstring""—
columnsarray[]—
rowsarray[]—
sortablebooleantrue—
searchablebooleantrue—
layoutstring"stack"stack scroll
stripedbooleantrue—
rowHeadersbooleanfalse—

エディター対応: interactivity.

イベント pbs/events

Pro 版。サイトのタイムゾーンで、今後のイベントをリストまたは月間カレンダーとして表示します。過去のイベントは自動的にリストから除外されます。動作デモを見る.

属性型初期値値
events配列[]—
view文字列"list"list calendar
showPast真偽値false—
source文字列"manual"manual tec
tecCategory文字列""—
limit数値20—
categories配列[]—
hideCanceled真偽値false—
hidePostponed真偽値false—

エディター対応: interactivity.

Google および Trustpilot のレビュー pbs/reviews

Pro 版。Google および Trustpilot のレビューをグリッド、スライダー、またはバッジとして表示します。バックグラウンドで1日1回更新されるため、ページがどちらのサービスの読み込みを待つこともありません。実際の動作を見る.

属性タイプデフォルト値
sourcestring"both"both google trustpilot
layoutstring"grid"grid slider badge
minRatinginteger4—
orderstring"newest"newest best
countinteger6—
showDatebooleantrue—
showSummarybooleanfalse—
labelstring""—

エディター対応: interactivity.

組織図 pbs/org-chart

Pro。役職と写真を含む人物のツリー構造で、誰が誰に報告するかを表示します。実際の動作を見る.

属性タイプデフォルト値
labelstring""—
peoplearray[]—

プログレスバー pbs/progress-bar

無料。スキルや目標など、何かがどこまで進んだかを示すラベル付きのバーです。実際の動作を見る.

属性タイプデフォルト値
labelstring""—
valueinteger50—
maxinteger100—
showValuebooleantrue—

プログレスサークル pbs/progress-circle

Pro。数値とラベルが実際のテキストとして表示され、値に応じて満たされるリングです。動作例を見る.

属性タイプデフォルト値
valuenumber75—
maxnumber100—
labelstring""—
formatstring"percent"percent value
sizestring"medium"small medium large
thicknessstring"normal"thin normal thick

クエリーループ pbs/query-loop

Pro。投稿、商品、ユーザー、カテゴリー、またはリピーターフィールドを、フィルターおよび並べ替えを適用し、一度デザインしたカードで一覧表示します。オプションのライブフィルターやページネーションも利用可能です。実際の動作を見る.

属性タイプデフォルト値
loopIdstring""—
sourcestring"posts"posts users terms field
postTypestring"post"—
inheritbooleanfalse—
termsarray[]—
metaKeystring""—
metaValuestring""—
metaComparestring"="= != > >= < <= LIKE EXISTS NOT EXISTS
orderBystring"date"—
orderMetaKeystring""—
orderstring"DESC"DESC ASC
perPageinteger6—
offsetinteger0—
excludeCurrentbooleanfalse—
taxonomystring"category"—
hideEmptybooleantrue—
fieldProviderstring"meta"—
fieldKeystring""—
columnsinteger3—
layoutstring"grid"grid list
paginationstring"none"none numbers prevnext
filtersarray[]—
filterPositionstring"top"top start
livebooleantrue—
noResultsstring""—

エディター対応: interactivity.

ロードマップ pbs/roadmap

Pro。計画中、進行中、完了したものを、3列のボードまたは1つのリストとして表示します。実際の動作を見る.

属性タイプデフォルト値
itemsarray[]—
layoutstring"board"board list
headingLevelinteger2—

スター評価 pbs/star-rating

無料。半星刻みの星として表示される評価。実際の動作を見る.

属性タイプデフォルト値
ratingnumber4—
maxinteger5—
showValuebooleanfalse—

サイト構築とナビゲーション

投稿者ボックス pbs/author-box

Pro。この投稿の作成者: 写真、名前、略歴、リンク。実際の動作を見る.

属性タイプデフォルト値
showAvatarbooleantrue—
showBiobooleantrue—
showPostsbooleantrue—
showWebsitebooleantrue—
avatarSizenumber96—
headingLevelstring"h2"—

投稿者プロフィール pbs/user-profile

無料。投稿者または指定したユーザーの写真、名前、プロフィール、リンクを表示します。実際の動作を見る.

属性タイプデフォルト値
sourcestring"author"author user
userIdnumber0—
showAvatarbooleantrue—
showBiobooleantrue—
showLinksbooleantrue—

トップへ戻る pbs/back-to-top

Pro。訪問者をページの先頭に戻す画面の隅のボタン。実際の動作を見る.

属性タイプデフォルト値
labelstring""—
positionstring"end"—
showAfternumber400—
showLabelbooleanfalse—

エディター対応: interactivity.

パンくずリスト pbs/breadcrumbs

Pro 版。ホームページからこのページまでのパス。検索エンジン向けの構造化データが含まれています。実際の動作を見る.

属性タイプデフォルト値
showHomebooleantrue—
homeLabelstring""—
separatorstring"chevron"—
showCurrentbooleantrue—
schemabooleantrue—

営業時間 pbs/business-hours

Pro。サイトのタイムゾーンに合わせて計算された「現在営業中」の表示を含む、1週間の営業時間。実際の動作を見る.

属性タイプデフォルト値
titlestring""—
daysarray[{"closed":true,"ranges":[]},{"closed…—
showOpenNowbooleantrue—
highlightTodaybooleantrue—
notestring""—

エディター対応: interactivity.

ダークモード切り替え pbs/dark-mode-switch

Pro 版。ウェブサイトのライトカラーとダークカラーを切り替え、訪問者の選択を記憶するボタンです。実際の動作を見る.

属性タイプデフォルト値
labelstring""—
showLabelbooleanfalse—

エディター対応: interactivity.

ログインと登録 pbs/login-form

Pro 版。WordPress のログインまたは登録フォーム、およびログイン後のログアウトリンク。動作を確認する.

属性タイプデフォルト値
modestring"login"—
redirectstring""—
showRememberbooleantrue—
showLostbooleantrue—
showRegisterbooleantrue—

ミニカート pbs/mini-cart

Pro。訪問者のカートのアイテム数と合計金額を表示し、カート内のアイテムを開きます。キャッシュされたページでも、カートに追加した後に最新の状態を維持します。動作を確認する.

属性タイプデフォルト値
labelstring""—

ナビゲーションメニュー pbs/nav-menu

無料。ドロップダウンおよびモバイルメニュー (サイドドロワー、フルスクリーンメニュー、ドロップダウン) に対応した WordPress メニュー。Pro 版ではメガメニューにも対応。実際の動作を見る.

内部ブロック: メガメニューパネル (Pro)。

属性タイプデフォルト値
menuIdnumber0—
orientationstring"horizontal"horizontal vertical
collapsestring"mobile"mobile tablet always never custom
openOnstring"click"click hover
labelstring""—
breakpointnumber900—
mobileStylestring"drawer"drawer fullscreen dropdown
drawerSidestring"end"end start
toggleIconstring"menu"menu menu-alt grid none
toggleLabelstring""—
toggleShowLabelbooleantrue—
toggleStylestring"outline"outline solid plain
closeOnLinkbooleantrue—
mobileSubmenusstring"collapsed"collapsed expanded
closeDelaynumber150—
animationstring"fade"none fade slide
skipLinkbooleanfalse—
skipTargetstring"main"—

エディター対応: interactivity.

パスワード保護コンテンツ pbs/protected

無料版。パスワードを知っている訪問者のみが表示できるブロック。パスワードを入力するまで、コンテンツはページ内に一切存在しません。実際の動作を見る.

属性タイプデフォルト値
lockIdstring""—
hashstring""—
messagestring""—

投稿の詳細 pbs/post-meta

無料。投稿の作成者、日付、カテゴリー、タグ、読了時間、コメント数。動作を確認する.

属性タイプデフォルト値
itemsarray["author","date","readingTime"]—

商品要素 pbs/product-element

Pro 版。商品の構成要素 (タイトル、ギャラリー、価格、評価、カートに追加、タブ、関連商品、アップセル、セールバッジ、在庫など) を1つ表示します。現在表示中の商品、ループ内の商品、または選択した商品を表示します。実際の動作を見る.

属性タイプデフォルト値
partstring"title"title gallery image price rating excerpt description add_to_cart meta tabs related upsells sale_badge stock
productIdinteger0—
levelinteger0—

読書進捗バー pbs/reading-progress

無料版。訪問者がページをスクロールするにつれて満たされていく、ウィンドウの端に表示される細いバー。実際の動作を見る.

属性タイプデフォルト値
positionstring"top"top bottom

読了時間 pbs/reading-time

Pro 版。この記事を読むのに何分かかるかを表示します。実際の動作を見る.

属性タイプデフォルト値
wpmnumber200—
formatstring"long"—
prefixstring""—

無料版。この投稿と同じカテゴリーやタグを持つ投稿を、画像、日付、抜粋とともに表示します。実際の動作を見る.

属性タイプデフォルト値
countnumber3—
bystring"both"both categories tags
fallbackbooleantrue—
headingstring""—
headingLevelnumber2—
showImagebooleantrue—
showDatebooleantrue—
showExcerptbooleanfalse—

検索 pbs/search-form

Pro。このウェブサイト用の検索ボックス。動作を見る.

属性タイプデフォルト値
labelstring""—
placeholderstring""—
buttonTextstring""—
showLabelbooleanfalse—
iconButtonbooleantrue—
postTypestring""—

共有ボタン pbs/share-buttons

Pro 版。このページをソーシャルネットワークやメールで共有したり、リンクをコピーしたりするためのボタンです。実際の動作を見る.

属性タイプデフォルト値
networksarray["facebook","x","linkedin","whatsapp"…—
showLabelsbooleanfalse—
shapestring"rounded"—
nativebooleantrue—
labelstring""—

エディター対応: interactivity.

ショップページ pbs/shop-page

Pro。テンプレート内のショップページの WooCommerce 部分: ページ自体のカートまたはチェックアウト (ブロックまたはクラシック)、クラシックカート、チェックアウト、マイアカウント、または注文完了詳細。実際の動作を見る.

属性タイプデフォルト値
pagestring"content"content cart checkout account order

サイトヘッダー pbs/site-header

Pro。サイト上部エリア: ロゴ、ナビゲーション、その他の要素を1行または複数行で配置。オプションで固定表示、透過、下スクロール時の縮小や非表示が可能です。実際の動作を見る.

属性型初期値値
stickybooleanfalse—
transparentbooleanfalse—
shrinkbooleanfalse—
hideOnScrollbooleanfalse—
stickyFromnumber0—

エディター対応: interactivity.

サイトマップ pbs/sitemap

無料。公開済みのすべての固定ページと投稿 (およびその他の公開コンテンツ) を、ページツリーを維持したまま一覧表示するページ。実際の動作を見る.

属性タイプデフォルト値
postTypesarray["page","post"]—
showHeadingsbooleantrue—
headingLevelnumber2—

店舗検索 pbs/store-locator

Pro。訪問者が検索したり距離順に並べ替えたりできるリスト内のすべての場所と、訪問者が要求したときにのみ読み込まれる OpenStreetMap マップ。実際の動作を見る.

属性タイプデフォルト値
labelstring""—
locationsarray[]—
showSearchbooleantrue—
showMapbooleantrue—
zoominteger0—

エディター対応: interactivity.

目次 pbs/table-of-contents

無料。ページ上の見出しのリストで、自動的に生成され、各見出しへリンクします。実際の動作を見る.

属性タイプデフォルト値
title文字列 (string)""—
minLevel整数 (integer)2—
maxLevel整数 (integer)3—
ordered真偽値 (boolean)false—
collapsible真偽値 (boolean)false—
collapsed真偽値 (boolean)false—
spy真偽値 (boolean)true—

カジノ、iGaming、アフィリエイト

アフィリエイトボタン pbs/affiliate-button

Pro。スポンサーリンクとしてマークされたオファーへのボタン。オプションでクリック数をカウントする短縮リンクを経由します。実際の動作を見る.

属性タイプデフォルト値
textstring""—
urlstring""—
linkIdnumber0—
newTabbooleantrue—
variantstring"fill"fill outline
sizestring"medium"small medium large

年齢確認 pbs/age-gate

Pro。国ごとの最低年齢を設定し、訪問者がウェブサイトを表示する前に年齢を確認するよう求めます。実際の動作を見る.

属性タイプデフォルト値
minAgenumber18—
rulesarray[]—
modestring"confirm"confirm birthdate
rememberDaysnumber30—
titlestring""—
messagestring""—
deniedMessagestring""—

エディター対応: interactivity.

カジノ比較テーブル pbs/casino-table

Pro。ボーナス、評価、ハイライト、ボタン、利用規約とともにオファーを並べて比較できます。実際の動作を確認する.

属性タイプデフォルト値
offersarray[]—
captionstring""—
showRankbooleantrue—
showRatingbooleantrue—
showFeaturesbooleantrue—
noticestring""—
agenumber18—

暗号資産の価格 pbs/crypto-ticker

Pro。CoinGecko からの暗号資産価格を、ティッカー、カード、または価格チャートとして表示します。実際の動作を見る.

属性タイプデフォルト値
coinsarray["bitcoin","ethereum","solana"]—
currencystring"usd"—
layoutstring"ticker"ticker cards chart
daysnumber7—
labelstring""—

オファーカード pbs/offer-card

Pro。1つのオファー: ロゴ、ボーナス、ハイライト、スポンサーボタン、利用規約、年齢制限の通知。実際の動作を見る.

属性タイプデフォルト値
namestring""—
logostring""—
logoIdnumber0—
bonusstring""—
descriptionstring""—
featuresstring""—
ratingnumber0—
urlstring""—
linkIdnumber0—
ctastring""—
termsstring""—
badgestring""—
agenumber18—
headingLevelstring"h2"h2 h3 h4 p

メリットとデメリット pbs/pros-cons

Pro 版機能。良い点と悪い点の2つのリストを並べて表示します。実際の動作を見る.

属性タイプデフォルト値
prosTitlestring""—
consTitlestring""—
prosarray[]—
consarray[]—
headingLevelstring"h2"h2 h3 h4 p

責任あるギャンブルの通知 pbs/rg-notice

Pro 版機能。訪問者の国に合わせて選択された、責任あるギャンブルに関するメッセージとヘルプリンクを表示します。実際の動作を見る.

属性タイプデフォルト値
textstring""—
urlstring""—
linkTextstring""—
useHelpbooleantrue—
countriesarray[]—
showAgebooleantrue—
agenumber18—

レビュースコア pbs/review-score

Pro。総合スコア、各基準のスコア、そして総評。動作を見る.

属性タイプデフォルト値
scorenumber8—
scalenumber10—
labelstring""—
criteriaarray[]—
verdictstring""—

ウィジェットとアドオン

ショートコード (アドオン) pbs/shortcode

無料。クラシックな Page Builder Sandwich エディター向けに作成されたアドオンのショートコードで、アドオンで宣言された設定が含まれます。実際の動作を見る.

属性タイプデフォルト値
tagstring""—
attrsobject{}—
contentstring""—

ウィジェット pbs/widget

無料。サイトに登録されているクラシックウィジェットの1つを表示します。動作を確認する.

属性タイプデフォルト値
widgetstring""—
instanceobject{}—
fallbackHtmlstring""—

ウィジェットエリア pbs/sidebar

無料。テーマのウィジェットエリアの1つにウィジェットを表示します。実際の動作を見る.

属性タイプデフォルト値
sidebarstring""—
fallbackHtmlstring""—