このプラグインは WordPress の最新3回のメジャーリリースに対してテストされていません。もうメンテナンスやサポートがされていないかもしれず、最新バージョンの WordPress で使用した場合は互換性の問題が発生する可能性があります。

CoBlocks – ページビルダー Gutenburg ブロック

説明

CoBlocks is the most innovative collection of page building WordPress blocks for the new Gutenberg WordPress block editor.

追加されたブロックや行と列の構築によって、 CoBlocks は真のページビルダー体験を提供します。

CoBlocks はパワフルですが軽量です。膨張することなく WordPress のエディターに機能性を追加します。 WordPress の可能性を再考させるでしょう。

Gutenberg と CoBlocks を使って美しいウェブページを作ろう

CoBlocks is the last page builder you’ll ever need: you get a winning mix of additional WordPress blocks, and page builder functionality. With CoBlocks you have everything you need to make beautiful web pages with the new block editor:

  • アコーディオンブロック
  • アラートブロック
  • 投稿者プロフィールブロック
  • カルーセルギャラリーブロック
  • 「クリックでツイートする」ブロック
  • コラージュギャラリーブロック
  • Counter Block (New!)
  • 動的区切りブロック
  • Events Block
  • FAQ Block
  • 特集ブロック
  • フード & ドリンクブロック
  • フォームブロック
  • GIF ブロック
  • GitHub Gist ブロック
  • ヒーローブロック
  • ブロックをハイライト
  • アイコンブロック
  • ロゴ & バッジブロック
  • 地図ブロック
  • Masonry ギャラリーブロック
  • メディアカードブロック
  • オフセットギャラリーブロック
  • OpenTable Reservations Block
  • 投稿カルーセルブロック
  • 投稿ブロック
  • 価格表ブロック
  • サイズ変更可能な行/列ブロック
  • サービスブロック
  • シェイプ区切りブロック
  • ソーシャルプロフィールブロック
  • ソーシャルシェアブロック
  • スタッキングギャラリーブロック

画期的なページビルダーシステム

CoBlocks features an innovative block system that allows you to create stunning web pages, and even entire websites, with the new WordPress editor.

本物のページビルダー体験のために、必要な追加ブロック、さらに レイアウトとデザイン機能性を手にすることができます。

CoBlocks のみが提供する列と行ブロックで、動的に生成されたコンテンツを特定のレスポンシブマージンとパディングの設定を使って追加できます。

これらをシェイプ区切りのような革新的な新しいブロックでスタイル設定すると、コンテンツを美しい仕切りで分割できます。

CoBlocks 内にある各 WordPress ブロックは、おなじみでありながらも、強力なカスタマイズ経験を提供するために正確に調整されています。カスタムコントロールと設定で、好みに合わせて各ブロックを調整してください。フォント変更、マージンやパディングの設定、色の選定などもできます。

カスタム書式コントロール

書式設定のコントロールパネルにはウェブページをデザインするための魅力的な書式項目があります。 フォント、サイズ、太さ、変形などを CoBlocks ブロックそしてコアの WordPress ブロックで設定しましょう。

無料の対応テーマ

CoBlocks is built to show off the best of Gutenberg, but it requires a Gutenberg-first theme to unlock its full potential. We also created the free Go theme in the WordPress theme repository as the perfect companion for CoBlocks.

Gutenberg ブロックのその先へ

CoBlocks のビジョンは、美しいウェブサイトがより簡単に作成できるように Gutenberg ブロックを作ることです。CoBlocks の最新のリリースは、このビジョンを究極に表現しています。

開発者の使い勝手に配慮して構築

拡張性、適合性があり、そしてオープンソースです。CoBlocks はテーマ、プラグイン開発者の使い勝手を考えて制作しています。このプロジェクトへの参加に興味がある方は、CoBlocks on GitHub をご覧ください。🎉 初心者から上級開発者まで、どなたでも参加できる役割をご用意しています。

Register Custom Block Patterns

Create your own Block Pattern (Appearance > Block Patterns). Seelect the top-most block, Block Toolbar Options, Add Design Pattern to register your Block Pattern and specify which category to assign it to.

スクリーンショット

