Diviで収益性の高いWordPressブログを作成する方法

収益性の高い WordPress ブログの作成を計画していて、洞察を求めている場合は、おそらく適切な場所に来ています。 この記事では、WordPress ベースのブログを作成する手順を順を追って説明します。 ただのブログではなく、稼げるブログ。 具体的には、Divi で WordPress ブログを作成する方法を紹介します。

このガイドは、あなたが現在読んでいるブログである WP ページビルダーの成長における経験に基づいて作成されています。 現時点では、私たちのブログは月額約 2,000 ドルから 3,000 ドルを生み出しており、主な収入源はアフィリエイト マーケティングです。 このブログでわかるように、Divi と Elementor についてたくさん書いています。 どちらも、興味深いアフィリエイト プログラムを提供する最も人気のある WordPress 製品の 2 つです。 2020年からElementorとElegant Themes（Diviの開発元）のアフィリエイトプログラムに参加しています。

PPC 広告 (Google AdSense など) に依存するブログよりもトラフィックが少ないため、アフィリエイト ブログを作成することにしました。 参考までに、私たちのブログは 1 日あたり 2,000 未満のアクセスを提供しており、これは非常に少数です。 しかし、対象となる視聴者がいるため、月に 2,000 ドルから 3,000 ドル (1 日あたり約 66 ドルから 100 ドル) を稼ぐことができました (後で説明します)。

準備はいいですか？ 読む。

Diviについての簡単な紹介

もちろん、先に進む前に、まずDiviについて知る必要があります.

ディビとは？

Divi は、Elegant Themes が開発した WordPress テーマです。 Divi Builder と呼ばれる組み込みのページ ビルダーが付属しています。これを使用して、ブログのコア ページ (ホームページ、概要ページ、連絡先ページなど) を作成できます。 Divi Builder には、サイト パーツ (ヘッダー、フッター、ブログ投稿レイアウト、アーカイブ ページなど) のカスタム テンプレートを作成するために使用できる Theme Builder など、ブログに役立ついくつかの便利な機能が付属しています。

Divi は、MailPoet、MailerLite、Mailchimp などのニュースレター プラグインやサービスとの統合もサポートしています。 ニュースレターは、ブログで最も重要な側面の 1 つです。 ニュースレターなしでブログを作成するのは大きな間違いです。 ニュースレターについては後述します。

Diviは有料テーマです。 次の 2 つの方法で取得できます。

• エレガントなテーマの年間メンバーになることにより: 89/年
• 1 回限りの購入オプション: $249

どちらのオプションを選択しても、Divi のアップデートとサポートに永久にアクセスできます。 Divi に加えて、Bloom や Monarch など、Elegant Themes が開発した他の製品にもアクセスできます。 エレガントなテーマから Divi テーマを購入することの興味深い点は、追加料金なしで、必要な数のブログにインストールできることです。

ステップ 1: ブログの収益化方法を設定する

上記の最初のセクションで、主な収益源はアフィリエイト マーケティングであると述べました。 それでも、ブログを収益化する方法は他にもいくつかあります。 一般的に、ブロガーは次の方法を適用してブログから収益を上げます。

• アフィリエイト商品の販売（アフィリエイトマーケティング）
• PPC広告の設置
• 電子書籍の販売
• スポンサー付きコンテンツの受け入れ
• 有料コンテンツの提供

これまで実践してきたアフィリエイト マーケティングに議論を絞り込みます。 他の収益化方法について詳しく知りたい場合は、この便利なブログ投稿を読むことができます。

多数の訪問者を必要としないため、個人的にはアフィリエイト マーケティングをお勧めします。 より多くの訪問者は、より高いホスティングプランを意味します。 ホスティングプランが高いほど、費用が高くなります。

ステップ 2: ブログのニッチとドメインを選択する

ブログを始めることは、他の種類のビジネスを始めることと変わらないことに注意することが重要です。 まず、ブログの市場 (オーディエンス) を見つけて設定する必要があります。 ブログの文脈では、 1 日あたり 500 人のターゲット ユーザーは、5,000 人の非ターゲット ユーザーよりも優れています.

あなたが作成しようとしているのはブログであり、オンライン マガジンではありません (オンライン マガジンでもニッチが必要です)。 トピックが一般的すぎると、ブログが検索エンジンで競争するのが難しくなります。 また、忠実な読者ベース (特に電子メール購読者) を構築するには、特別な努力が必要です。

最終的にwppagebuilders.comというドメイン名になる前に、最初は WordPress 全体を表す別のドメイン名を登録したいと考えていました。 しかし、WordPress はあまりにも一般的なトピックであると考えたため、より具体的なトピック (この場合はページ ビルダー プラグイン) を選択することにしました。 別の理由として、競合するのが難しい、確立された WordPress ブログがいくつかあります。

より具体的なトピックを選択すると、検索エンジンがブログのトピックをよりよく理解するため、ブログ投稿が検索エンジンの結果の最初のページに表示される可能性が高くなります。 これを証明するために、下のスクリーンショットを見てください。

上のスクリーンショットは、Google での検索クエリを示しています。これにより、競争に勝ちました。 上記のクエリのいずれかを使用して Google で検索すると、フロント ページにwppagebuilders.comのブログ記事が表示されます (トップ リストにあるものもあります)。

これらはほんの一例です。 wppagebuilders.comが検索エンジンでの競争に勝ったキーワードは他にもたくさんあります。

理由を推測できますか？

これは、 wppagebuilders.comが WordPress ページ ビルダー プラグインに関するブログであり、Elementor、Divi Builder、およびその他のページ ビルダーに関するトピックの記事を定期的に書いているためです。 前述のように、ブログのトピック (マーケティングの世界では「ニッチ」と呼ばれる) が具体的であるほど、検索エンジンでの競争に勝つ可能性が高くなります。

— ブログのニッチと名前を選ぶ方法

もう一度ルールを覚えてください。 ブログのトピック（ニッチ）が具体的であるほど良い. その主な理由は次の 3 つです。

