Canvas AI

Canvas AI:ブロックエディター内での文章作成と画像生成

どのブロックフィールドのテキストも生成または改善でき、コードモードでカスタムCSSを書き、ブロックに必要なサイズで画像を作成できます。作業中のエディターでそのまま利用でき、AIクレジットは年間ライセンスに含まれています。

更新日:

主な機能

ページを離れずに文章作成とイラスト制作

依頼は2種類あり、どちらも選択したものを対象とします。フィールドのテキスト、または画像が必要なブロック用の画像です。

  • 任意のブロックフィールドでテキストを生成・改善できます。新しいテキストを依頼することも、既存の文章を渡してより良いバージョンを依頼することもできます。見出し、段落、サブタイトル、説明文、ボタンラベルのいずれも同様に扱えます。
  • カスタムCSS用のコードモード。リクエストをコードに切り替えて、作りたいルールを説明してください。回答はブロックのカスタムCSSフィールドに入り、コンテンツには入りません。
  • ブロックに必要なサイズの画像。 画像の内容を記述し、ブロックが想定するアスペクト比を維持するか、正確なサイズを指定すると、結果がPNG、JPEG、WebP形式でメディアライブラリに保存されます。
クレジットは Canvas 年間プランに含まれています
WordPress のブロックエディター内で、ブロックの文章を生成する CanvasAI Engine のダイアログ
プロンプトと長さの設定を備えた「AIでテキストを生成」ダイアログ

欲しいものを伝える

新しく書くか既存の内容を推敲するかを選び、自分の言葉で説明してから、文章の長さをフィールドに合わせてください。

再生成、コピー、挿入、置換の各ボタンが付いた提案を表示した同じダイアログ

そのまま保持するか、もう一度確認する

候補はプロンプトの横に表示されます。挿入する、入力欄を置き換える、コピーする、再生成するのいずれかを選べます。選ぶまで、コンテンツは一切変わりません。

説明文とアスペクト比の設定を備えた「AIで画像を生成」ダイアログ

画像を説明する

表示したい内容を入力してください。アスペクト比はブロックが求める比率から始まるため、ヒーロー画像もサムネイルも、それぞれ適切な形で出力されます。

幅と高さの入力欄があるカスタムサイズに切り替わった画像ダイアログ

または正確なサイズを指定

アスペクト比をカスタムサイズに切り替え、必要な幅と高さを、ダイアログに表示される範囲内で入力してください。

配置場所

CanvasAI Engine を目にする4つの場面

Canvas AIは、移動先となる別の画面ではありません。編集中の要素のすぐ横、WordPressがコントロールを配置している場所に表示されます。

AIボタンを開き、「テキストを生成」と「テキストを改善」が表示されたブロックツールバー

ブロックツールバー

ブロックを選択すると、書式設定コントロールと同じ行のツールバーに、そのブロック用の「テキストを生成」と「テキストを改善」が表示されます。

上部に「Canvas AIで強化」と表示されている段落の書式メニュー

選択ツールバー

段落内のフレーズを選択すると、「Canvas AIで強化」が脚注、ハイライト、その他の書式オプションと並んで表示されます。

サブタイトル、タイトル、説明のフィールドの下にAIボタンがあるブロック設定パネル

設定パネルのフィールドボタン

テキストを入力するフィールドには、サイドバーに専用の AI ボタンが表示されます。そのため、サブタイトル、タイトル、説明文を1フィールドずつ作成できます。

3つ目のタブ「Generate with AI」を表示したWordPressのメディアダイアログ

メディアライブラリのタブ

「AIで生成」は、「ファイルをアップロード」と「メディアライブラリ」の横に並ぶ3つ目のタブです。これにより、WordPressで画像が求められるあらゆる場所で画像を作成できます。

サイトコンテキスト

Canvas にビジネス情報を一度入力しましょう

テーマオプションに CanvasAI Engine のパネルがあります。ここに入力した内容はすべてのリクエストに含まれるため、回答がご自身の文体で返されます。

事業内容、トーン、想定読者、避けたい言葉を設定できる、Canvas テーマオプションの AI セクション
  • 事業内容の説明。 事業内容、顧客、ライターが執筆を始める前に知っておくべき情報をまとめます。
  • トーン。プリセットのいずれかを選択するか、カスタムオプションを選んで、希望する文章の雰囲気を自分の言葉で説明してください。
  • 読者層。 読者が誰かを伝えることで、読みやすさのレベルや強調点が適切に反映されます。
  • 避けたい言葉。 競合他社の名前から、もううんざりしているマーケティング用語まで、見たくないフレーズを挙げます。

編集中のブロックと、そのブロックが配置されているページは自動的に追加されるため、商品説明とお問い合わせページが似たような文章になることはありません。

コントロール

誰が使い、どのように動作させるかを決める

同じパネルには、チームや、ほかの人に引き渡すサイト向けの3つの設定があります。

最低限必要なロールを選択

AIリクエストの送信を許可する最低権限を設定します。管理者または編集者に限定すると、それ以外のユーザーは通常どおり編集を続けられ、ボタンは表示されません。

クレジットカウンターの表示・非表示を切り替え

ダイアログの使用量チップは非表示にできます。完成したサイトをクライアントに渡す前に、多くの方がこの設定を行っています。

画像のデフォルトのアスペクト比を設定

新しい画像の基準となる形状を選ぶことで、チーム全員が比率を気にすることなく、一貫した結果を得られます。

