無料 44個 · Pro 68個

Page Builder Sandwich の全112種類の WordPress ブロック

無料プラグインの44個のブロックに加え、Page Builder Sandwich Pro ではさらに68個のブロックを利用でき、すべて通常の WordPress ブロックとして保存されます。以下の各ページで実際のブロックの動作を確認できます。

すでに無料トライアルを利用されましたか ? 今すぐ購入

レイアウトとデザイン

あらゆる画面でページをレイアウトするセクション、コンテナ、行、ボタンに加え、視覚効果を抑えたい訪問者のために静止状態を保つモーション機能も備えています。

アニメーションテキスト · Pro

画面にスクロールインした際に、自動でタイプ表示されたり、単語がフェードインまたは下から浮き上がったりする段落や見出し。動きの低減を好む訪問者には静止表示されます。

アニメーションテキストブロックを見る

ボタンリンク · 無料

ボタン風にデザインされたリンク。

ボタンリンクブロックを見る

コンテナ · 無料

内部のブロックをフレックスボックスまたはグリッドで配置するボックス。コンテナを入れ子にして任意のレイアウトを作成できます。プラグインを停止しても可読性が保たれます。

コンテナブロックを見る

カーソルエフェクト · Pro

セクション上またはページ全体で、マウスポインターに追従するリング、スポットライト、または短い軌跡。タッチスクリーンおよび動きの低減を好む訪問者には無効になります。

カーソルエフェクトブロックを見る

言語スイッチャー · 無料

訪問者がこのページを別の言語で読むことができるようにし、ページのデザインに合わせたスタイルを適用します。言語設定には Tranzly プラグインが必要です。

言語スイッチャーブロックを見る

マーキー · Pro

ページ上をスクロールして流れる短いテキスト行 (一時停止ボタン付き)。動きの低減を好む訪問者には静止表示されます。

マーキーブロックを見る

パーティクル背景 · Pro

ブロックの背景でドットがゆっくりと漂うセクション。動きの低減を好む訪問者には静止画像として表示されます。

パーティクル背景ブロックを見る

行 · 無料

カラムの行。プラグインを停止しても可読性が保たれます。

行ブロックを見る

セクション · 無料

コンテンツをフレックスボックスまたはグリッドで配置する全幅の帯状セクション。プラグインを停止しても可読性が保たれます。

セクションブロックを見る

コンテンツ

タブ、アコーディオン、ステップ、通知など、明確で読みやすいページを構成するビルディングブロック。

アコーディオン · 無料

開閉可能な質問やセクション。1つずつ開く設定や、検索エンジン向けに FAQ としてマークアップすることも可能です。

アコーディオンブロックを見る

アラート · 無料

訪問者へのお知らせ (情報、成功、警告、エラー)。任意のタイトルと閉じるボタンを設定できます。

アラートブロックを見る

バッジ · 無料

「新着」「セール」「おすすめ」などの短いラベル。

バッジブロックを見る

チェックリスト · 無料

完了または未完了がマークされたタスク一覧。チェックマークだけでなく、スクリーンリーダー向けのテキスト表記にも対応しています。

チェックリストブロックを見る

コンテンツスイッチャー · Pro

月額プランと年額プランなど、複数のコンテンツを切り替えるスイッチ。

コンテンツスイッチャーブロックを見る

デュアル見出し · 無料

2つのパートで構成される見出し。後半部分はカラー、グラデーション、アウトライン、または下線で強調できます。

デュアル見出しブロックを見る

機能リスト · 無料

グリッド状に配置された機能一覧。それぞれにアイコン、見出し、短い説明文が表示されます。

機能リストブロックを見る

用語集 · 無料

A から Z 順に並べられた用語とその定義 (各用語への個別リンク付き)。ページ内で用語が最初に出てきた箇所から定義へリンクさせることも可能です。

用語集ブロックを見る

アイコンリスト · 無料

各行の先頭にアイコン (チェックマーク、矢印、ライブラリ内の任意のアイコン) が付いたリスト。

アイコンリストブロックを見る

インフォボックス · 無料

アイコン、短い見出し、1〜2文の説明文、任意のリンクで構成され、サービス、メリット、連絡先の詳細などに適しています。

インフォボックスブロックを見る

