シードプロッド最新ニュース

ビジネスの成長に役立つWordPressのチュートリアル、ヒント、リソース

AIを使って画像を生成する方法

ワードプレスサイトの画像生成にAIを使う方法 

執筆者 著者イメージ ステイシー・コリン
著者イメージ ステイシー・コリン
ステイシーはWordPressとデジタルマーケティングについて10年以上、その他のトピックについてはもっと長い間執筆している。また、ウェブデザイン、ユーザーエクスペリエンス、SEOにも造詣が深い。
     レビュー ジョン・ターナー
レビュアーイメージ ジョン・ターナー
ジョン・ターナーはSeedProdの共同設立者です。彼は20年以上のビジネスと開発の経験があり、彼のプラグインは2500万回以上ダウンロードされています。

AIを使ってWordPressサイトの画像を作成することは、ウェブサイトをより面白くユニークなものにする最先端の方法です。ブログ記事、ランディングページ、サイト上のどこにでもAIが生成した画像を簡単に追加することができ、訪問者にとってより魅力的で魅力的なサイトにすることができます。

このガイドでは、AIを使ってWordPressで画像を生成する方法を紹介する。

目次

なぜWordPressの画像生成にAIを使うのか?

AIツールは、あなたのウェブサイトのためのユニークで質の高い画像を作成するのに役立ちます。既製の写真を探したり、デザイナーを雇ったりする代わりに、必要な画像を説明すれば、AIがそれを作ってくれます。 

これにより、パーソナライズされた画像、インフォグラフィック、その他のビジュアルを簡単に開発することができます。

また、AIはコンテンツ作成をより迅速にしてくれることもわかった。ブログ記事を書くとき、AIを使って瞬時にマッチする画像を作成した。これにより、ビジュアルを探したり作ったりする通常のプロセスに比べて時間を節約できる。 

実際、ある調査によると、マーケティングチームはクリエイティブなアセットを探すのに週に91時間を費やしているという。

AIを使えば、すべての投稿にさまざまな画像を数分で生成できます。忙しいウェブサイト管理者やコンテンツ制作者にとって、賢い選択です。 

さらに、AIが生成した画像は、訪問者に新しいものを与えます。ストックフォトはどこにでもありますが、AI画像は唯一無二です。そのため、あなたのコンテンツは他と差をつけることができます。

どのようなAI画像生成ツールが利用可能か?

今日、いくつかの強力なAI画像生成ツールが利用可能です。ここでは、WordPressウェブサイトで利用可能なツールの概要を説明します。

オンラインAIイメージ作成ツール

DALL.E、Midjourney、Stable Diffusionのようなツールは、テキスト記述を使って画像を作成する。

これらのツールはまだ開発中だ。しかし、あなたのウェブサイト用にリアルなアートや幻想的なアートを生成するには、すでに素晴らしいツールとなっている。

ワードプレスAI画像生成プラグイン

AI WordPressプラグインは、DALL.Eや同様のツールのパワーをWordPressエディタにもたらします。 テキストで画像を説明すると、プラグインがあなたのプロンプトに基づいてユニークなビジュアルを生成します。

これらのプラグインはブロガーやウェブデザイナーにとって時間の節約になり、デザインスキルを必要とせずにコンテンツ用の画像を作成するのに役立ちます。WordPressのAIプラグインのトップには、AI Engine、Imajinn、AI Powerなどがある。

AIを備えたWordPressページビルダー・プラグイン

AIページビルダーは、画像を生成するAIを含むウェブサイト作成ツールである。

これは、別のグラフィックデザイン・プログラムを使用するのではなく、ビルダー内で直接高品質の画像を作成できるようにすることで、ワークフローを合理化します。人気のあるオプションには、SeedProdDivi AIElementor AIなどがあります。

ワードプレスでAIを使って画像を生成する方法

以下では、AIを使って画像を生成する方法を最初から最後まで説明する。ページビルダー、WordPressプラグイン、そして人気のAI画像生成ツールの使い方を紹介する。

SeedProdを使ってWordPressでAI画像を生成する

SeedProd ドラッグ&ドロップWordPressウェブサイトビルダー

SeedProdは最高のドラッグ&ドロップWordPressウェブサイトビルダーです。コーディングなしで簡単にカスタムWordPressテーマとページレイアウトを作成できます。

SeedProdのAIアシスタントを使えば、数クリックで簡単にウェブサイトの画像を生成することができます。

まず、SeedProdプラグインをインストールし、有効化してください。詳しくは、SeedProdプラグインのインストールガイドをご覧ください。

注: AIアシスタントを使用するには、プレミアムSeedProdライセンスが必要です。また、アカウントダッシュボードのリンクを使用してAIクレジットを購入する必要があります。

インストール後、SeedProdを使って次のことができます:

そして、AIを使ってオリジナルの画像でデザインをカスタマイズすることができます。

これを行うには、ページを編集してドラッグ&ドロップビルダーを表示します。次に、イメージブロックをライブプレビューにドラッグします。

SeedProdウェブサイトビルダーインターフェースのスクリーンショット。「画像」ブロックオプションが赤枠で強調表示され、矢印がその方向を指している。

