Title: Otter Blocks &#8211; Gutenberg エディターと FSE のための Gutenberg ブロック、ページビルダー
Author: Themeisle
Published: <strong>2018年10月17日</strong>
Last modified: 2026年5月27日

---

プラグインを検索

![](https://ps.w.org/otter-blocks/assets/banner-772x250.png?rev=3019687)

![](https://ps.w.org/otter-blocks/assets/icon-256x256.gif?rev=3452114)

# Otter Blocks – Gutenberg エディターと FSE のための Gutenberg ブロック、ページビルダー

 作者: [Themeisle](https://profiles.wordpress.org/themeisle/)

[ダウンロード](https://downloads.wordpress.org/plugin/otter-blocks.3.1.11.zip)

 * [詳細](https://ja.wordpress.org/plugins/otter-blocks/#description)
 * [レビュー](https://ja.wordpress.org/plugins/otter-blocks/#reviews)
 *  [インストール](https://ja.wordpress.org/plugins/otter-blocks/#installation)
 * [開発](https://ja.wordpress.org/plugins/otter-blocks/#developers)

 [サポート](https://wordpress.org/support/plugin/otter-blocks/)

## 説明

Otter は Gutenberg ブロック用のページビルダープラグインで、WordPress ブロックエディター(
Gutenberg とも呼ばれます) に追加機能を提供します。Elementor や Divi のような従来
のページビルダーを使わなくても、より快適にページを構築できます。

### クイックリンク 🔗

 * インストールする前に Otter Blocks の動作を確認してみませんか ? [OTTER BLOCKS のデモを見る](https://demo.themeisle.com/otter-blocks/?utm_source=wordpressorg&utm_medium=readme&utm_campaign=otter-blocks)
 * Gutenberg ブロックについて詳しく知りたいですか ? [GUTENBERG EXPLAINED](https://themeisle.com/blog/gutenberg-blocks-explained/)
   の記事をご覧ください
 * 設定についてサポートが必要ですか ? [DOCUMENTATION](https://docs.themeisle.com/article/1478-otter-blocks-documentation)
   をご確認ください
 * Otter Pro にご興味がありますか ? [OTTER PRO](https://themeisle.com/plugins/otter-blocks/upgrade/?utm_source=wordpressorg&utm_medium=readme&utm_campaign=otter-blocks)
   の詳細をご覧ください

### Otter Blocks で利用できる機能

 * Gutenberg 用の追加ブロック 20種類以上
 * パターンコレクション
 * フルページテンプレート
 * 表示条件 (Visibility Conditions)
 * カスタム CSS
 * アニメーション
 * 動的コンテンツなど

サイト上に存在するすべてのブロック (サードパーティ製ブロックを含む) に対応してい
ます。

Custom CSS ブロック機能では、ページ上の任意の Gutenberg ブロックの CSS プロパティ
を直接カスタマイズできます。また、Animation 機能を使用すると、任意のブロックにす
ばやく簡単にアニメーションを追加でき、ページ内の各ブロックやセクションの魅力を高め
られます。

Otter の表示条件 (Visibility Conditions) 機能では、指定したブロックをページに表示
する条件を設定できます。

Patterns Library には、さまざまなスタイルのデザイン要素が用意されており、ページ作成
に役立ちます。ヘッダー、推薦文、価格表、各種セクションなど、サイトの重要なエリア
を幅広く網羅しています。

### Otter Blocks の概要をご確認ください

### Otter の Gutenberg ブロックで何ができますか ? 🤔

### WordPress 用 Gutenberg ブロックプラグイン

Otter は、Gutenberg でのページ作成をより簡単にする、便利で魅力的なブロックを26種類
以上追加します。

ブロックを追加するだけではなく、スタイルやデザインを細かく調整できる高度なカスタマイズ
オプションも備えています。Otter を使用すると、これらをすべて利用できます。

各ブロックには、サイトを思いどおりにデザインするためのカスタマイズ機能が用意され
ています:

 * メインカラー、アクセント、背景のカラ―コントロール。
 * ボタンをクリックするだけで、適用できるアニメーション効果 (バウンス、フェード、
   フリップ、回転、スライド、回転移動、ライトスピード など)。
 * 文字間隔やフォント選択などのタイポグラフィコントロール。

### Otter Blocks のモバイル対応

Otter に組み込まれたレスポンシブ設定を使用して、モバイルに最適化されたデザインを
作成できます。各ブロックは調整可能で、モバイル、タブレット、デスクトップで一貫した
表示を実現できます。

### WordPress 用 Gutenberg ブロック条件プラグイン

ログイン中またはログアウト中のユーザーにだけ、特定のブロックを表示したいですか ?
また、ストアの顧客かどうか、ブログの編集者かどうかなど、ユーザー権限グループに応
じて表示を切り替えたい場合はどうでしょう。Otter で利用できる Gutenberg ブロック条件(
Block Conditions) 機能を使えば、これが可能です。Otter の Pro 版にアップグレードし
て、さらに強力なブロック条件を利用しましょう。たとえば次のような条件があります:

 * URL クエリー文字列
 * 日付の範囲
 * 曜日
 * 時間帯
 * WooCommerce のお買い物カゴ内商品
 * WooCommerce の合計購入金額
 * WooCommerce のお買い物カゴの合計
 * WooCommerce のカテゴリー
 * WooCommerce のタグ
 * WooCommerce の属性
 * Cookie ベース
 * ほかにも

### WordPress 用 Gutenberg ブロックアニメーションプラグイン

ページ上の任意のブロックに追加できる魅力的なアニメーションで、訪問者を驚かせましょう。
50種類以上のアニメーションから選択でき、Otter を使用すると投稿やページにさらなる
華やかさを加えられます

### WordPress 用 Gutenberg ポップアッププラグイン

ポップアップは、Web 上で長く利用されてきたリード獲得や通知表示の手法のひとつです。
Otter で利用できる Gutenberg ポップアップブロックを使用すると、Gutenberg で利用可能
な他のブロックを組み合わせてポップアップを作成できます !

表示タイミングや閉じ方を設定して、ポップアップを細かく設定できます。このポップアップ
ブロックでは、ページ読み込み時、離脱時、アンカークリック時、スクロール時など、複数
のトリガーを利用できます。

カスタムオーバーレイを使用してポップアップをデザインできます。ブランドイメージに
合わせながら、より注目を集めることができます。[ライブデモを見る](https://demo.themeisle.com/otter-blocks/popup/)

### Otter ブロックのグローバルデフォルト設定

ページにブロックを追加するたびに同じ設定を繰り返すことにお困りですか ? Otter では、
Section ブロック、Icon ブロック、Advanced Heading など、よく使用されるブロックの
デフォルト設定をあらかじめ指定できます。

### Otter で利用できるブロック:

#### Accordion Gutenberg Block [無料]

ボタンのクリックで表示と非表示を切り替えられる縦並びのコンテンツリストを作成でき
ます。一般的に Accordions と呼ばれる形式です。[ライブデモを見る](https://demo.themeisle.com/otter-blocks/accordion/)

#### Advanced Heading Gutenberg Block [無料]

必要だとは思っていなかったかもしれない見出しブロックです。この Otter ブロックは標準
の見出しブロックと同等の機能に加え、フォントの変更やテキストの一部の強調表示など
の追加機能を備えています。[ライブデモを見る](https://demo.themeisle.com/otter-blocks/advanced-heading/)

#### AI Block [無料]

AI Block によって、AI を活用したコンテンツ作成やフォーム作成を簡単に行えます。AI
Content Generator を使用すれば、テキスト、動的な見出し、内容のある段落をスムーズ
に作成でき、AI Form Generator でフォームの作成も簡単になります。AI による機能を1
つのブロックにまとめた、オールインワンのソリューションです。

#### Button Group Gutenberg Block [無料]

複数のボタンをすばやく作成し、ページを閲覧している端末に応じて縦または横に表示でき
ます。[ライブデモを見る](https://demo.themeisle.com/otter-blocks/button-group/)

#### Countdown Gutenberg Block [無料]

大きなイベントまでのカウントダウンを表示できます。日、時間、分、秒から選んでカウントダウン
できます。[ライブデモを見る](https://demo.themeisle.com/otter-blocks/countdown/)

#### Contact Form Gutenberg Block [無料]

ページ上の任意の場所に、すばやく簡単にお問い合わせフォームを挿入できます。Brevo (
Sendinblue) や Mailchimp と連携すれば、フォームをリード獲得ツールとして活用すること
も可能です。さらに、Webhook 連携でデータ管理を効率化し、hCaptcha 連携でセキュリティ
を強化できます。[ライブデモを見る](https://demo.themeisle.com/otter-blocks/form/)

#### Content Timeline Block [無料]

イベントを時系列のタイムラインでわかりやすく表示できます。過去の出来事、プロセス
の手順、重要なマイルストーンの紹介に適しています。

#### Countdown Block [無料]

大きなイベントまでのカウントダウンを表示できます。これらの Gutenberg ブロックを活用
してください。[ライブデモを見る](https://demo.themeisle.com/otter-blocks/countdown/)

#### Circular Progress Block [無料]

Circle Counter ブロックで進捗状況を表示できます。[ライブデモを見る](https://demo.themeisle.com/otter-blocks/circle-counter/)

#### Flip Box Block [無料]

Gutenberg で利用可能な任意のコンテンツやブロックを挿入できる、フリップ効果付きカード
を作成できます。[ライブデモを見る](https://demo.themeisle.com/otter-blocks/flip-card/)

#### Icon List Gutenberg Block [無料]

カスタムアイコンをポインターとして使用し、シンプルな箇条書きをより印象的にできます。
[ライブデモを見る](https://demo.themeisle.com/otter-blocks/icon-list/)

#### Icon Gutenberg Block [無料]

Font Awesome または Otter 独自のカスタムアイコン一覧から任意のアイコンをページ上の
好きな場所に表示できます。色の変更や枠線の追加、他のブロックとの組み合わせにより、
ページの見た目をさらに向上できます。[ライブデモを見る](https://demo.themeisle.com/otter-blocks/icon/)

#### Lottie Animation Gutenberg Block [無料]

Lottie をご存じですか ? Otter の Lottie Animation Gutenberg ブロックを使えば、Gutenberg
の任意の場所に Lottie アニメーションを表示できます。[ライブデモを見る](https://demo.themeisle.com/otter-blocks/lottie-animation/)

#### Maps Gutenberg Block [無料]

Open Street Map または Google Maps ブロックを選択し、訪問者向けに任意の場所へマーカー
を設置できます。マーカーの色や説明のカスタマイズ、名前や座標での検索、地図コントロール
の追加や削除、サイズやスタイルの変更などを数回のクリックで行えます。[ライブデモを見る](https://demo.themeisle.com/otter-blocks/maps/)

#### Progress Bar Block [無料]

美しい Progress Bar ブロックで進捗状況を表示できます。[ライブデモを見る](https://demo.themeisle.com/otter-blocks/progress-bar/)

#### Posts Gutenberg Block [無料]

このブロックを使用すると、投稿、固定ページ、カスタム投稿タイプの項目を現在編集中
のページに挿入できます。投稿ブロックでは、複数のページにわたって一定数の投稿を表示
できます。スタイル、投稿タイプ、設定、デザイン、レイアウトなどをカスタマイズでき
ます。

#### Product Review Gutenberg Block [無料]

お気に入りの商品についてブログを書いていますか ? またはレビューサイトを運営してい
ますか ? このブロックを使用してレビュー表を作成し、特長、メリットとデメリット、購入
リンクなどを一覧表示できます。[ライブデモを見る](https://demo.themeisle.com/otter-blocks/product-review/)

#### Popup Gutenberg Block [無料]

目を引くポップアップを作成し、表示するタイミングや閉じ方を細かく設定できます。[ライブデモを見る](https://demo.themeisle.com/otter-blocks/popup/)

#### Slider Gutenberg Block [無料]

この Gutenberg ブロックを使用すると、任意の Gutenberg ページに画像スライダーを作成
できます。スライダーの高さ、表示間隔、1ページあたりのスライド数、自動再生などを設定
できます。[ライブデモを見る](https://demo.themeisle.com/otter-blocks/slider/)

#### Section Gutenberg Block [無料]

高機能なカラムブロックです。最大6カラムのセクションを作成でき、各カラムにカスタム
背景色、画像、グラデーションを設定できます。レスポンシブ機能を使用して、デスクトップ、
タブレット、モバイル表示ごとにパディングやマージンを設定できます。[ライブデモを見る](https://demo.themeisle.com/otter-blocks/section/)

#### Stripe Checkout [無料]

このブロックは、電子書籍やライセンスなど、少数の商品を販売したい場合に便利です。
オンラインストア全体を構築することなく販売できます。

#### Sharing Icons Block [無料]

訪問者がさまざまなソーシャル共有サービスでコンテンツを共有できる共有ボタンを追加
できます。[ライブデモを見る](https://demo.themeisle.com/otter-blocks/sharing-icons/)

#### Tabs Gutenberg Block [無料]

ボタンのクリックで表示と非表示を切り替えられる横並びのコンテンツリストを作成でき
ます。一般的に Tabs と呼ばれる形式です。[ライブデモを見る](https://demo.themeisle.com/otter-blocks/tabs/)

#### Add to Cart (カートに追加) Gutenberg Block [PRO]

編集中の投稿やページの任意の場所に、WooCommerce 商品用の「カートに追加」ボタンを
追加できます。

#### Business Hours Gutenberg Block [PRO]

美しくデザインされた Business Hours 表を作成し、納得のいく仕上がりになるまで設定
を細かく調整できます。

#### Live Search [PRO]

Live Search 機能は、標準の Search ブロックを強化する機能です。Live Search パネル
内のインスペクターで設定できる isLive と postTypes という2つの追加属性を提供します。

#### Modal [PRO]

モーダルダイアログを実装し、フォーム、コンテンツ、告知などをページレイアウト内に
直接表示できます。インタラクティブな体験を提供します。

#### Review Comparison Table (レビュー比較表) [PRO]

Otter のレビュー比較表ブロックで、読者を魅了しましょう。ブログやサイト向けに、プロフェッショナル
な見た目の商品比較表を簡単に作成できます。

Otter では、サイトのページ作成をサポートするために、新しい Gutenberg Block を継続
的に追加しています。追加してほしい機能がありましたら、ぜひ [Support Forum](https://wordpress.org/support/plugin/otter-blocks/)
でお知らせください。その他のブロックには次のようなものがあります:

### Otter でインポートできるパターンとフルページテンプレート:

カスタマイズ可能なパターンやフルページの WordPress テンプレートを使用して、サイト
を簡単に公開できます。ワンクリックで完成済みデザインをインポートでき、すぐに始め
られます。

#### サービスパターン

ページを整理しながら、必要に応じて詳細情報を表示できるセクションで、サービス内容
をわかりやすく構成できます。[ライブデモを見る](https://demo.themeisle.com/otter-blocks/service/)

#### お客様の声パターン

ページを整理しながら、必要に応じて詳細情報を表示できるセクションで、サービス内容
をわかりやすく構成できます。[ライブデモを見る](https://demo.themeisle.com/otter-blocks/service/)

#### 価格表パターン

用途に合わせて価格表をカスタマイズできます。読みやすさと視認性を高める柔軟なレイアウト
パターンを用意しており、さまざまなビジネスモデルに対応します。[ライブデモを見る](https://demo.themeisle.com/otter-blocks/pricing/)

#### 特長紹介セクションパターン

整理されたレイアウトを使用して商品やサービスの特長を詳しく紹介できます。複雑な情報
もわかりやすく表示できます。[ライブデモを見る](https://demo.themeisle.com/otter-blocks/features-patterns/)

#### コールトゥアクションセクションパターン

注目を集め、すぐに行動を促すよう設計されたコールトゥアクションセクションで、コン
バージョンを高めましょう。[ライブデモを見る](https://demo.themeisle.com/otter-blocks/cta-patterns/)

📌 利用可能なすべてのパターンのライブデモは、[こちらをクリック](https://demo.themeisle.com/otter-blocks/patterns/)
してご確認ください。

📌 利用可能なすべてのフルページテンプレートのライブデモは、[こちらをクリック](https://demo.themeisle.com/otter-blocks/templates/)
してご確認ください。

### Otter Pro でさらに多くのオプションを利用できます 🤩

#### WooCommerce Builder Blocks

Otter の WooCommerce Builder Blocks を使用すると、商品詳細ページを自由にカスタマイズ
できます。新機能はすべて、コンバージョン率の最大化とさらなる改善を目的として設計
されています。

[Otter Pro](https://themeisle.com/plugins/otter-blocks/upgrade/?utm_source=wordpressorg&utm_medium=readme&utm_campaign=otter-blocks)
では、さらに多くの機能をご利用いただけます。たとえば:

 * 買い物かごブロックを追加
 * 営業時間ブロック
 * Modal Block
 * Product Review Comparison Block (商品レビュー比較)
 * Live Search Block
 * 無料ブロック向け Pro アドオン
 * さらに多くの動的コンテンツのオプション
 * さらに多くの表示条件 (Visibility Conditions) のオプション
 * さらに多くのパターンとフルページテンプレート
 * 他にも たくさん !

セットアップ不要で Otter Blocks のライブデモをお試しいただけます。[こちらをクリック](https://themeisle.com/plugins/otter-blocks/try-otter/?utm_source=wordpressorg&utm_medium=readme&utm_campaign=otter-blocks)
してお試しください。

### Otter はどのような方におすすめですか ? 👀

 * 便利で使いやすい Gutenberg ブロックを活用して、新しい Gutenberg エディターの機能
   を最大限に活かしたい方。
 * Elementor や Divi Builder などの従来のページビルダーから、新しい Gutenberg ブロック
   エディターへ移行を検討している方。
 * 短時間で Gutenberg ページを作成したい方。
 * ログイン状態などの条件に応じて Gutenberg ブロックの表示と非表示を切り替えたい
   方。
 * Gutenberg ブロックにアニメーションを追加したい方。

### 活用例を見てみましょう 🚀

Otter はさまざまな可能性を広げます。どのようなユーザーがどのように活用できるのか
をご紹介します:

 * **旅行ブロガー:** Otter の Maps および Google Maps ブロックを使用して魅力的な
   地図を追加し、旅の記録を世界に発信できます。
 * **非営利団体:** Otter の Circle Counter や Testimonial ブロックを使用して活動
   成果を紹介し、共感を促します。
 * **レストランオーナー:** Otter の Flip Card および Form ブロックを使用してレストラン
   のメニューを紹介し、予約を簡単に受け付けられます。食欲をそそるオンラインプレゼンス
   を実現できます。
 * **テック系商品レビュアー:** Otter の Product Review ブロックを使用して詳細な製品
   レビューを掲載できます。情報量があり、読みごたえのあるコンテンツを作成できます。
 * **ブロガー:** Sharing Icons を使用して記事に共有機能を追加できます。Slider を
   活用して画像ギャラリーを表示し、読者の関心を高めます。
 * **コンテンツクリエイターおよびデジタル商品の販売者:** Stripe Checkout Gutenberg
   ブロックを使用すると、オンラインストア全体を構築することなく、電子書籍、オンライン
   コース、ソフトウェアライセンス、デジタルアートなどのデジタル商品を販売できます。
   このブロックを導入することで、スムーズで安全な購入手続き体験を提供できます。
 * **商品レビュアー:** Review Comparison Table を使用して、情報量があり魅力的な商品
   比較レビューを作成できます。ユーザーが十分な情報に基づいて判断できるようサポート
   します。
 * **レストランオーナー:** Business Hours ブロックを使用して営業時間をスタイリッシュ
   に表示し、来店しやすい環境を整えます。
 * **オンラインディレクトリ:** ディレクトリや一覧表示、豊富なコンテンツを提供する
   サイトに適しています。ライブ検索により、目的のコンテンツへすばやくアクセスでき
   ます。

### サポート 🤝

サポートが必要な場合は、[Support Forum](https://wordpress.org/support/plugin/otter-blocks/)
に新しいスレッドを作成してください。

### ドキュメント 📚

Otter Blocks を最大限に活用する方法を、詳しくわかりやすくまとめた [ドキュメント](https://docs.themeisle.com/article/1478-otter-blocks-documentation)
でご確認ください。

### コントリビューターになりませんか 💁‍♂️

Otter Blocks はオープンソースプロジェクトであり、活発なコミュニティへの参加を歓迎
しています。プラグインをさらに改善するために、ぜひご協力ください — [GitHub リンク](https://github.com/Codeinwp/otter-blocks/)

### 役立つ項目

 * WordPress についてもっと知りたい方は [ブログ](https://themeisle.com/blog/) を
   お読みください。
 * 他のプラグインにもご興味がありますか ? [こちら](https://themeisle.com/wordpress-plugins/?utm_source=wordpressorg&utm_medium=readme&utm_campaign=otter-blocks)
   をご覧ください。
 * 役立つ [YouTube チュートリアルプレイリスト](https://youtube.com/playlist?list=PLmRasCVwuvpSep2MOsIoE0ncO9JE3FcKP)
   で、Otter Blocks を最大限に活用しましょう。

このプラグインは、パターン一覧、AI プロンプト、およびオンボーディングにアクセスする
ために api.themeisle.com のサービスを利用しています。サービスのテンプレートコレクション
を利用するためにアカウントは必要ありません。プライバシーポリシーは [こちら](https://themeisle.com/privacy-policy/)
で確認できます。

## スクリーンショット

 * [[
 * Gutenberg ブロックアニメーション
 * [[
 * 表示条件ルール
 * [[
 * 投稿ブロック
 * [[
 * AI Form Generator (AI フォーム生成)
 * [[
 * AI Layout Generator (AI レイアウト生成)
 * [[
 * パターンとフルページテンプレートのライブラリ

## ブロック

このプラグインは17個のブロックを提供します。

 *   Link An anchor element with link picker and rich text.
 *   Box A generic wrapper element with tag selection and inner blocks. Supports
   details and summary tags for native disclosure widgets.
 *   Image A simple image element. Set via media library or direct URL.
 *   Icon An inline SVG icon from the Lucide icon set.
 *   Text A rich text element with tag selection.
 *   Image Slider Minimal image slider to showcase beautiful images. Powered by 
   Otter.
 *   Tabs Organize and allow navigation between groups of content with Tabs block.
   Powered by Otter.
 *   Progress Bar Show your progress with a beautiful Progress Bar block. Powered
   by Otter.
 *   Circle Counter Show your progress with a beautiful Circle Counter block. Powered
   by Otter.
 *   Form Display a form for your clients. Powered by Otter.
 *   Popup Display your content in beautiful popup with many customization options.
   Powered by Otter.
 *   Google Maps Display Google Maps on your website with Google Map block. Powered
   by Otter.
 *   Modal Display your content in beautiful Modal with many customization options.
   Powered by Otter.
 *   Countdown Set a countdown for a date. Powered by Otter.
 *   Maps Display Open Street Maps on your website with Maps block. Powered by Otter.
 *   Lottie Animation Add Lottie animations to your WordPress. Powered by Otter.
 *   Accordion Vertically collapsing accordions perfect for displaying your FAQs.
   Powered by Otter.

## インストール

#### 自動インストール

Otter プラグインをダウンロードしてインストールするには、以下の手順に従ってください:

 * WordPress ダッシュボード > プラグイン に移動してください。
 * 「新規追加」ボタンをクリックし、検索バーに「Otter Blocks」と入力してください。
 * プラグインが表示されたら、「インストール」ボタンをクリックし、その後「有効化」
   をクリックしてください。

#### 手動インストール

 * サイトの管理画面にログインし、「プラグイン」に移動してください。ダッシュボード
   に現在インストールされているすべてのプラグインが一覧表示されます。
 * 新しい WordPress プラグインをインストールするには、「新規追加」タブをクリック
   してください。
 * WordPress ダッシュボードで「プラグインのアップロード」ボタンをクリックしてくだ
   さい。
 * 「ファイルを選択」ボタンをクリックし、ローカルコンピューターから Otter Blocks
   プラグインの ZIP アーカイブを選択して、「今すぐインストール」ボタンをクリック
   してください。
 * 「プラグインのインストールに成功しました」というメッセージの下にある「有効化」
   ボタンをクリックしてください。

FTP を使用してプラグインをアップロードする場合は、[こちらをクリック](https://themeisle.com/blog/what-is-ftp-wordpress/)
して詳細な説明をご確認ください。

## FAQ

### Otter ブロックは無料ですか ?

Otter には無料版とプレミアム版があります。[プレミアム版](https://themeisle.com/plugins/otter-blocks/upgrade/)
では、[無料版と比較して](https://docs.themeisle.com/article/1487-whats-the-difference-between-otter-free-and-otter-neve-pro)、
より多くのブロックと豊富なカスタマイズオプションをご利用いただけます。

### Otter と互換性のあるページビルダーは何ですか ?

Otter は Gutenberg 向けのブロック、 WordPress エディタ、ページビルダーを提供してい
ます。

### Otter はどの WordPress テーマでも使用できますか ?

はい、Otter はあらゆる WordPress テーマと互換性があります。

### どこでサポートを受けられますか ?

Otter の使用中に問題が発生した場合やご質問がある場合は、[サポートフォーラム](https://wordpress.org/support/plugin/otter-blocks/)
に新しいスレッドを作成してください。また、プラグインの機能や活用方法については、
[ドキュメント](https://docs.themeisle.com/article/1478-otter-blocks-documentation)
もご確認ください。

### Patterns とは何ですか ? また、どのように使用できますか ?

パターンを希望に応じてカスタマイズし、より簡単にサイトを作れるように用意しています。
パターンについて知りたい方は [詳細なドキュメント](https://docs.themeisle.com/article/1785-block-patterns-otter-features-library)
をご覧ください。

### セキュリティ問題を報告するにはどうすればよいですか ?

プラグインのセキュリティは、私たちにとって重要な優先事項です。潜在的な脆弱性を発見
した場合は、責任ある方法で報告していただくようお願いします。

[Security Page](https://themeisle.com/security/) に記載されている報告手順に従って
ください。

## 評価

![](https://secure.gravatar.com/avatar/e17302f3af5a4bf21cc46919e2f8eb8b4d5ec63f483c9a5ed2569ad117525742?
s=60&d=retro&r=g)

### 󠀁[Slow on compatibility with latest WordPress updates.](https://wordpress.org/support/topic/slow-on-compatibility-with-latest-wordpress-updates/)󠁿

 [Manon](https://profiles.wordpress.org/mspix/) 2026年6月2日

Still no compatibility with WordPress 6.9 and Gutenberg API v3… 7 months later. “
Block with API version 2 or lower is deprecated since version 6.9. Note: The block“
themeisle-blocks/content-generator” is registered with API version 2. This means
that the post editor may work as a non-iframe editor. Since all editors are planned
to work as iframes in the future, set the apiVersion field to 3 and test the block
inside the iframe editor.”

![](https://secure.gravatar.com/avatar/6d6e94d4e9bd3fee7f13840d5f8c299775e9a8fdf4d862b108d3d3229adac381?
s=60&d=retro&r=g)

### 󠀁[Fantastic](https://wordpress.org/support/topic/fantastic-3500/)󠁿

 [ionutboris](https://profiles.wordpress.org/ionutboris/) 2026年5月7日 1 reply

U’re the best

![](https://secure.gravatar.com/avatar/8f832c7c624b76f9f8de884a0b58aab5dec37f4529e3266b2fc87c6bdafa02e8?
s=60&d=retro&r=g)

### 󠀁[+1 for shadows and blog posts](https://wordpress.org/support/topic/1-for-shadows-and-blog-posts/)󠁿

 [hawbringer](https://profiles.wordpress.org/hawbringer/) 2026年5月1日 1 reply

This was the only plugin I could find that allowed blog posts in a card format. 
I also like that shadows can be added to blocks.

![](https://secure.gravatar.com/avatar/818d1daf8cc0715ad12f5b82c3d350c49863c1e50364ea8ba085b0517d94ccca?
s=60&d=retro&r=g)

### 󠀁[excellent plugin](https://wordpress.org/support/topic/excellent-plugin-9848/)󠁿

 [dzubovic](https://profiles.wordpress.org/dzubovic/) 2026年4月11日 1 reply

easy to use and even AI tell me to use it.

![](https://secure.gravatar.com/avatar/175cf842f34255a34c667f80ac75c9d33538d8090a05bf5b517c266e157f07d9?
s=60&d=retro&r=g)

### 󠀁[Practical and easy to use even for beginners](https://wordpress.org/support/topic/practical-and-easy-to-use-even-for-beginners/)󠁿

 [alexangelov](https://profiles.wordpress.org/alexangelov/) 2026年3月27日 1 reply

I have Elementor Pro, but this plugin brought me back to Gutenberg.

![](https://secure.gravatar.com/avatar/e7085bc2331f884bbb94d9cb3b002f4adfeab3d57812f69f0e66459149491522?
s=60&d=retro&r=g)

### 󠀁[Excellent plugin](https://wordpress.org/support/topic/excellent-plugin-9833/)󠁿

 [lyyuba](https://profiles.wordpress.org/lyyuba/) 2026年3月25日 1 reply

Un p)lugin très complet et très utile. Merci

 [ 248件のレビューをすべて表示 ](https://wordpress.org/support/plugin/otter-blocks/reviews/)

## 貢献者と開発者

Otter Blocks – Gutenberg エディターと FSE のための Gutenberg ブロック、ページビルダー
はオープンソースソフトウェアです。以下の人々がこのプラグインに貢献しています。

貢献者

 *   [ Themeisle ](https://profiles.wordpress.org/themeisle/)
 *   [ Hardeep Asrani ](https://profiles.wordpress.org/hardeepasrani/)
 *   [ Robert Soare ](https://profiles.wordpress.org/soarerobertdaniel7/)
 *   [ mariamunteanu1 ](https://profiles.wordpress.org/mariamunteanu1/)
 *   [ Arina Turcu ](https://profiles.wordpress.org/arinat/)
 *   [ Uriahs Victor ](https://profiles.wordpress.org/uriahs-victor/)
 *   [ John Fraskos ](https://profiles.wordpress.org/john_pixle/)
 *   [ Mihai Ghenciu ](https://profiles.wordpress.org/wildmisha/)
 *   [ irinelenache ](https://profiles.wordpress.org/irinelenache/)

“Otter Blocks – Gutenberg エディターと FSE のための Gutenberg ブロック、ページビルダー”
は18ロケールに翻訳されています。 [翻訳者](https://translate.wordpress.org/projects/wp-plugins/otter-blocks/contributors)
のみなさん、翻訳へのご協力ありがとうございます。

[“Otter Blocks – Gutenberg エディターと FSE のための Gutenberg ブロック、ページビルダー” をあなたの言語に翻訳しましょう。](https://translate.wordpress.org/projects/wp-plugins/otter-blocks)

### 開発に興味がありますか ?

[コードを閲覧](https://plugins.trac.wordpress.org/browser/otter-blocks/)するか、
[SVN リポジトリ](https://plugins.svn.wordpress.org/otter-blocks/)をチェックするか、
[開発ログ](https://plugins.trac.wordpress.org/log/otter-blocks/)を [RSS](https://plugins.trac.wordpress.org/log/otter-blocks/?limit=100&mode=stop_on_copy&format=rss)
で購読してみてください。

## 変更履歴

[Version 3.1.11](https://github.com/Codeinwp/otter-blocks/compare/v3.1.10...v3.1.11)(
2026-05-27)

 * Fixed patterns not showing in onboarding on Full Site Editing themes

[すべてのバージョンの変更履歴を見る](https://github.com/Codeinwp/otter-blocks/blob/master/CHANGELOG.md)。

## メタ

 *  バージョン **3.1.11**
 *  最終更新日 **6日前**
 *  有効インストール数 **300,000+**
 *  WordPress バージョン ** 6.2またはそれ以降 **
 *  検証済み最新バージョン: **7.0**
 *  PHP バージョン ** 5.6またはそれ以降 **
 *  言語
 * [Chinese (China)](https://cn.wordpress.org/plugins/otter-blocks/)、[Danish](https://da.wordpress.org/plugins/otter-blocks/)、
   [Dutch](https://nl.wordpress.org/plugins/otter-blocks/)、[Dutch (Belgium)](https://nl-be.wordpress.org/plugins/otter-blocks/)、
   [English (Australia)](https://en-au.wordpress.org/plugins/otter-blocks/)、[English (Canada)](https://en-ca.wordpress.org/plugins/otter-blocks/)、
   [English (New Zealand)](https://en-nz.wordpress.org/plugins/otter-blocks/)、[English (South Africa)](https://en-za.wordpress.org/plugins/otter-blocks/)、
   [English (US)](https://wordpress.org/plugins/otter-blocks/)、[Hungarian](https://hu.wordpress.org/plugins/otter-blocks/)、
   [Italian](https://it.wordpress.org/plugins/otter-blocks/)、[Norwegian (Bokmål)](https://nb.wordpress.org/plugins/otter-blocks/)、
   [Persian](https://fa.wordpress.org/plugins/otter-blocks/)、[Polish](https://pl.wordpress.org/plugins/otter-blocks/)、
   [Romanian](https://ro.wordpress.org/plugins/otter-blocks/)、[Russian](https://ru.wordpress.org/plugins/otter-blocks/)、
   [Spanish (Spain)](https://es.wordpress.org/plugins/otter-blocks/)、[Spanish (Venezuela)](https://ve.wordpress.org/plugins/otter-blocks/)、
   [Swedish](https://sv.wordpress.org/plugins/otter-blocks/).
 *  [プラグインを翻訳](https://translate.wordpress.org/projects/wp-plugins/otter-blocks)
 * タグ
 * [blocks](https://ja.wordpress.org/plugins/tags/blocks/)[fse](https://ja.wordpress.org/plugins/tags/fse/)
   [gutenberg](https://ja.wordpress.org/plugins/tags/gutenberg/)[gutenberg blocks](https://ja.wordpress.org/plugins/tags/gutenberg-blocks/)
   [page builder](https://ja.wordpress.org/plugins/tags/page-builder/)
 *  [詳細を表示](https://ja.wordpress.org/plugins/otter-blocks/advanced/)

## 評価

 5つ星中4.7つ星

 *  [  217 5-星レビュー     ](https://wordpress.org/support/plugin/otter-blocks/reviews/?filter=5)
 *  [  14 4-星レビュー     ](https://wordpress.org/support/plugin/otter-blocks/reviews/?filter=4)
 *  [  9 3-星レビュー     ](https://wordpress.org/support/plugin/otter-blocks/reviews/?filter=3)
 *  [  2 2-星レビュー     ](https://wordpress.org/support/plugin/otter-blocks/reviews/?filter=2)
 *  [  7 1-星レビュー     ](https://wordpress.org/support/plugin/otter-blocks/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/otter-blocks/reviews/#new-post)

[すべてのレビューを見る](https://wordpress.org/support/plugin/otter-blocks/reviews/)

## 貢献者

 *   [ Themeisle ](https://profiles.wordpress.org/themeisle/)
 *   [ Hardeep Asrani ](https://profiles.wordpress.org/hardeepasrani/)
 *   [ Robert Soare ](https://profiles.wordpress.org/soarerobertdaniel7/)
 *   [ mariamunteanu1 ](https://profiles.wordpress.org/mariamunteanu1/)
 *   [ Arina Turcu ](https://profiles.wordpress.org/arinat/)
 *   [ Uriahs Victor ](https://profiles.wordpress.org/uriahs-victor/)
 *   [ John Fraskos ](https://profiles.wordpress.org/john_pixle/)
 *   [ Mihai Ghenciu ](https://profiles.wordpress.org/wildmisha/)
 *   [ irinelenache ](https://profiles.wordpress.org/irinelenache/)

## サポート

過去2ヶ月以内に解決した問題:

     7 / 7

 [サポートフォーラムを表示](https://wordpress.org/support/plugin/otter-blocks/)