• トラフィックを売上に変換しやすい
• 忠実な読者ベースを構築する方が簡単です
• 検索エンジンでの競争に勝つチャンスが大きいほど

理解したら、ブログのニッチを見つけ始めることができます。 その方法は？

最初に一般的なトピックを定義することから始めて、それをいくつかのより具体的なトピックに分割できます。 上で読んだwppagebuilders.comは、参照として使用できる例です。

もっと例が必要ですか?

写真ブログを作りたいとしましょう。 風景写真、旅行写真、デジタル写真、モバイル写真など、写真の派生物を検索できます。 あなたが最も得意とする派生物を見つけて、それをブログのメイン トピックとして選びます。 もちろん、ブログを運営するにつれて、より幅広いトピックを書くことができますが、事前に選択した主要なトピックに焦点を当てる必要があります. そして、あなたはそのトピックで（検索エンジンで）勝つべきです。

トピック/ニッチが選択されたら、ブログ名を続けることができます. 次に、ブログ名のドメインが使用可能かどうかを確認できます。

ブログのニッチを検索するには、Google キーワード プランナーなどのツールを使用して、競合レベルと検索ボリュームを把握できます。 十分な資金があれば、Ahrefs、Semrush、Wordtracker などの有料ツールを使用できます。

ブログのニッチを調査する際に注目すべき 2 つの主な指標は次のとおりです。

• 月間検索ボリューム
• 競技レベル

競合が少なく、月間検索量が多いブログのニッチを見つけることができれば素晴らしいと思います.

ステップ 3: Divi の信頼できるホスティングを選択する

Web ホスティング プロバイダーの選択は、ブログを開始するためのもう 1 つの重要なステップです。 ホスティング プロバイダーがブログを運営するのに十分な信頼性があることを確認する必要があります。 トラフィックの急増が発生している場合を含みます。

Divi に関しては、強くお勧めする 2 つのホスティング サービス タイプがあります。

• ディビホスティング
• マネージド WordPress ホスティング

— ディビホスティング

エレガントなテーマは、著名な Web ホスティング プロバイダーと提携して、Divi 専用に設計されたホスティング プランを提供します。 このパートナーシップは、Divi Hosting と呼ばれます。

Divi Hosting のすべてのホスティング プランには、Divi がプリインストールされているため、Divi を自分でインストールする必要はありません。 Divi Hosting プランに含まれるその他の機能は、プランとホスティング プロバイダーによって異なります。 ただし、一般に、次の機能が得られます。

• Diviプリインストール（もちろん）
• 安全
• CDN とキャッシング
• ステージング環境

Divi Hosting プランを提供するホスティング プロバイダーは次のとおりです。

• プレス可能
• フライホイール
• クラウドウェイズ
• サイトグラウンド

— マネージド WordPress ホスティング

マネージド WordPress ホスティングは、Divi だけでなく WordPress 向けにリソースが最適化される Web ホスティング サービスの一種です。 マネージド WordPress ホスティングには、自動ソフトウェア更新 (WordPress コアとプラグイン)、バックアップ、セキュリティ、パフォーマンス最適化 (CDN とキャッシュ) などの機能が備わっています。

今日、ほぼすべての著名な Web ホスティング プロバイダーが、Bluehost を含む管理された WordPress ホスティング プランを提供しています。 Divi Hosting の代わりに管理された WordPress ホスティングを使用したい場合は、Bluehost をお勧めします。

Bluehost は、WordPress ブロガーや一般的な WordPress ユーザーに広く使用されている信頼できる Web ホスティング プロバイダーです。 Bluehost では、管理された WordPress ホスティング サービスは WP Pro と呼ばれます。 WP Pro には、 Build 、 Grow 、およびScaleの 3 つのプランがあります。 必要に応じて選択できます。

では、Divi Hosting または管理された WordPress ホスティングを使用する必要がありますか?

明確にするために、Diviホスティングは技術的には管理されたWordPressホスティングでもあります. 違いは、Divi Hosting では、Divi を自分でインストールする必要がないことです。 その上、Divi ホスティングを使用すると、ホスティング プランが Divi にバンドルされているため、費用を節約できます。 管理されたWordPressホスティングを使用する場合、ホスティングサービスとDiviの2つのコンポーネントに予算を費やす必要があります.

質問に対する賢明な答えは次のとおりです。 購読する前に、各ホスティングプランが提供する仕様をお読みください.

ステップ 4: ドメインを登録してブログをインストールする

契約したいホスティングプランが決まったら、次はドメインの登録です。

ドメイン登録はホスティングプラン登録時に行います。 登録プロセスを完了するために、ドメイン名を入力するよう求められます。 この例では、Bluehost にドメインを登録する方法を示します。

まず、Bluehost の Web サイトにアクセスします。 WordPressメニューの上にカーソルを置き、 WP Proを選択します。

ご希望のプランを選んで「選択」ボタンをクリックしてください。

次のステップで、[新しいドメインの作成] 列にドメイン名を入力します。 ドメイン拡張子 (.com、.net、.org など) を選択してください。 [次へ] ボタンをクリックして続行します。

ドメインが利用可能な場合、緑色の通知が表示され、次のステップに進むことができます。 [アカウント情報]セクションで、名前、国、都市、電子メール アドレスなどの必須フィールドに入力します。

[パッケージ情報]セクションで、サブスクライブするプランを選択します。

[支払い情報]セクションで、クレジット/デビット カード番号と CVV コードを追加します。 代わりに PayPal で支払いたい場合は、[その他の支払いオプション] リンクをクリックして、[ PayPalで支払う] オプションを選択します。 ユーザー同意書に同意し、送信ボタンをクリックします。

支払いを完了します。 完了すると、Bluehost アカウントを作成できるページにリダイレクトされます。 [アカウントを作成] ボタンをクリックして、アカウントを作成します。

パスワードを作成し、ユーザー契約に同意します。 [アカウントの作成]ボタンをクリックします。

アカウントの準備ができました。 ログインボタンをクリックして、Bluehost ダッシュボードにログインします。

— Bluehost に WordPress をインストールする