モーダル · 無料

ページ上にウィンドウを開くボタン。内部には任意のブロックを配置できます。

モーダルブロックを見る

オフキャンバスパネル · 無料

ウィンドウの横からパネルをスライド表示するボタン。内部には任意のブロックを配置できます。

オフキャンバスパネルブロックを見る

投稿 · Pro

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

投稿ブロックを見る

もっと見る · Pro

長文コンテンツを指定した高さでカットし、残りを表示するボタンを配置します。

もっと見るブロックを見る

ステップ · 無料

プロセスの番号付きステップを順番に、縦方向または横並びで表示します。

ステップブロックを見る

タブ · 無料

タブ形式のコンテンツ: 訪問者はマウスまたはキーボードでパネルを切り替えられます。

タブブロックを見る

ツールチップ · 無料

ホバーやキーボードフォーカス時に簡単な説明を表示する単語またはフレーズ。

ツールチップブロックを見る

マーケティングとセールス

コールトゥアクション (CTA)、料金表、フォーム、カウントダウン、お客様の声など、訪問者を顧客へと変えるブロック群。

A/B テスト · Pro

セクションの2つのバージョン: 訪問者ごとにどちらか一方を表示し、A/B テスト画面でどちらのコンバージョン率が高いかを確認できます。

A/B テストブロックを見る

アニメーション見出し · Pro

キーワードが変化する見出し。一時停止ボタンを備え、視覚効果の低減を希望する訪問者には動きを止めます。

アニメーション見出しブロックを見る

ビフォー・アフター · Pro

2枚の画像を重ね、スライダーを使って比較できるようにします。

ビフォー・アフターブロックを見る

コールトゥアクション · 無料

見出し、説明文、そして訪問者に行動を促す1〜2個のボタン。

コールトゥアクションブロックを見る

クリックして引用を共有 · Pro

引用文とボタン。ボタンを押すと、その引用文とこのページへのリンクを含んだ X の投稿画面が開きます。

クリックして引用を共有ブロックを見る

比較表 · 無料

プランや製品を横並びで比較。スクリーンリーダーが言葉として読み上げる「はい」「いいえ」のマーク付きです。

比較表ブロックを見る

連絡先ボタン · 無料

電話、メール、SMS、WhatsApp でメッセージを送信するためのボタン。

連絡先ボタンブロックを見る

カウントダウン · Pro

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

カウントダウンブロックを見る

カウンター · Pro

画面に表示されたときにカウントアップする、ラベル付きの数字。

カウンターブロックを見る

クーポンコード · Pro

訪問者がワンクリックで表示およびコピーできる割引コード。

クーポンコードブロックを見る

フリップボックス · Pro

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

フリップボックスブロックを見る

フォーム · 無料

Contact Form 7、WPForms、Gravity Forms、または Fluent Forms のフォームを、サイトのデザインに合わせて表示します。

フォームブロックを見る

フォーム · Pro

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

フォームブロックを見る

ホットスポット · Pro

選択すると簡単なメモが表示されるポイントが配置された画像。

ホットスポットブロックを見る

ロゴグリッド · Pro

グリッド状に並んだクライアントやパートナーのロゴ。それぞれに任意のリンクを設定できます。

ロゴグリッドブロックを見る

ロゴマーキー · Pro

一時停止ボタン付きでゆっくりと流れるロゴ。視覚効果を減らす設定にしている訪問者には静止表示されます。

ロゴマーキーブロックを見る

Lottie アニメーション · Pro

アップロードしたファイルから、外部へのリクエストなしでこのサイト上で再生される Lottie アニメーション。

Lottie アニメーションブロックを見る

ニュースレター登録 · Pro

Mailchimp、MailPoet、AWeber 向けのメール登録フォーム。同意チェックボックスと、成功または失敗時の明確なメッセージが表示されます。

メルマガ登録ブロックを見る

価格表 · Pro

メニューやサービス一覧など、名前、価格、簡単な説明を含む項目。

価格表ブロックを見る

料金表 · Pro

料金、機能、ボタンが並んだプラン比較。オプションで月額/年額の切り替えも可能です。

料金表ブロックを見る

プロモーションバー · Pro

画面の上部または下部に固定表示され、訪問者が閉じることができるスリムなお知らせバー。