イメージブロックを選択したら、左側のコンテンツ設定パネルを見てください。ここに、「AIで追加」と書かれたボタンがあります。

SeedProdウェブサイトビルダーの「画像」編集ペインを示すスクリーンショットで、独自の画像またはストック画像を使用して「新しい画像を選択」するオプションがあります。矢印は「AIで追加」と表示された機能を指しています。画像用の大きなプレースホルダーは、右側の赤い輪郭で示されています。

ボタンをクリックすると、画像プロンプトパネルが開きます。ここで、あなたのウェブサイトに必要な画像を記述することができます。または、提案されたプロンプトのいずれかをクリックし、独自のプロンプトの出発点として使用します。 

AIで画像を生成」というタイトルのポップアップウィンドウが表示され、画像生成のプロンプトを入力するよう促される。入力フィールドの下には、空飛ぶ車のある近未来的な街並み、鮮やかな色彩と幾何学的な形状の抽象芸術作品、ヤシの木と夕日のあるビーチシーン、1980年代のSF映画シーン、星や銀河のある天体シーンなどの生成プロンプトが提案されている。画像生成」と「キャンセル」のボタンがある。

次に、Generate Imageボタンをクリックします。

通常、画像の生成には数秒かかります。完成するとプレビューが表示され、挿入をクリックしてWordPressページに追加することができます。

AIで画像を生成」のウィンドウには、サーモン、ライス、野菜が盛られた皿のトップダウン写真を入力するプロンプトが表示される。下は生成された画像のプレビューで、自然光に照らされた丸い皿に盛られた、ソースを添えた料理が映し出されている。画像プレビューの下に「挿入」ボタンがあります。

SeedProdでは、同じ画像の複数のバージョンを生成することもできます。これを行うには、生成された画像をクリックし、ブロック設定で「AIで編集」を選択します。

SeedProdの「画像」編集パネルのスクリーンショット。「AIで編集する」オプションが矢印で示されている。赤枠で囲まれた画像プレースホルダ内に配置された、サーモン、米、野菜が盛られた皿のトップダウン画像が表示される。

ここで、「バリエーション」または「画像の編集」を作成するオプションが表示されます。

左側には「プロンプトで生成」、「バリエーション」、「画像を編集」のオプションがある。右側には編集後の画像が表示され、サーモン、ライス、野菜が美しく盛り付けられている

バリエーションをクリックすると、同じ画像の複数のバージョンを生成するようにAIに指示します。

Generate Variations(バリエーションを生成)」ボタンをクリックして、既存の画像の異なるバージョンを作成するよう指示する「Generate variations of your image(画像のバリエーションを生成)」インターフェイスを表示したスクリーンショット。矢印がこのボタンを指しています。その下に「戻る」と「キャンセル」のオプションがあります。

同じテーマを保ちながら、異なる角度や視点を得るには素晴らしい方法だ。

Altテキスト:Generate variations of your image(画像のバリエーションを生成する)」インターフェース上に表示された、料理が盛られた皿の画像の2つのバリエーションを示すスクリーンショット。

イメージの編集]オプションでは、ブラシツールを使ってイメージを直接変更することができます。変更したい領域を選択し、元のプロンプトを変更して変更を記述します。

AIで画像を編集」と題された編集インターフェースのスクリーンショット。パネルには、サーモン、ご飯、野菜、醤油を添えた皿のトップダウン写真を作成するプロンプトが表示されている。新しい画像を生成する」ボタンの上には、画像の詳細なプロンプトを提供する指示が表示される。右側には現在の画像が表示され、消しゴムツールのマークと、画像から消去する箇所を示す矢印が表示されます。戻る」と「キャンセル」のボタンも表示されています。

次に、「新しい画像を生成」ボタンをクリックします。

数秒後、新しい画像が表示され、2つのバリエーションが表示されます。そこからInsertをクリックして、お好きなものをページに追加してください。

AIで画像を編集する」インターフェイスのスクリーンショット。サーモン、ご飯、野菜が盛られた皿のトップダウン画像の2つのバリエーションが表示され、どちらも文書に挿入できるようになっている。

最終的な結果に満足したら、変更を保存して公開することを忘れないでください。 

これは、あるレストランのウェブサイト用に作成した簡単な食事の画像である:

左側は、サーモン、米、野菜が盛り付けられた料理のトップダウン画像で、太陽の光が差し込む雰囲気が強調されている。右側は料理の説明。

AIエンジンを使ってWordPressでAI画像を生成する

また、WordPressのAIプラグインを使って、ウェブサイト用の高品質な画像を生成することもできる。この方法では、AIテキストや画像生成を含む様々なAI機能を備えたWordPressプラグイン、AI Engineを使用する。

まず、ワードプレスのウェブサイトにAI Engineをインストールし、有効化してください。WordPressプラグインのインストール方法はこちらをご覧ください。

次に、WordPressのダッシュボードからMeow Apps " AI Engineにアクセスし、Settingsタブをクリックします。