AIクレジット

年間プランに含まれる

AIは年間ライセンスに含まれています。別途サブスクリプションは不要で、チャージが必要なウォレットも、生成ごとの請求書もありません。

  • 年間プランでは、文章と画像のために毎月200 AIクレジットが付与されます。残高は作業中にエディターに表示されます。
  • AIクレジットがなくなると、ダイアログにその旨と、リセットされる日時が表示されます。
  • AIクレジットは毎月初めにリセットされます。
  • Canvas 買い切りプランには、AIクレジットは含まれません。
各プランの内容を見る
CanvasAI Engine ダイアログのフッター。キャンセルボタンと生成ボタンの横に利用状況チップが表示されています。

使用量の表示はダイアログのフッターにあり、AIクレジットを使うボタンのすぐ横に配置されています。

リクエストの流れ

WordPressサイトにAPIキーは不要

サイトがモデル提供元と直接やり取りすることはありません。そのため、購入するキーも、ローテーションするキーも、データベースで見つけられるのを待つキーもありません。

  1. エディターでプロンプトを入力します。編集中のブロック、そのブロックが属するフィールド、テーマオプションのサイトコンテキストが、プロンプトと一緒に収集されます。
  2. WordPressがCanvas APIにリクエストを送信します。 リクエストにはライセンスが付随し、ライセンスによってリクエストの権利が確認され、毎月のAIクレジットから使用量が計測されます。
  3. Canvas API がモデルを呼び出し、結果を返します。 テキストは確認のためダイアログに戻され、画像は通常の添付ファイルとしてメディアライブラリに保存されます。
提供状況

CanvasAI Engineの実行に必要なもの

CanvasAI Engineはプレミアム機能であり、有効な年間ライセンスが必要です。ライセンスが失効すると、CanvasAI Engineはアップデートや新しいデモのインポートと同様に停止します。ただし、Webサイトは以前と同じように表示され続け、CanvasAI Engineが生成したコンテンツもすべてそのまま残ります。

ライセンスを有効化すると利用できる内容を示す「Canvas License Required」ダイアログ:フロントエンドのプレミアムブロックとパターン、ワンクリックでのデモインポート、エディターでのAI生成と強化、自動アップデート、優先サポート

これは、ライセンスのないインストールで管理者に表示される画面です。AI の生成と強化は、デモのインポートやアップデートと並んで表示される1行だけで、違いはそれのみです。訪問者に見える部分は何も変わりません。

プランとAIクレジットを見る
よくある質問

Canvas AIについて

ライセンスキー、AIクレジット、ユーザー権限、更新時の動作について説明します。完全版FAQでは製品のその他の内容を扱っており、ドキュメントではAIボタンが表示される場所とAIクレジットの仕組みを確認できます。

自分のAPIキーは必要ですか?

いいえ、CanvasAI Engineには独自のキーは必要ありません。エディターはリクエストをCanvas APIに送信し、Canvas APIがお客様に代わってAIモデルを呼び出して結果を返します。別途新規登録する必要はなく、WordPressに貼り付けるキーも、データベースに保存されるキーもありません。

AIクレジットはいくつ付与されますか?

年間プランには、文章作成と画像生成のために毎月200AIクレジットが含まれます。エディターは作業中に残りを表示し、残高は毎月リセットされます。買い切りプランには、AIクレジットは含まれません。

AIクレジットを使い切るとどうなりますか?

月間のAIクレジットを使い切ると、Canvas AIのダイアログにその旨が表示されますが、エディター内の他の部分は変わりません。手作業で執筆やサイト構築を続けられ、AIクレジットは翌月の初めに再び補充されます。

サイトの他のユーザーによるAI利用を止めることはできますか?

はい、テーマオプションでは、CanvasAI Engineへのリクエストを送信できる最低権限を設定できます。管理者または編集者に限定しつつ、それ以外のユーザーは通常どおり編集できます。AIクレジットのカウンターを非表示にすることもできます。クライアントに引き渡したサイトで便利です。

生成された画像はどこに保存されますか?

CanvasAI Engineは、生成した画像をPNG、JPEG、WebP形式で、ブロックが指定したサイズのままメディアライブラリに直接保存します。その後は他のアップロードと同様に扱えます。別のページで再利用でき、WordPressで編集でき、バックアップにも含まれます。

ライセンスの期限が切れた場合、AI機能は引き続き使えますか?

年間ライセンスの期限が切れると、CanvasAI Engineはアップデートや新しいデモのインポートとともに停止します。お使いのウェブサイトは、AIが生成した画像やテキストを含め、現在の表示をそのまま維持します。更新すると、CanvasAI Engineは再び有効になります。

近日公開

高度なAIブロックとページ構成ツール

ページやセクションを説明するだけで、Canvasが独自のブロック、パターン、サイトのデザインシステムを使って組み立てます。画像ではなく、エディターで編集できる本物のブロックです。現在開発中です。

  • ブリーフから作成される、セクションやページ全体
  • 同じ314個のブロックと183個のパターンで構築されているため、すべてを編集可能なままです
  • テーマオプションに設定したビジネスの説明、トーン、想定読者を使用します
  • 一緒に形作りませんか?どんなものを作りたいか、ぜひお聞かせください

文章と画像を一か所にまとめる

Canvas AIは年間プランに含まれており、すべてのブロック、すべてのパターン、すべてのデモサイトとともにご利用いただけます。