プロモーションバーブロックを見る

最近の購入通知 · Pro

WooCommerce や Easy Digital Downloads からの実際の最近の注文を小さく通知: チェックアウト時に同意した購入者の名と都市のみ表示。

最近の購入通知ブロックを見る

シェアバー · Pro

ソーシャルネットワーク、メール、端末独自の共有メニュー、またはリンクのコピーでこのページを共有するためのボタン。

シェアバーブロックを見る

ソーシャルアイコン · 無料

各ネットワーク公式のアイコンで描かれた、プロフィールへのリンク。

ソーシャルアイコンブロックを見る

チーム · Pro

写真、名前、役職、簡単な経歴、リンクが含まれるメンバー紹介。

チームブロックを見る

お客様の声 · 無料

お客様からのコメント。名前、役職、写真、オプションの星評価が含まれます。

お客様の声ブロックを見る

タイムライン · Pro

日付順に線に沿って並べられたイベント。

タイムラインブロックを見る

信頼バッジ · Pro

安全な決済、送料無料、簡単な返品など、それぞれアイコンが付いた短い安心の証。

信頼バッジブロックを見る

WhatsApp チャットボタン · 無料

ページの一角に表示され、あなたとの WhatsApp チャットを開くフローティングボタンです。

WhatsApp チャットボタンブロックを見る

画像、動画、メディア

訪問者が必要としたときにのみ読み込まれるギャラリー、スライダー、動画、音声、地図、3D モデル。

3D モデルビューア · Pro

訪問者が回転や拡大縮小でき、必要に応じて AR (拡張現実) でも表示できる3D モデル (glTF または GLB)。

3D モデルビューアブロックを見る

オーディオプレーヤー · Pro

ブラウザ標準プレーヤーの周囲にエピソード、アートワーク、再生速度を配置したポッドキャストまたは音楽プレーヤー。

オーディオプレーヤーブロックを見る

予約カレンダー · Free

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

予約カレンダーブロックを見る

ギャラリー · Pro

メイソンリー、位置揃え、または均等グリッドで表示され、アクセシブルなライトボックスで開く画像。

ギャラリーブロックを見る

アイコン · Free

SVG アイコン。マークアップは表示される前にサニタイズされます。

アイコンブロックを見る

画像アコーディオン · Pro

並べられた画像パネル。ポインターを合わせるかキーボードで選択すると広がり、テキストを表示します。

画像アコーディオンブロックを見る

地図 · Free

OpenStreetMap による場所の地図。API キーは不要で、訪問者が地図を要求するまで OpenStreetMap からは何も読み込まれません。

地図ブロックを見る

パララックス画像 · Pro

ページのスクロールに合わせて動く画像。視覚効果を抑えたい訪問者のためには静止表示されます。

パララックス画像ブロックを見る

PDF ビューア · Pro

ブラウザによってページ上に表示される PDF (開くためのリンク付き)。

PDF ビューアブロックを見る

QR コード · Free

ウェブアドレスや任意のテキスト用の QR コード。外部の QR サービスを使わずにサイト上で直接生成されます。

QR コードブロックを見る

スライダー · Pro

スライド、画像、投稿、製品のカルーセル。スワイプ、ボタン、または自動再生に対応し、アクセシビリティにも配慮されています。

スライダーブロックを見る

動画ギャラリー · Pro

動画のグリッド表示。YouTube や Vimeo は訪問者が再生を押したときのみ読み込まれ、サムネイル画像はサイト上に保持されます。

動画ギャラリーブロックを見る

動画プレイリスト · Pro

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

動画プレイリストブロックを見る

データ、グラフ、表

誰もが読み取れる数値の入ったグラフ、並べ替え可能な表、評価、イベント、ロードマップ。

グラフ · Pro

サーバー側で描画される棒グラフ、折れ線グラフ、または円グラフ。グラフを見ることができないすべての人のために数値を表形式で提供します。

グラフブロックを見る

コード · 無料

シンタックスハイライト、行番号、コピーボタンを備えたコード表示。プラグインを無効化しても可読性が保たれます。

コードブロックを見る

データテーブル · Pro

訪問者が並べ替えや検索を行え、スマートフォンでも見やすい表。CSV ファイルの貼り付けまたはインポートに対応。