ブロック

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

  • SNS プロフィール ソーシャルメディアのプロフィールへのリンクを張って閲覧数をふやします。
  • アコーディオン 折りたためるアコーディオン項目でコンテンツを整理します。
  • Gist Embed a GitHub Gist.
  • 行 カラムブロックに構造ラッパーを追加してから、カラムにコンテンツブロックを追加します。
  • シェイプ区切り Add a shape divider to visually distinguish page sections.
  • 地図 住所または位置を追加して、Google マップにピンをたてます。
  • カルーセル 複数の画像を美しいカルーセルギャラリーで表示します。
  • アラート
  • ボタン (非推奨) This block is replaced by core Buttons block.
  • 価格表 商品やプランを比較できるように価格表を追加します。
  • イベント Add a list of events or display events from a public calendar.
  • クリックしてツイート 引用を追加して Twitter で読者にツイートします。
  • Logos ロゴやバッジ、認証を追加して信頼を築きます。
  • FAQ Add a list of questions and answers.
  • アイコン 定型化されたグラフィック・シンボルを追加してさらに情報を伝えましょう。
  • 機能 商品やサービスの短いメモを最大3カラムまで追加できます。
  • オフセット Display images in an offset brick pattern gallery.
  • フォーム Add a contact form to your page.
  • 投稿 投稿または RSS フィードを、スタックカード、または水平に並べたカードで表示します。
  • OpenTable Embed an OpenTable Reservations Widget.
  • Post Carousel (CoBlocks) 投稿または外部ブログフィードをカルーセルで表示します。
  • 投稿者
  • ヒーロー 短いテキストと CTA を含む、ページの導入エリアです。
  • フード & ドリンク メニューや価格表を表示します。
  • Dynamic Separator サイズ調整のできるスペーサーをブロック間に追加します。
  • サービス 表示するサービスを4カラムまで追加できます。
  • GIF どの GIF でも良いので選択します。
  • Masonry Gallery Display multiple images in a masonry style gallery.
  • メディアカード オフセットカードを使用して画像または動画を並べて追加します。
  • カウンター Utilize the CoBlocks Counter block to highlight your company statistics and milestones.
  • ハイライト 重要な内容に注意を引いて強調します。
  • Testimonials Utilize the CoBlocks Testimonials block to display customer feedbacks.
  • シェア 「いいね」やシェアを広げるソーシャル共有リンクを追加します。
  • スタック 1カラムのギャラリーに複数の画像をスタックで表示します。
  • Collage Assemble images into a beautiful collage gallery.
  • アコーディオン項目 折りたためるアコーディオン項目をアコーディオンに追加します。
  • カラム 行のすぐ下に表示されます。
  • 価格表の項目 訪問者が商品やプランを比較できる価格表です。
  • イベント項目 An event within the events block.
  • FAQ 項目 A question/answer within the FAQ block.
  • おすすめ 特集ブロック内にある単一のカラムです。
  • 名前 姓と名を入力するためのテキストフィールドです。
  • 電話 A text field for collecting a phone number.
  • チェックボックス 複数のオプションから複数選べるチェックボックスのフィールドです。
  • サイト URL を収集するテキストフィールドです。
  • 非表示 追加データを収集するための非表示のテキストフィールドです。
  • 日付 日付を選択するための、日付ピッカーが付いたフィールドです。
  • 送信 フォームデータを送信するためのボタン。
  • メール 有効なメールアドレスを入力するためのフィールドです。
  • テキスト カスタム回答用のテキストボックス。
  • ラジオボタン 複数のオプションから1つだけ選べるフィールドです。
  • テキストエリア より長い文章のためのテキストボックスです。
  • 選択 複数のオプションから1つだけ選べるドロップダウンフィールドです。
  • 食品 フード&ドリンクブロックの飲食物項目です。
  • サービス サービスブロック内のサービス項目1つです。

インストール

  1. coblocks フォルダを/wp-content/plugins/ ディレクトリにアップロード、または WordPress のプラグインページで「新規追加」ボタンをクリック、zip を選択して、 coblocks.zip ファイルをパソコンにアップロードしてください。
  2. Gutenberg WordPress プラグインをインストールして、有効化する。
  3. WordPress の「プラグイン」メニューで CoBlocks WordPress プラグインを有効化しよう。
  4. CoBlocks ブロックを新しいページや投稿で試してみよう。

FAQ

CoBlocks は無料ですか ?

Yes! CoBlocks is 100% free and always will be.

Gutenberg はどのように始めたらいいですか ?

To get the full experience of the next-generation WordPress block editor, it helps to have a properly Gutenberg-optizied WordPress theme, like this one and install WordPress 5.0 or higher.

はじめて CoBlocks Gutenberg ブロックを使ってみよう。

CoBlocks では 独自の Gutenburg ブロックを新しい WordPress エディターに追加することによって、他の WordPress ブロックと同じように使うことができます。プラグインのインストール後、 WordPress のページや投稿を作成または編集する画面で新しいブロックをプラスアイコンで追加すると、 CoBlocks の WordPress ブロックが全て利用可能になります。

How do I create a custom Block Pattern?

CoBlocks enables you to create your own Block Patterns.
1. Select all blocks that belong together for your pattern
2. Under the kebab (3 dots) menu, select Add Design Pattern
3. Name your block and select a category
4. Save Pattern

CoBlocks はどの WordPress テーマに対応していますか ?

Any properly developed WordPress theme will work with CoBlocks, though if you’re looking for an exceptional free theme, check out Go.