アカウントが作成されたので、Bluehost に WordPress のインストールを開始できます。

Bluehost にログインするたびに、bluehost.com にアクセスし、トップ バーの [ログイン] メニューをクリックします。

WordPress のインストールを開始するには、Bluehost にログインし、[ウェブサイトの作成] ボタンをクリックします。

次の画面が表示されるまで、次の 2 つの手順をスキップします。 左のオプションを選択し、[開始] ボタンをクリックします。

次のステップでは、基本的な質問が表示されます。 これらの手順をスキップして、テーマを選択できます。 無料のテーマから始めることができます。 ここまでで、ブログの準備が整い、Web ブラウザーにドメイン名を入力してアクセスできるようになります。

ブログを管理するには、右上隅にある [ WordPress にログイン] ボタンをクリックして Bluehost ダッシュボードにログインします。

WordPress ダッシュボードへのログインを簡単にするために、WordPress ブログに新しいユーザーを追加できます。 次回は、新しいアカウントを取得したら、WordPress ダッシュボードにログインするたびに Bluehost にログインする必要はありません。 代わりに、Web ブラウザーにyourblog.com/wp-adminと入力し、新しいアカウントでログインするだけです。

新しいアカウントを作成するには、WordPress ダッシュボードの[ユーザー] -> [新規追加] に移動します。

ユーザー名、電子メール アドレス、名前、およびパスワードを入力します。 新しいユーザーの役割を選択し、[新しいユーザーの追加]ボタンをクリックします。

アカウントが作成されたら、それを使用して WordPress ダッシュボードにログインできます。

— SSL の設定

ブログをさらに進める前に、SSL を設定することが重要です。 設定しないと、ブログは Web ブラウザーによって安全でないとフラグが付けられます。