データテーブルブロックを見る

イベント · Pro

サイトのタイムゾーンによる、今後のイベントのリスト表示または月間カレンダー表示。終了したイベントは自動的にリストから外れます。

イベントブロックを見る

Google & Trustpilot レビュー · Pro

Google と Trustpilot のレビューをグリッド、スライダー、またはバッジで表示。バックグラウンドで1日1回更新されるため、ページが各サービスの読み込みを待つことはありません。

Google & Trustpilot レビューブロックを見る

組織図 · Pro

役職や写真とともにツリー構造で表す、指揮系統やレポートライン。

組織図ブロックを見る

プログレスバー · 無料

スキルや目標などの進捗状況を示す、ラベル付きのバー。

プログレスバーブロックを見る

プログレスサークル · Pro

数値まで満たされるリング表示。数値とラベルは実際のテキストとして保持されます。

プログレスサークルブロックを見る

クエリーループ · Pro

一度デザインしたカードを使用して、投稿、商品、ユーザー、カテゴリー、またはリピーターフィールドを絞り込みや並べ替えを行って一覧表示します。ライブフィルターやページネーションもオプションで利用可能です。

クエリーループブロックを見る

ロードマップ · Pro

計画中、進行中、完了した項目を、3列のボードまたは1つのリストとして表示します。

ロードマップブロックを見る

星評価 · 無料

星型で表示される評価 (0.5刻み)。

星評価ブロックを見る

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

単一のページだけでなく、サイト全体を構築するためのヘッダー、メニュー、パンくずリスト、検索、著者ボックス、WooCommerce パーツ。

著者ボックス · Pro

この記事の著者情報: 写真、名前、プロフィール、リンク。

著者ボックスブロックを見る

著者プロフィール · 無料

著者または選択したユーザーの写真、名前、プロフィール、リンク。

著者プロフィールブロックを見る

トップへ戻る · Pro

画面の隅に表示され、訪問者をページ上部に戻すボタン。

トップへ戻るブロックを見る

パンくずリスト · Pro

ホームページから現在のページまでの経路。検索エンジン向けの構造化データを含みます。

パンくずリストブロックを見る

営業時間 · Pro

1週間の営業時間と、サイトのタイムゾーンに基づいて計算される「現在営業中」の表示。

営業時間ブロックを見る

ダークモード切替 · Pro

ウェブサイトのライトカラーとダークカラーを切り替え、訪問者の選択を記憶するボタン。

ダークモード切替ブロックを見る

ログインと登録 · Pro

WordPress のログインまたは登録フォーム、およびログイン後のログアウトリンク。

ログインと登録ブロックを見る

ミニカート · Pro

訪問者のカート内の商品数と合計金額を表示し、カート内の商品を開きます。キャッシュされたページでも、カートに追加した後に最新の状態が維持されます。

ミニカートブロックを見る

ナビゲーションメニュー · 無料

ドロップダウンとモバイルメニュー (サイドドロワー、全画面メニュー、ドロップダウン) を備えた WordPress メニュー。Pro 版ではメガメニューも利用できます。

ナビゲーションメニューブロックを見る

パスワード保護コンテンツ · 無料

パスワードを持つ訪問者のみが表示できるブロック。パスワードを入力するまで、コンテンツはページ内に一切読み込まれません。

パスワード保護コンテンツブロックを見る

投稿の詳細 · 無料

投稿の作成者、日付、カテゴリー、タグ、読了時間、コメント数。

投稿の詳細ブロックを見る

商品要素 · Pro

商品の構成要素 (タイトル、ギャラリー、価格、評価、カートに追加、タブ、関連商品、アップセル、セールバッジ、在庫など)。閲覧中の商品、ループ内の商品、または選択した商品を表示します。

商品要素ブロックを見る

読書進行状況バー · 無料

訪問者がページをスクロールするにつれて満たされる、ウィンドウの端にある細いバー。

読書進行状況バーブロックを見る

読了時間 · Pro

この投稿を読むのにかかる時間 (分)。

読了時間ブロックを見る

関連記事 · 無料

この投稿とカテゴリーやタグを共有する投稿を、画像、日付、概要とともに表示します。