必要に応じて、開発者がマイナーなスタイルの修正をテーマに適用することもできます。ヘルプが必要な開発者の方は、ご遠慮なくご連絡ください。

What version of WordPress does CoBlocks work on?

CoBlocks is designed to support the last two major versions of WordPress that are currently released. If you’re using one of these versions, you’re all set to enjoy everything CoBlocks has to offer!

評価

2026年9月8日
It seems this plugin has been left to die… no responses on support page for over 6 months and no updates. Breaks visual editor on WP 7.0.4
2026年1月19日
The plugin automatically loads Google fonts using fonts.googleapis.com which violates European data protection laws (GDPR/DSGVO). No reaction on form questions. No updates since 8 months. Deactivated, then deleted the plugin.
2025年12月30日
Finally! A plugin that does what it says and doesn't try to cram in 57849325748392 extra features I'll never use. The blocks look great and appear to be widely compatible with the themes I'm using.
109件のレビューをすべて表示

貢献者と開発者

CoBlocks – ページビルダー Gutenburg ブロック はオープンソースソフトウェアです。以下の人々がこのプラグインに貢献しています。

貢献者

“CoBlocks – ページビルダー Gutenburg ブロック” は33ロケールに翻訳されています。 翻訳者のみなさん、翻訳へのご協力ありがとうございます。

“CoBlocks – ページビルダー Gutenburg ブロック” をあなたの言語に翻訳しましょう。

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

コードを閲覧するか、SVN リポジトリをチェックするか、開発ログを RSS で購読してみてください。

変更履歴

3.1.15 / 2025-04-09

Bug Fix

  • Prevent site editor crashing when altering the site design styles from within the CoBlocks Labs Site Design. #2631

3.1.14 / 2024-12-20

Bug Fix

  • Improve nonce handling and permissions in crop settings API. #2624

3.1.13 / 2024-07-25

Bug fix

  • Fix block migration error without dependency #2619
  • Fix unescaped excerpts in Posts Blocks – Thank you CleanTalk and Dmitrii Ignatyev #2618

3.1.12 / 2024-06-24

Misc

  • Use wp_safe_remote_get() to retreive remote .ics data #2614

3.1.11 / 2024-06-13

Bug fix

  • Fix disappearing buttons in Services block #2613

3.1.10 / 2024-05-30

Bug fix

  • Fix a possible XSS vector #2612

3.1.9 / 2024-04-30

Bug fix

  • Prevent local URLs from loading with events block #2607
  • Fix Site Content extension loading outside of editor #2609
  • Fix Site Design extension failing dom operations #2610

3.1.8 / 2024-04-02

Enhancements

  • Introduce WP 6.5 compatibility #2601
  • Introduce PHP 8.3 compatibility #2600

Bug fix

  • Fix bug around CoBlocks patterns #2599

Misc

  • Improve tests for WP 6.5 #2597
  • Improve CICD logic for WP 6.5 #2590

3.1.7 / 2024-03-11

Bug Fix

  • Security issue patched #2594

3.1.6 / 2024-02-28

Enhancements

  • Introduce a blueprint for WordPress preview #2580

Bug fix

  • Load extension styles for core blocks #2591
  • Fix Lightbox for all CoBlocks galleries #2589
  • Fix Lightbox with A3 Lazy Loading plugin #2588

Misc

  • Encode URI component in Typography settings #2584

3.1.5 / 2023-11-06

Enhancements

  • Compatibility changes for WP 6.4 #2568

Bug fix

  • Fix performance around superfluous data-store selectors #2575
  • Fix missing animation scripts in some cases #2576
  • Fix php warning occurring in some cases #2572

3.1.4 / 2023-09-07

  • Fix missing registered scripts #2566

3.1.3 / 2023-08-28

Bug fix

  • Fix text formatting bug #2563
  • Fix Lightbox for Masonry block #2565

Misc

  • Set supported version to 6.1 #2564

3.1.2 / 2023-08-10

Bug fix

  • Resolve Shape Divider bug #2553
  • Resolve Form Label warnings #2555
  • Resolve Form Array condition #2557
  • Fix Form name content order #2558

3.1.1 / 2023-08-09

Bug fix

  • Correct Requires at least value to 6.2 #2552

3.1.0 / 2023-08-08

Enhancements

  • Register all blocks in PHP #2521

Bug fix

  • Fix captions RichText controls across all galleries #2545
  • Fix form block test automation with WP 6.3 #2546
  • Fix form block saving with WP 6.3 #2543
  • Fix blocks for WP 6.3 compatibility #2538
  • Fix PHP Unit tests & update to WP-ENV 8.1.1 #2544

3.0.4 / 2023-06-22

Bug fix

  • Validate Site Design nonce and capabilities #2535

Misc

  • Fix Typo in lightbox code and resolve CI issues #2534
  • Update wp-env package #2532