Bluehost には無料の SSL 機能が含まれています (Let's Encrypt によって提供されます)。 それを使用するには、自分のアカウントで Bluehost にログインします。 ログインしたら、 [サイトの管理] ボタンをクリックします。

次に、[セキュリティ] タブに移動し、[ SSL 証明書: Let's Encrypt ] オプションが有効になっていることを確認します。

注: [セキュリティ] タブを開いたときに SSL が利用できないというメッセージが表示された場合は、Bluehost に連絡して修正してください。 ライブチャットまたは Twitter @bluehostsupport から Bluehost に連絡できます。

SSL が有効になっていることを確認したら、WordPress ダッシュボードにログインし、 [設定] -> [一般]に移動します。

「http」セクションに「s」文字を追加して、デフォルトの URL を編集します。 また、「www」を追加することをお勧めします。

変更を適用するには、必ず下部の [変更を保存] ボタンをクリックしてください。

SSL の設定に加えて、パーマリンクの設定も強くお勧めします。 URL 構造を単純にするために、単純なパーマリンクを使用することをお勧めします (SEO に推奨)。

パーマリンクを設定するには、WordPress ダッシュボードの[設定] -> [パーマリンク]に移動します。 必要なパーマリンクを選択します (投稿名をお勧めします)。

必ず [変更を保存] ボタンをクリックして変更を適用してください。

ステップ5：Diviをインストールする

Divi Hosting を使用している場合は、この手順をスキップできます。 管理された WordPress ホスティングを使用している場合は、このセクションを読み続けることができます。

エレガントなテーマでの購入を完了したと仮定して、アカウントでログインします。 ログインしたら、[マイ ダウンロード] メニューをクリックして、メンバー エリア ページに移動します。

[ DIVI テーマをダウンロード] ボタンをクリックして、Divi テーマをダウンロードします。

Divi テーマをダウンロードしたら、WordPress ダッシュボードにログインし、 [外観] -> [テーマ]に移動します。 [新規追加] ボタンをクリックして、新しいテーマをインストールします。

[テーマのアップロード] ボタンをクリックし、続いて[ファイルの選択] ボタンをクリックして、ダウンロードしたばかりの Divi テーマ (ZIP 形式) を選択します。 [今すぐインストール] ボタンをクリックして、インストールを開始します。

インストールプロセスが完了するまでしばらくお待ちください。 Divi テーマがインストールされたら、すぐに有効化してください。

注:独自に選択したホスティング (上記で推奨したもの以外) があり、インストール プロセスで問題が見つかった場合は、この投稿を読んで問題を解決できます。

— 今後のアップデートを受け取るためにライセンス キーをアクティブ化する

新しい Divi アップデートを受け取るには、ユーザー名と API キーを入力してライセンスを有効にする必要があります。 Divi ユーザー名と API キーを取得するには、Elegant Themes ダッシュボードで [ USERNAME & API KEY ] をクリックします。

ユーザー名と API キーをコピーします。

WordPress ダッシュボードに戻り、 Divi -> Theme Optionsに移動します。 [更新] タブに移動し、ユーザー名と API キーを入力します。 [変更を保存] ボタンをクリックして、変更を適用します。

— 必要な設定を行う

Divi をさらに使用する前に、まず Divi Web サイトで必要な設定を行うことができます。 事前に行う必要がある 3 つの基本設定は次のとおりです。

• サイトのロゴ

ロゴはあなたのウェブサイトの主要なアイデンティティです。 ヘッダー、フッター、または任意の領域に配置できます。 Divi でサイトのロゴを設定するには、WordPress ダッシュボードの[Divi] -> [テーマ オプション]に移動します。 [全般] タブの [ロゴ] オプションで、[アップロード] ボタンをクリックし、ロゴの画像を選択します。

• ファビコン

ファビコンは、ユーザーが Web サイトにアクセスしたときに Web ブラウザーのタブに表示されるアイコンです。 ほとんどの WordPress サイトでは、デフォルトのファビコンは WordPress アイコンです。

Divi ブログのファビコンを設定するには、WordPress ダッシュボードの[Divi] -> [テーマ カスタマイザー]に移動します。 General Settingsブロックを開き、 Site Identityを選択します。

[サイト アイコンの選択]ボタンをクリックして、ファビコンとして使用する画像を選択します。 ファビコンの推奨画像形式は 512×512 の PNG です。

[公開] ボタンをクリックして、変更を適用します。

• 投稿で Divi Builder を無効にする

Divi テーマには、Divi Builder と呼ばれるページ ビルダーが組み込まれています。これを使用して、ブログのコア ページを作成できます。 デフォルトでは、WordPress で新しいコンテンツを作成するときに、Divi Builder を使用するオプションが利用可能です — ページでも投稿でも.

ブログに Divi を使用したいので、投稿では Divi Builder を無効にすることを強くお勧めします。 このように、新しいブログ投稿を作成するたびに、デフォルトの WordPress エディターまたは Divi Builder を使用するかどうかを尋ねられることはありません. 投稿で Divi Builder を無効にするには、WordPress ダッシュボードの[Divi] -> [テーマ オプション]に移動します。 Builderタブを開き、 Postsのスイッチをスライドします。 [変更を保存] ボタンをクリックして、変更を適用します。

• ブログ投稿エディターを設定する

バージョン 5.0 以降、WordPress にはブロック エディター (別名 Gutenberg) と呼ばれる新しいエディターがありました。 このバージョンより前の WordPress は、現在クラシック エディターとして知られているエディターを提供していました。

より多くの WordPress プラグインと互換性があるため、Gutenberg を使用することをお勧めしますが、どのエディターを使用するかはユーザー次第です。

ブログ投稿エディターとして Gutenberg を使用する場合は、何も変更する必要はありません。 Classic Editor を使用したい場合は、まずそれを有効にすることができます。 WordPress ダッシュボードの[Divi] -> [テーマ オプション]に移動します。 [ビルダー] タブで、[詳細] サブタブをクリックし、[クラシック エディターを有効にする] オプションのスイッチをスライドさせます。 [変更を保存] ボタンをクリックして、変更を適用します。

個人的には、よりクリエイティブな要素を提供する Gutenberg を使用することをお勧めします。 ボタンやテーブルなどの要素を簡単に追加してカスタマイズできます。

ステップ6：Diviブログをデザインする

基本設定が完了したら、次のステップはDiviブログをデザインすることです. Divi でブログを書いているときの一番の利点は、Divi のテーマ ビルダー機能のおかげでコーディング スキルがなくても、ブログのすべての部分を制御できることです。

ブログのデザインを開始する前に、ブログが次の主要部分で構成されていることを理解する必要があります。

• ヘッダ
• フッター
• 単一投稿レイアウト (ブログ投稿レイアウトとも呼ばれます)
• アーカイブページ
• 検索結果ページ
• 404 エラー ページ

上記のパーツに加えて、必要に応じて、ホームページ、概要ページ、お問い合わせページ、その他のページなど、必要なページを作成する必要があります。

これらのパーツとページは、Divi Builder を使用して視覚的に作成できます。 楽しくない？

ヘッダーから始めましょう。

ただし、最初に、ヘッダーに配置するメニューを作成する必要がある場合があります。 WordPress を初めて使用する場合は、この記事を読んでメニューの作成方法を学ぶことができます。

— ヘッダーの設計

Divi でブログのヘッダーをデザインするには、2 つのオプションがあります。 まず、テーマ カスタマイザーを使用できます。 次に、テーマ ビルダーを使用できます。 単純なヘッダーを作成する場合は、テーマ カスタマイザーを使用するだけで十分です。 逆に、独自のデザインで完全にカスタマイズされたヘッダーを作成する場合は、テーマ ビルダー以外に選択肢はありません。

## テーマ カスタマイザーを使用してヘッダーをデザインする

テーマ カスタマイザーを使用してヘッダーをデザインするには、WordPress ダッシュボードの[Divi] -> [テーマ カスタマイザー]に移動します。 これにより、テーマカスタマイザー画面に移動します。 次に、 Header & Navigationブロックをクリックします。

ご覧のとおり、ヘッダーのスタイルを設定するために開くことができる 5 つのサブブロックがあります。

• ヘッダー形式

このサブブロックを開いて、ヘッダー形式を設定できます。 5 つのヘッダー形式から選択できます: デフォルト (左側のロゴ)、中央揃え、中央インライン ロゴ、スライド イン、フルスクリーン。

• プライマリ メニュー バー

このサブブロックを開いて、メイン メニュー バーの外観をカスタマイズできます。 高さ、テキスト サイズ、フォント ファミリー、フォント スタイル、フォントの色、メニューの背景色、ドロップダウン メニューの色などを設定できます。

• セカンダリ メニュー バー

セカンダリ メニュー バーは、メイン メニューのすぐ上にあるメニュー バーです。

セカンダリ メニュー バーサブブロックを開くことで、セカンダリ メニュー バーの外観をカスタマイズできます。 上記のメイン メニュー バーと同じように、次のようなものも設定できます。テキスト サイズ、フォント ファミリ、フォント スタイル、テキストの色、背景色などを設定できます。

• 固定ナビゲーション設定

Divi には、スティッキー ヘッダー機能が組み込まれています。 固定ヘッダー自体は、ページを下にスクロールしても表示されたままになるタイプのヘッダーです。 次に例を示します。

背景色、高さ、テキスト サイズなどの設定など、スティッキー ヘッダーをカスタマイズできます。 Fixed Navigation Settingsブロックを開くだけで、スティッキー ヘッダーをカスタマイズできます。

スティッキー ヘッダーを使用する場合は、機能が有効になっていることを確認する必要があることに注意してください。 これを行うには、WordPress ダッシュボードの[Divi] -> [テーマ オプション]に移動します。 固定ナビゲーション バーオプションが有効になっていることを確認します。

• ヘッダー要素

ヘッダー要素ブロックを開いて、Divi が提供する要素を表示/非表示にすることができます。 要素は、ソーシャル メディア アイコン、検索アイコン、電話番号、メール アドレスです。 これらの要素は、メイン ヘッダーに表示される検索アイコンを除いて、セカンダリ ヘッダー (トップ バー) に表示されます。

表示するソーシャル メディア アイコンとリンクを設定するには、 Divi -> Theme Optionsに移動します。 [全般] タブで、ソーシャル セクションまで下にスクロールして、ソーシャル メディア プラットフォームを選択し、リンクを設定します。

テーマ カスタマイザーでブログ ヘッダーのデザインが完了したら、必ず [公開] ボタンをクリックして、行った変更を適用してください。

さらにブログを作成する場合は、カスタマイズしたヘッダーをエクスポートして新しいブログにインポートできるため、次のブログでヘッダーを最初から設計する必要がなくなります。

ヘッダーのデザインをエクスポート/インポートするには、閉じるボタンの横にある 2 つの矢印アイコンをクリックします。

表示されるダイアログで、ファイルに名前を付け、[ Divi Customizer 設定のエクスポート]ボタンをクリックしてデザインをエクスポートします。

デザイン (カスタマイズされたヘッダー) をインポートするには、[エクスポート] タブに切り替えます。 インポートするデザインの JSON ファイルを選択し、[ Divi カスタマイザー設定のインポート]ボタンをクリックします。

## Theme Builder を使用してヘッダーを設計する

この記事の最初のセクションで述べたように、Divi には、視覚的な方法でカスタム サイト パーツを作成するために使用できるテーマ ビルダー機能が付属しています。

テーマ ビルダーは、サイト テーマ (この場合は Divi) の既定の部分を、独自に作成したカスタム テンプレートに置き換えることで機能します。 . そうは言っても、Divi Theme Builder を使用してカスタム ヘッダーを作成すると、上記の Theme Customizer でカスタマイズしたデフォルトのヘッダーが置き換えられます。

Theme Builder を使用してカスタム サイト パーツを作成する場合、技術的には無限のデザイン オプションがあります。 Theme Builder を使用するもう 1 つの利点は、カスタム テンプレートを適用する場所を設定できることです。 ウェブサイト全体か、特定のページ (または投稿) か。

カスタム ヘッダー テンプレートの作成を開始するには、WordPress ダッシュボードの[Divi] -> [テーマ ビルダー]に移動します。 これにより、デフォルトですでにグローバルテンプレートセットが設定されているDiviのテーマビルダーページが開きます. Web サイト全体のカスタム ヘッダーを作成する場合は、 [グローバル ヘッダーの追加] -> [グローバル ヘッダーの選択] をクリックして、ヘッダー テンプレートを編集するだけです。

逆に、特定のページまたは投稿用のカスタム ヘッダーを作成する場合は、プラス アイコンをクリックして新しいテンプレート セットを作成できます。

カスタム テンプレート セットを適用する場所を設定し、[テンプレートの作成] ボタンをクリックします。

Add Custom Header -> Built Custom Headerをクリックして、テンプレートを編集します。

Theme Builder を使用して Divi でカスタム ヘッダーを作成する方法の詳細については、こちらの記事を参照してください。

— フッターのデザイン

ヘッダーと同様に、ブログのフッターをデザインするには、テーマ カスタマイザーとテーマ ビルダーの 2 つの方法があります。

## テーマ カスタマイザーを使用してフッターをデザインする

テーマ カスタマイザーでフッターのデザインを開始するには、まず、WordPress ダッシュボードの[Divi] -> [テーマ カスタマイザー]に移動して、テーマ カスタマイザーを開きます。 次に、フッターブロックを開きます。

ご覧のとおり、以下のように、フッター ブロックで開くことができる 5 つのサブブロックがあります。

• レイアウト

このサブブロックを開いて、フッターのレイアウトを設定できます。 各レイアウトはさまざまな数の列で構成されており、これを使用してウィジェット (列のコンテンツ) を配置できます。 ここから、フッターの背景色も設定できます。

• ウィジェット

上記のLayoutサブブロックでレイアウトを設定したら、次のステップはフッター ウィジェットをカスタマイズすることです。 このコンテキストでは、ウィジェットはフッターの列のコンテンツです。

ウィジェットを列に追加するには、テーマ カスタマイザーのメイン パネルに戻り、ウィジェットブロックを開きます。

コンテンツを追加する列 (フッター エリア) を選択し、プラス アイコンをクリックしてウィジェットを追加します。 使用可能なすべてのウィジェット オプションを表示するには、[すべて参照] ボタンをクリックします。

追加したばかりのウィジェットをカスタマイズするには、3 つの点のアイコンをクリックして、[その他の設定を表示] を選択します。

上記の手順を繰り返して、他のフッター列にさらにウィジェットを追加します。

• フッター要素

必要に応じて、ブログのフッターにソーシャル メディアのアイコンを表示できます。 アイコンは、セカンダリ フッター (ボトム バー) の右側に表示されます。

フッター要素サブブロックを開き、 SHOW SOCIAL ICONSオプションにチェックを入れるだけです。

• フッターメニュー

フッターにメニューを追加したい場合は、このサブブロックを開くことができます。 このサブブロックから、背景色、テキストの色、リンクの色、フォント サイズなどのフッターをカスタマイズできます。

フッター メニューサブブロックを開く前。 最初にAppearance -> Menuからメニューを作成できます。

• ボトムバー

Bottom Barサブブロックを開いて、セカンダリ フッターをカスタマイズできます。 このサブブロックから、フッターのクレジット テキストの設定、背景色の設定、テキストの色の設定、ソーシャル メディア アイコンの色とサイズの設定などを行うことができます。

## Theme Builder を使用してフッターをデザインする

無制限のデザイン オプションを使用する場合は、テーマ ビルダーを使用してブログ フッターをデザインすることをお勧めします。 ダウン デザイン コンセプトでフッターを作成し、Divi Builder のビジュアル エディターを使用して、必要なスタイルを適用できます。

Theme Builder を使用してフッターを作成する手順は、上記で説明したヘッダーと同じです。 まず、WordPress ダッシュボードの[Divi] -> [テーマ ビルダー]に移動します。 次に、グローバル フッターを作成する場合は、既定のテンプレート セットで [グローバル フッターの追加] をクリックします。

特定の投稿またはページのフッターを作成するには、[新しいテンプレートを追加] をクリックして新しいテンプレート セットを作成し、フッターを適用する場所を選択します。

Theme Builder を使用して Divi でカスタム フッターを作成する方法の詳細については、こちらの以前の記事を参照してください。

— シングル ポスト レイアウトの設計

シングル ポスト レイアウト (ブログ ポスト レイアウトと呼ばれることもあります) は、ブログ ポストの外観を制御するテーマ パーツです。 これには、レイアウト、タイポグラフィ設定などが含まれます。

シングル ポスト レイアウトをデザインする方法も 2 つあります。テーマ カスタマイザーとテーマ ビルダーです。 無限のデザイン オプションが提供されるため、テーマ ビルダーを使用してシングル ポスト レイアウトをデザインすることをお勧めします。 さらに重要なのは、電子メールのオプトイン フォーム、動的な星評価などの要素を追加できることです。

Divi Builder を使用してカスタムの単一投稿レイアウトを作成する方法の詳細については、以前の記事を参照してください。

テーマ カスタマイザーを使用してブログ投稿のレイアウトをデザインする場合は、テーマ カスタマイザー パネルのブログ -> 投稿ブロックを開くことができます。 コンテンツ本文のフォント ファミリーを変更するには、 General Settings -> Typographyに移動します。

— アーカイブ ページの設計

WordPress では、アーカイブ ページとは、アーカイブ コンテキストに従ってブログ投稿を表示するページを指します。 たとえば、 yourblog.com/category/exampleの URL にアクセスすると、「example」のカテゴリにすべてのブログ投稿が表示されます。

または、 yourblog.com/author/yourusernameの URL にアクセスすると、 yourusernameというユーザー名を持つユーザーによって書かれたすべてのブログ投稿が表示されます。

一般に、WordPress には 3 種類のアーカイブがあります。

• カテゴリー
• 鬼ごっこ
• 著者

Diviにはアーカイブページのデフォルトレイアウトが付属していますが、ダウンデザインでアーカイブページを作成できます. 必要に応じて、複数のアーカイブ ページを作成することもできます。

カスタム アーカイブ ページ テンプレートの作成を開始するには、WordPress ダッシュボードの[Divi] -> [テーマ ビルダー]に移動します。 [新しいテンプレートの追加] -> [新しいテンプレートの作成] をクリックして、新しいテンプレート セットを追加します。 表示されるダイアログで、アーカイブ ページブロックにカスタム テンプレートを適用する場所 (複数の場所を選択できます) を選択し、[テンプレートの作成] ボタンをクリックします。

テンプレート セットが追加されたら、 Add Custom Body -> Built Custom Bodyをクリックします。

レイアウトを編集するために、Divi Builder エディターにリダイレクトされます。

Divi Builder を使用してカスタム アーカイブ ページ テンプレートを作成する方法の詳細については、こちらの記事をご覧ください。

— 検索結果ページのデザイン

Divi にはデフォルトの検索結果ページが付属していますが、ブログにカスタムの検索結果ページ テンプレートを作成して、デザイン スキームに合わせることをお勧めします。

Divi Builder を使用して、Divi ブログにカスタム検索結果ページを作成できます。 まず、WordPress ダッシュボードの[Divi] -> [テーマ ビルダー] に移動します。 Add New Template -> Build New Templateをクリックして、新しいテンプレートを追加します。 表示されるダイアログで、[検索結果] を選択し、[テンプレートの作成] ボタンをクリックします。

テンプレートが追加されたら、 Add Custom Body -> Built Custom Bodyをクリックして、Divi Builder を使用してテンプレートを編集します。

カスタム検索結果ページ テンプレートには任意の要素 (モジュール) を追加できますが、次の 2 つのモジュールを見逃さないでください。

• 文章
• ブログ

＃＃ 文章

検索結果のタイトル ( 「キーワード」テキストの結果) を追加するには、このモジュールが必要です。 テキスト モジュールを追加した後、設定パネルの [コンテンツ] タブでテキストブロックを開き、動的アイコンをクリックします。

利用可能なオプションで、[投稿/アーカイブのタイトル]を選択します。

緑のチェックリスト アイコンをクリックして、変更を適用してください。

## ブログ

検索結果を表示するには、このモジュールが必要です。 モジュールを追加したら、設定パネルの [コンテンツ] タブでコンテンツブロックを開き、[現在のページの投稿] オプションを有効にします。 その他の必要な設定も行います。 そのような私たちの投稿数、抜粋など。

— 404 エラー ページの設計

Divi Theme Builder で作成できる別のカスタム テンプレートは、404 エラー ページです。 訪問者が特定の URL にアクセスしてもページが利用できない場合、このページ自体にエラー メッセージが表示されます。 ダウン デザインで 404 エラー ページのカスタム テンプレートを作成して、デザイン スキームに一致させることができます。 必要な要素/モジュールを追加できます。

Divi Theme Builder を使用してカスタム 404 エラー ページを作成する方法の詳細については、こちらの以前の記事を参照してください。

ステップ 7: 必要なページを作成する

Divi Theme Builder を使用してカスタム テンプレートの作成が完了したら、次のステップは必要なページを作成することです。 少なくとも 3 つのページを作成する必要があります。

• ホームページ
• ページについて
• お問い合わせページ

もちろん、これらのページは Divi Builder を使用して作成できます。

— ホームページ

ホームページは、あらゆるウェブサイトの中で最も重要なページです。 Divi Builder を使用すると、ドラッグ アンド ドロップ編集エクスペリエンスを提供するビジュアル エディターのおかげで、ブログのホームページをより簡単に作成できます。

ブログのホームページに任意の要素を配置できます。 ただし、追加するすべての要素に明確な目的があることを確認してください. 次の例を見てください。

ちなみに、上のスクリーンショットは当ブログのホームページです。 ヒーロー セクション (ページの上部セクション) に、訪問者にニュースレターの購読を促したいので、電子メール購読フォームを追加します。

下部セクション (ヒーロー セクションの下) には、3 つの主要なカテゴリに基づいてブログ投稿が表示されます。 また、ナビゲーション メニューを追加して、訪問者が各メイン カテゴリに基づいてブログ記事を簡単に閲覧できるようにしています。

ホームページを作成する前に、どの要素を追加したいかを既に知っていることを確認してください。 必要に応じて、デザイン アイデアを実行する前にスクラッチを作成できます。

ホームページの作成を開始するには、WordPress ダッシュボードの[ページ] -> [新規追加] に移動します。 ホームページにタイトルを付け、[ Divi Builder を使用] ボタンをクリックして、Divi Builder を使用してページを編集します。

Divi Builder エディターが開いたら、ホームページの作成作業を開始できます。 完了したら、右下隅の [公開] ボタンをクリックして、ページを公開できます。

ホームページを作成して公開したら、WordPress ダッシュボードの[設定] -> [閲覧]に移動します。 [ホームページの表示] セクションで、[静的なページ]に設定し、作成したばかりのホームページを選択します。

— ページについて

概要ページを使用して、訪問者にあなたやあなたのビジネスについてよりよく理解してもらうことができます。 Divi Builder を使用すると、概要ページを複数のセクションに分割できます。 ヒーロー セクションでは、訪問者に簡単な自己紹介をして挨拶できます。 次のセクションでは、ポートフォリオ (ある場合)、経験、専門知識などを紹介できます。 Aboutページの例です。

ホームページと同じように、WordPress ダッシュボードの[ページ] -> [新規追加]から、About ページの作成を開始することもできます。

概要ページを作成して公開したら、上記で説明したように、ヘッダーのナビゲーション メニューに追加できます。

— お問い合わせページ

連絡先ページを作成して、訪問者 (または意欲的なクライアント) が簡単に連絡できるようにすることができます。 メール アドレスを表示したくない場合は、連絡先ページに連絡先フォームを追加できます。 Divi Builder には、連絡先フォームの作成に使用できる連絡先フォーム モジュールが組み込まれています。

Divi で連絡先フォームを作成する方法の詳細については、こちらの記事をご覧ください。

ステップ 8: 必要なプラグインをインストールする

WordPress は拡張可能なブログツールです。 プラグインをインストールすることで、WordPress ブログに追加機能を追加できます。 Bluehost または Divi Hosting を使用すると、セキュリティ プラグインやキャッシュ プラグインなどの必要なプラグインを取得できます。

さらにプラグインが必要な場合は、自分で簡単にインストールできます。 WordPress プラグインのインストール方法については、この記事を参照してください。

効果的な WordPress プラグインを作成するには、次のプラグインをブログにインストールすることをお勧めします。

1. ヨースト

オーガニック トラフィックはブログの成功の鍵です。 ブログへのオーガニック トラフィックを増やすには、ブログの投稿を最適化して、特定のキーボードの検索エンジンでの競争に勝つ必要があります。 Yoast は、そのようなニーズに必要なプラグインです。

2. 努力する

明確な計画を立てることなく、目標を達成することはほとんど不可能です。 ブログに関しては、コンテンツ作成に関する計画を立てることができます。 コンテンツ作成を計画することで、コンテンツのアイデアを 1 つずつ実行できます。

Strive は WordPress の編集カレンダー プラグインで、ブログのコンテンツ作成をスケジュールするのに役立ちます。 チームでブログを運営している場合、プラグインは非常に役立ちます。 Striveのレビューを読んで、それがどのように役立つかについて詳しく知ることができます.

3. メール詩人

検索エンジンに加えて、メール ニュースレターも大きなトラフィック ソースです。 MailPoet はお勧めのプラグインです。 プラグインを使用すると、WordPress ダッシュボードからメール ニュースレターを作成して送信できます。 また、サブスクライバーマネージャー、メールオプトインフォームを作成するためのフォームビルダー、分析などのサポート機能が付属しています. さらに重要なことに、MailPoet は Email Optin モジュールを介して Divi と統合できます (後で説明します)。

サードパーティのサービスを使用してメール ニュースレターを管理および送信したい場合は、MailerLite をお勧めします。

ステップ 9: Divi をメール ニュースレター ツールと統合する

ブログを通じて長期的なビジネスを構築したい場合は、メール ニュースレターに投資することを強くお勧めします。 ブログへのトラフィックを獲得するための検索エンジンのバックアップとして、メール ニュースレターを利用できます。 ニュースレターはアルゴリズムを使用しないため、ソーシャル メディアよりもニュースレターをお勧めします。 .

Constant Contact に関する記事によると、メール マーケティングの平均 ROI (投資収益率) は、1 ドルの支出に対して 36 ドルです。 つまり、1 ドルを投資すると、36 倍の利益が得られます。

メール ニュースレターは、メール マーケティングの実装の 1 つです。

ニュースレターを送信する前に、まずオーディエンス (メール購読者) を確保する必要があります。 WordPress でニュースレターを送信するには、プラグインを使用する方法とサードパーティのサービスを使用する方法の 2 つがあります。 ニュースレターを送信するための推奨事項は次のとおりです。

WordPress プラグイン:

• メール詩人
• メールスター
• weMail

サードパーティ サービス:

• メーラーライト
• ConvertKit
• メールチンプ

プラグインを使用したい場合は、この記事を読んで、WordPress 用のニュースレター プラグインの選択方法を学ぶことができます。

— Divi をメール マーケティング ツールと統合する

Divi Builder にはEmail Optinというモジュールが付属しています。 このモジュールは、メールアドレスの収集に特化しており、人気のあるメールマーケティングプラグインやサービスに接続できます. 上記で作成したページまたはカスタム テンプレートにモジュールを追加できます。

この例では、Email Optin モジュールを MailPoet に接続する方法を示します。

開始する前に、MailPoet プラグインがインストールされ、アクティブ化されていることを確認してください。 また、MailPoet アカウントを作成したことを確認してください。

準備ができたら、Email Optin モジュールを追加するページまたはカスタム テンプレートを Divi Builder で編集します。 メール Optin モジュールをページ/カスタム テンプレートに追加します。

Mail Optin モジュールが追加されたら、設定パネルを開き、[コンテンツ] タブの [電子メール アカウント]ブロックに移動します。

メール マーケティング サービス プロバイダー ( MailPoet ) を選択し、[追加] ボタンをクリックします。

[アカウント名]フィールドにMailPoetアカウントに関連付けられている電子メール アドレスを入力し、[送信] ボタンをクリックします。

接続が成功すると、MailPoet アカウントでリストを選択できるようになります。

注:ページまたはカスタム テンプレートを公開した後、Email Optin モジュールのフォーム フィールドが表示されない場合は、E メール アカウントが接続され、リストが選択されていることを確認してください。

ボーナス

1. アフィリエイト ブログを成功させるためのキラー ヒント

すべてのビジネスには、成長して成功を収めるための戦略が必要です。 あなたのブログも例外ではありません。 定期的にブログ記事を書くことは非常に重要であり、必須ですが、それだけでは十分ではありません。 検索エンジンで競争に勝つには、コンテンツ戦略を調整する必要があります。 Yoast と Strive を提案したのはそのためです。

Yoast はブログ投稿を最適化して SEO フレンドリーにするのに役立ちますが、Strive はブログ投稿を時間通りに終わらせることができます。

私たちのようなニッチなブログをお持ちの場合は、基礎となるコンテンツを書くことが重要です. それは何ですか？

簡単に言えば、基礎コンテンツはブログのメイン コンテンツです。 コーナーストーンのコンテンツは、詳細な長い形式で非常によく書かれている必要があります。 基本的なコンテンツを作成する前に、Google Keyword Planner、Ahrefs、および上記で説明したその他のツールなどのツールを使用して、まずキーワード調査を行うことができます.

複数の基礎コンテンツを書くことができます。 私たちのブログでは、あなたが今読んでいる記事そのものが基礎的な内容です。

基礎となるコンテンツが検索エンジン (検索結果ページのフロント ページに表示されます) での競争に勝てるようにするために、非基礎コンテンツへのリンクを挿入することで、ページ上の SEO を最大化できます。 基礎となるコンテンツの詳細については、このブログ投稿をご覧ください。

2. 無料のブログ リソース

## 文法的に

Grammarly はライティング支援ソフトウェアです。 これを利用して、ブログ投稿に文法上の誤りがないことを確認できます。 Grammarly は、執筆中に適切な単語を選択することも提案します。 Grammarly は、Google Chrome、Safari、Microsoft Edge、および Firefox の Web ブラウザー拡張機能として利用できます。

Grammarly が気に入らない場合は、Microsoft エディターが最適です。

## アンスプラッシュ

Unsplash は、ロイヤリティフリーの画像をダウンロードできる無料のストックフォト Web サイトです。 Unsplash には 200 万を超える画像があり、CC0 のようなライセンスでリリースされています。 CC0 は、著作者にクレジットを表示することなく、デジタル資産を無料で使用できるようにするライセンスです。 Unsplash から画像をダウンロードするとき、誰かの著作権を侵害する心配はありません。

ロイヤリティフリーの画像を無料でダウンロードするための Unsplash の代替手段:

• 最低ISO
• ペクセル
• Pixabay

## GIMP

Unsplash からダウンロードした画像をブログ投稿で使用する前に、まず画像のサイズを変更してファイル サイズを縮小することをお勧めします。 GIMP はそのための優れたツールです。 また、GIMP を使用して、画像のトーンの設定、特定の部分の検閲などの基本的な画像編集を行うことができます。GIMP は Photoshop の無料の代替手段です。 すべての主要なデスクトップ オペレーティング システムで使用できます。 macOS、Windows、および Linux から。

3.Diviブログレイアウトパック

上記の前のセクションで、カスタム テンプレートとブログのコア ページを作成する方法を説明しました。 インスピレーションが必要な場合は、ここから無料の Divi レイアウト パックを提供します。 このレイアウト パック (Blogsome と呼んでいます) は、次のページ レイアウトとカスタム テンプレートで構成されています。

• ホームページ
• 約
• お問い合わせページ
• シングルポストレイアウト
• アーカイブ ページ レイアウト
• 検索結果ページのレイアウト
• 404ページレイアウト

注:テーマ ビルダー テンプレートのインポートで問題が発生した場合は、この投稿を参照してください。

結論

ビジネス向けのブログを作成するには、WordPress が依然として最適な選択肢です。 現在の収益化モデル以外にも、ブログの成長に合わせて採用できる収益化モデルはたくさんあります。 Divi は、ビジネス向けのブログを作成するのに最適なテーマです。 多くの便利な機能、特に組み込みのページ ビルダーが付属しており、ブログのコア ページを簡単に作成できます。

ヘッダー、フッター、単一の投稿などのカスタム テンプレートを作成する機能は、Divi のもう 1 つの注目すべき機能です。 この機能を使用すると、ブログ パーツのデザインを完全に制御できます。 必要な要素を好きな場所に配置できます。 表示条件を使用すると、特定のページまたは投稿用のカスタム テンプレートを作成できます。

ブログのためにDiviから得られる便利な機能は次のとおりです。

• ビルトイン ページ ビルダー: ドラッグ アンド ドロップ編集エクスペリエンスを使用して、コア ページとカスタム テンプレートを視覚的に作成できます。
• テーマ ビルダー: ブログ パーツのカスタム テンプレートを作成できます。 必要な要素を追加して、独自のデザインを使用できます
• 表示条件: 特定のカスタム テンプレートを作成するときに、それを Web サイト全体、特定のページ、または特定の投稿に適用できます。
• メールマガジンプラグインおよびサービスとの統合
• ブログ投稿エディター (Classic Editor または Gutenberg) を選択する機能

Divi で成功するブログを作成するには、戦略を立てる必要があります。 適切なニッチを選択することから始めて、コンテンツ戦略を調整します。 上記のすべてをカバーしました。 さあ、行動を起こすときです。

素敵なブログと幸運を！