関連記事ブロックを見る

検索 · Pro

このウェブサイト用の検索ボックス。

検索ブロックを見る

シェアボタン · Pro

ソーシャルネットワーク、メール、またはリンクのコピーによってこのページを共有するボタン。

シェアボタンブロックを見る

ショップページ · Pro

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

ショップページブロックを見る

サイトヘッダー · Pro

Web サイトのトップ部分。ロゴ、ナビゲーションなどを1行または複数行で配置できます。固定表示、透過、縮小、下スクロール時の非表示などの設定も可能です。

サイトヘッダーブロックを見る

サイトマップ · 無料

ページツリー構造を維持したまま、公開されているすべての固定ページと投稿 (およびその他の公開コンテンツ) を一覧表示するページ。

サイトマップブロックを見る

店舗ロケーター · Pro

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

店舗ロケーターブロックを見る

目次 · 無料

ページ上の見出しを自動的に生成し、それぞれにリンクするリスト。

目次ブロックを見る

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

アフィリエイトサイトやレビューサイト向けの比較表、オファーカード、レビュースコア、年齢確認、責任あるギャンブルの注意事項。

アフィリエイトボタン · Pro

スポンサーリンクとして指定されたオファーへのボタン。クリック数を計測する短縮リンク経由も可能です。

アフィリエイトボタンブロックを見る

年齢確認 · Pro

国別の最低年齢に基づいて、Web サイトを閲覧する前に訪問者に年齢確認を求めます。

年齢確認ゲートブロックを見る

カジノ比較表 · Pro

各オファーのボーナス、評価、特徴、ボタン、利用規約を並べて比較します。

カジノ比較表ブロックを見る

暗号資産価格 · Pro

CoinGecko からの暗号資産価格をティッカー、カード、または価格チャートで表示します。

暗号資産価格ブロックを見る

オファーカード · Pro

1つのオファー: ロゴ、ボーナス、特徴、スポンサー付きボタン、利用規約、年齢に関する注意書き。

オファーカードブロックを見る

メリットとデメリット · Pro

メリットとデメリットを並べた2つのリスト。

メリット・デメリットブロックを見る

責任あるギャンブルの告知 · Pro

訪問者の国に合わせて選択された、責任あるギャンブルのメッセージとヘルプリンク。

責任あるギャンブルの告知ブロックを見る

レビュースコア · Pro

総合スコア、各基準のスコア、および最終評価。

レビュースコアブロックを見る

ウィジェットとアドオン

既存の WordPress ウィジェットや以前のバージョン向けに作成されたアドオンを、新しいビルダー内でそのまま利用できます。

ショートコード (アドオン) · 無料

クラシックな Page Builder Sandwich エディター向けに作成されたアドオンからのショートコード。アドオンが定義した設定を使用します。

ショートコード (アドオン) ブロックを見る

ウィジェット · 無料

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

ウィジェットブロックを見る

ウィジェットエリア · 無料

テーマのウィジェットエリアの1つにあるウィジェットを表示します。

ウィジェットエリアブロックを見る

ブロックに関するよくある質問

Page Builder Sandwich にはいくつのブロックがありますか ?

合計112個: 無料プラグインに44個、Page Builder Sandwich Pro に68個含まれます。アコーディオン項目やタブなど、他のブロックの内部にのみ存在するブロックは親ブロックと一緒にカウントされます。

これらは本物の WordPress ブロックですか ?

はい。すべてのページはショートコードや独自フォーマットではなく、通常の WordPress ブロックとして保存されるため、プラグインを無効化してもコンテンツは WordPress で読み取り可能な状態を維持します。

ブロックが多すぎるとサイトの速度が低下しますか ?

いいえ。ページには実際に配置されているブロックのスタイルのみが自身のサイトから読み込まれるため、使用していないブロックが訪問者の負担になることはありません。

キーボードやスクリーンリーダーを使用する人でも利用できますか ?

はい。タブ、アコーディオン、メニュー、スライダー、ダイアログはキーボードで操作でき、グラフや表は言葉として読み上げられ、動きを抑えたい訪問者には動くブロックが静止します。内蔵のアクセシビリティチェッカーが、作成中に欠落している画像の説明やコントラストの低さを検出して警告します。