OpenAI専用の「Environments for AI」を設定するためのソフトウェアインターフェイスのスクリーンショット。名前」、「タイプ」、「APIキー」のフィールドがあり、APIキーを取得するためのOpenAIのアカウントへのリンクがある 左側のサイドバーには、「ダッシュボード」と「AIエンジン」のオプションがある「Meow Apps」というラベルの付いたハイライトされたセクションがあり、アプリケーション内のAI設定に特化したインターフェースのセクションを示している。

まだ持っていない場合は、OpenAIのAPIキーを作成する必要があります。これを行うには、OpenAIのアカウントにアクセスし、APIキーをクリックします。

OpenAI APIキーのページインターフェイスのスクリーンショット

次に、「Create new secret key」をクリックする。ここで、鍵の名前を入力し、権限を設定し、鍵の生成ボタンをクリックする。

キーをコピーして、あなたのウェブサイトを返します。

次に、'Environments for AI'パネルを見つけて、APIキーを貼り付けます。プラグインが自動的にキーを保存します。

同じ画面の右上に「画像」オプションが表示されます。これをクリックすると、AIによる画像作成が開始されます。

AIエンジン|設定」のスクリーンショット。Dashboard'、'Settings'、'License'のオプションがあるヘッダーと、OpenAIが選択された'Environments for AI'というタイトルのセクションがある。矢印は「Images」タブを指し、画像関連の設定へのナビゲーションを示唆している。

画像ジェネレーターには、あらかじめ用意されたプロンプトのテンプレートがあります。また、テキストボックスに独自の画像プロンプトを書き込むこともできます。

プロンプトを書き、必要な画像の数を選択し、「生成」をクリックします。

テキストボックスのある画像生成インターフェースのスクリーンショット。テキストボックスの上には、4つの画像を生成するドロップダウンメニューが設定されている。左側には「ジブリの風景」「スチームパンク建築」「にゃおイラスト」などのテンプレートオプションがあり、その下に「編集」ボタンと「リセット」オプションがある

数秒後、あなたのイメージプロンプトのいくつかのバリエーションが表示されます。

AIエンジンでAIが生成した画像

お好きな画像を選んで拡大表示。AIエンジンが、編集可能なaltテキスト、キャプション、ファイル名を自動的に生成します。

ai画像のメタ情報

画像に満足したら、メディアライブラリに追加オプションをクリックします。

これで、WordPressサイトのどこでも画像を使用できるようになりました。投稿で使用するには、新しい投稿を作成し、画像ブロックを追加します。

ワードプレスの画像ブロックを追加する

そこから、AIが生成した画像をWordPressのメディアライブラリから選択します。変更を公開すると、ウェブサイトに画像が表示されます。

最終的なイメージはこんな感じだ:

aiを使ってブログ記事の画像を生成する方法

Microsoft Copilotを使ってWordPress用のAI画像を生成する

WordPressのプラグインを使いたくない場合は、ウェブベースのツールを使ってAIで画像を生成することができる。

そのための私のお気に入りのツールのひとつが、マイクロソフトのCopilotのチャットボットだ。 大規模な言語モデルに基づき、インターネットを検索し、質問に答え、コンテンツを書き、画像を作成することができる。

Copilotは現在、DALL.E 3モデルを使用して画像を生成しています。始めるのに必要なのは、マイクロソフトのアカウントだけです。

まず、Microsoft Copilotのウェブサイトにアクセスし、アカウントにログインします。

次に、チャットボックスに画像のプロンプトを入力します。

マイクロソフト・コパイロット・テキストから画像へのプロンプト

AIはあなたのために4つのバージョンの画像を生成します。 

マイクロソフトコパイロットイメージバリエーション

そして、最も気に入ったバージョンをクリックすると、拡大版が表示されます。

Microsoft Copilotの画像オプション

この画面には、画像をさらに洗練させるためのオプションがあります。特定の要素をポップにしたり、ぼかしたり、画像に新しいスタイルを追加したりできます。

この例では、水彩効果を適用した:

水彩画効果のあるAi画像。

画像をコンピュータに保存するには、3つの点のメニューをクリックし、ダウンロードを選択します。 

これで、画像をWordPressのメディアライブラリにアップロードし、前回の方法で説明した手順で任意の投稿に追加することができる。

ワードプレスの画像作成にAIを使い始める

このガイドが、WordPressでAIを使って画像を生成する方法を学ぶのに役立てば幸いです。

以下のAIガイドも参考になるだろう:

お読みいただきありがとうございました!ご質問やご意見がありましたら、お気軽にコメントをお寄せください。

また、YouTubeX(旧Twitter)Facebookでも、ビジネスの発展に役立つコンテンツを配信しています。

著者アバター
ステイシー・コリン ライター
ステイシーはWordPressとデジタルマーケティングについて10年以上、その他のトピックについてはもっと長い間執筆している。また、ウェブデザイン、ユーザーエクスペリエンス、SEOにも造詣が深い。

情報開示私たちのコンテンツは読者支援型です。つまり、あなたが私たちのリンクをクリックした場合、私たちはコミッションを得る可能性があります。私たちは、読者に付加価値をもたらすと信じる製品のみを推薦します。