ログイン
始める

Easy Digital Downloads ブログ

WordPressチュートリアル、ヒント、リソースでビジネスを成長させる

Easy Digital Downloads ストアのデザインをカスタマイズする方法(初心者ガイド)

Easy Digital Downloadsストアをカスタマイズする方法

最終更新日:

著者画像
投稿者 ケイシー・カバナー ライター
レビュアー画像
レビュー済み クリス・クロソフスキー 投稿者 社長

WordPressでオンラインストアを作成するのは非常に簡単です。しかし、Easy Digital Downloadsストアのカスタマイズ方法がわからない場合は、心配しないでください。

12年以上にわたりWordPressの主要なデジタルeコマースソリューションとして、EDDは何千ものクリエイター、開発者、ビジネスオーナーが美しいオンラインストアを構築し、デジタル製品を販売するのを支援してきました。

適切にデザインされたストアは、見た目が良いだけでなく、信頼を築き、ユーザーエクスペリエンスを向上させ、訪問者をバイヤーに変えることを私たちは理解しています。

このガイドでは、Easy Digital Downloadsサイトをカスタマイズする方法と、完璧なオンラインストアをデザインするために必要なすべてをカバーします。

WordPressのデザインとカスタマイズの概要

Easy Digital Downloadsサイトをカスタマイズする方法を段階的に説明する前に、デザインとスタイリングに関してWordPressがどのように機能するかを理解しておくと役立ちます。

WordPressは、ウェブサイトの外観を制御するために階層的なシステムを使用しています。通常、ストアの外観をカスタマイズするには3つの主な方法があります。

方法内容使用目的
WordPressテーマWordPressテーマは、サイト全体のデザインを制御する最も基本的な方法です。
•ページの基本的なレイアウト構造
•標準のスタイリングルール
•コンテンツの整理と表示方法
•デフォルトの色とタイポグラフィ
カスタマイザーこの組み込みシステムにより、コーディングなしでテーマの外観を変更できます。サイト全体の調整が可能です。•色とタイポグラフィ
•レイアウト
•ヘッダー/フッター要素
•背景画像
•その他のビジュアル要素
サイト/ブロックエディター特定のページやコンテンツ要素の詳細な制御を可能にします。•カスタムページレイアウトの作成
•個々のページとセクションのスタイル設定
•コンテンツ要素の追加と配置
•個々の商品表示のカスタマイズ

ほとんどの場合、テーマがストアの外観の約80%を処理します。WordPressのテーマシステムは、ストアのデザインと機能を分離しています。

つまり、製品、販売、顧客データに影響を与えることなく、ストア全体の外観を変更できます。

Easy Digital Downloadsは、選択したテーマのデザインフレームワーク内で機能します。デジタル製品の販売に特化した機能と、製品ページやチェックアウトページなどの主要ページをスタイリングするためのオプションを追加します。

デザインの変更の一部はEDDの設定で行われ、その他はWordPressテーマで行われます。

(その点については後ほど詳しく説明します。)

WordPressテーマの選択

デジタル製品ストアに最適なWordPressテーマを選択することは、重要な決定です。テーマの選択は、ストアの視覚的な魅力から機能性、パフォーマンスまで、すべてに影響します。

無料および有料のテーマを見つける場所はたくさんあります。無料のオプションはWordPressテーマディレクトリで閲覧できます。

Easy Digital Downloads ストアをカスタマイズするためのテーマを見つける WordPress テーマディレクトリ。

結果をeコマースサイトに特化したものに絞り込むために、機能フィルターを使用することをお勧めします。

Easy Digital DownloadsはほとんどのWordPressテーマと互換性があるため、選択肢は豊富にあります。しかし、すべてのテーマが同じように作られているわけではないことを覚えておいてください。

以下は、検索時に考慮すべき要因です。

  • EDD互換性。これは交渉の余地がありません。テーマはEDDと良好に連携する必要があります。そうしないと、主要な機能が正しく機能しない可能性があります。
  • カスタマイズオプション。ストアの外観をどの程度制御したいですか?テーマによっては、色、フォント、レイアウトの変更など、多くのオプションが用意されていますが、より制限的なものもあります。
  • 高速読み込み速度。遅いウェブサイトを好む人はいません。高速読み込みテーマは、優れたユーザーエクスペリエンスに不可欠です。さらに、Googleは高速なサイトを好むため、検索エンジンのランキングに役立ちます。
  • 価格。無料テーマは魅力的です。そして、始めたばかりの頃は良い選択肢になります。しかし、有料テーマはより多くの機能、サポート、アップデートを提供する傾向があります。予算とテーマに何を求めるかを考えてください。
  • サポートとアップデート。テーマ開発者は信頼できるサポートと定期的なアップデートを提供していますか?これは、ストアを安全に保ち、スムーズに実行するために重要です。

🔎 eコマースWordPressテーマを見つけるのに役立ちますか?この記事の最後の方に、人気があり、信頼性が高く、目的に特化したオプションのリストをいくつか含めました。

WordPressテーマのインストール

最適なテーマを選択したら、インストールする時間です。

無料テーマを使用している場合は、テーマディレクトリから見つけることができるはずです。WordPressダッシュボードから、外観»テーマに移動し、上部にある新しいテーマを追加をクリックします。

WordPress のテーマ画面。

目的のテーマを名前で検索します。次に、インストールをクリックし、次に有効化をクリックします。

WordPress テーマのインストールと有効化。

有料テーマはサードパーティのプロバイダーから購入します。購入後、テーマファイルをzipとしてダウンロードし、WordPressサイトにアップロードします。

外観»テーマ»新規追加»テーマのアップロードに移動します。

ファイルを選択をクリックし、コンピューターからZIP形式のテーマファイルを選択します。今すぐインストールを選択してから有効化します。

これで完了です!新しいテーマがインストールされ、カスタマイズを開始できます。

WordPressカスタマイザーの使用

テーマがインストールされたので、あなた独自のものにしましょう。Easy Digital Downloadsストアをカスタマイズするために使用できるさまざまな設定があります。

WordPressカスタマイザーはあなたのコントロールセンターです。開始するには、外観»カスタマイズに移動します。

WordPress のテーマカスタマイザー用のメニュー項目。

まだテーマのインストール/有効化画面にいる場合は、有効化したテーマのカスタマイズを選択するだけです。

Twenty-Twenty Fourのような、WordPressのプリインストールされたデフォルトテーマを含む一部のテーマは、カスタマイザーをサポートしていないことに注意してください。代わりに、これらのテーマを有効化すると、サイトエディターが使用されます。

Easy Digital Downloads ストアをカスタマイズするための WordPress テーマカスタマイザーオプション。

カスタマイザーの主な設定

サイトのアイデンティティは、サイトのタイトルとキャッチフレーズを追加する場所です。新しいお店のドアに名前を付けるようなものです。ここにロゴをアップロードすることもできます。プロフェッショナルなロゴは、ストアを信頼できるように見せるため、常に推奨しています。

WordPress カスタマイザーのサイト基本設定。
WordPress カスタマイザーのカラー設定。

色(およびタイポグラフィ)タブで、ブランドに合った色を選択します。私はカラーパレットジェネレーターを使用して、うまく連携する色を見つけるのが好きです。

レイアウト/テーマオプションの設定は、顧客をショッピング体験に導く上で役割を果たします。カスタマイザーを使用すると、さまざまなレイアウト要素を調整して、直感的なショッピング環境を作成できます。これには、ヘッダー、サイドバー、フッター、ブログなどが含まれる場合があります。

メニューは、顧客がストア内を移動するのに役立つナビゲーションメニューを作成する場所です。お店の地図を作成するようなものだと考えてください。明確で簡単なナビゲーションは、優れたユーザーエクスペリエンスの鍵となります。

カスタマイザーでの WordPress メニューのカスタマイズ。
WordPress メニュー位置のカスタマイズ。

💡ヒント:商品カテゴリーとタグを最大限に活用しましょう。メニューに視覚的な階層を設定します。整理されたカテゴリーは、顧客が探しているものを正確に見つけるのに役立ちます。

ウィジェットは、サイドバーやフッターに追加できる小さなアプリのようなものです。最近の投稿、ソーシャルメディアリンク、検索バーなどを表示できます。

WordPress テーマカスタマイザーのウィジェット設定。
WordPress でサイドバーウィジェットをカスタマイズする。

これらは、サイト全体またはサイドバーやフッターなどの一般的な領域に表示したい要素に適しています。

サイドバーのコンテンツに関しては、少ない方が良いことが多いことを忘れないでください。顧客が商品を見つけたり、購入の決定を下したりするのに役立つ要素のみを含めてください。

ホームページの設定は、ホームページに表示するコンテンツを選択する場所です。最新の商品、ウェルカムメッセージ、または顧客の声などを紹介したい場合があります。

WordPress テーマカスタマイザーのホームページ設定。
WordPress テーマカスタマイザーの追加 CSS 設定。

追加CSSタブ内でカスタムコードを追加して、デザインを微調整できます。それはあなたの傑作に最後の仕上げを加えるようなものです。

WordPressテーマ固有の設定やスタイリングオプションは、ここで見つけることができます。 

EDD固有のカスタマイザー設定

具体的なオプションは使用しているテーマによって異なります。しかし、VenddやThemeddのようなEDD固有のテーマを使用している場合は、EDD設定専用のセクションがあります。

WordPress テーマカスタマイザーで Easy Digital Downloads 設定をカスタマイズするオプション。

カスタマイザーを試すことを恐れないでください。各設定が何をするのかを学ぶ最良の方法です。私は、いじくり回すだけで多くのクールなデザインのトリックを発見しました。

Easy Digital Downloadsページのカスタマイズ

さて、楽しい部分です。EDD製品とページのスタイリングです。

Easy Digital Downloadsは、**ページ** » **すべてのページ**の下にあるいくつかのコアページを作成します。

WordPress ページ。

例としては次のものが挙げられます。

  • チェックアウト
  • ショップ
  • 確認
  • ログイン
  • 領収書

最も重要なものについていくつか説明します。まず、個々の製品ページを見てみましょう。

商品ページ

製品ページは、Easy Digital Downloadsストア設定の中心です。各ページは1つのデジタル製品に焦点を当てています。

EDDでは、製品はダウンロードと呼ばれます。他のページとは異なり、これらのページは**ダウンロード** » **ダウンロード**の下で見つけ、編集し、作成できます。

WordPressのEasy Digital Downloadsで新しいダウンロードを追加する設定

ダウンロード/製品ページを作成するには、**新規追加**をクリックします。ここで、名前、製品説明、フィーチャー画像、価格設定の詳細、ファイルなどを追加できます。

WordPressの電子書籍のデジタルダウンロード商品ページ。

🔎 EDDでの製品作成に関するステップバイステッププロセスを確認してください。

製品を追加したら、Easy Digital Downloadsのショップページをカスタマイズできます。

ショップページ

あなたのショップページはあなたの店の顔のようなものです。製品を輝かせ、顧客が愛するショッピング体験を作成する場所です。

棚に商品を並べるようなものだと考えてください。視覚的に魅力的で閲覧しやすいものにしたいはずです。

このページは、**ページ** » **すべてのページ** » **ショップ**の下で編集できます。

このページは、EDD Productsブロック(またはdownloadsショートコード)を介して、すべてのダウンロード/製品を自動的に挿入します。

右側の設定では、Easy Digital Downloadsのショップショーケースをカスタマイズするための複数の方法が提供されています。たとえば、リストまたはグリッド表示で、サムネイルや抜粋などを表示できます。

Products ブロックを使用して Easy Digital Downloads ショップページをカスタマイズするオプション。

また、注目のダウンロードおすすめ製品など、特定のものを強調することもできます。ベストセラーを前面に出すようなものです。

チェックアウトページ

チェックアウトページは、魔法が起こる場所です。顧客が購入者に変わる場所です。

チェックアウトプロセスが長すぎたり複雑すぎたりするために売上を失いたくありません。レジ係が時間をかけているときに、店で過剰なレジ待ちに並んでいるようなものです。

顧客はイライラして立ち去ります。

短くシンプルに保ちます。

EDDのデフォルトのチェックアウトページは、この目的に最適です。クリーンで効率的でありながら、カスタマイズの機会も十分に提供します。

複数の支払い方法によるシンプルなeコマースチェックアウト。

Easy Digital Downloadsブロック

WordPressブロックは、先ほど言及したブロック/グーテンベルクエディターのコアコンポーネントです。それらは基本的にページのビルディングブロックです。

これらの既製のビジュアル要素は特別な機能を追加し、ページの作成を容易にします。サイトの任意のページまたは投稿に挿入できます。エディターのブロックを追加 (+) ボタンをクリックするだけです。

WordPressブロックをページに追加する。

開いたブロック/パターンのライブラリには、11個のEDD固有のブロックがあります。

WordPressでEasy Digital Downloadsストアページをカスタマイズするためのブロック。

各ブロックの詳細なガイダンスについては、WordPress EDDブロックのドキュメントを参照してください。

現時点で知っておくべきことは、EDDプラグインのアクティベーション時に自動的に作成されるページと一致するものがいくつかあるということです。(ショップページはEDD Productsブロックを使用し、チェックアウトページはEDD Checkoutブロックを使用するなど)。

ページまたは投稿にブロックを挿入すると、右側に設定とカスタマイズオプションが表示されます。

WordPressのEasy Digital Downloadsカートブロックの設定。

たとえば、カートブロックには、カートアイコン、アイテム数、合計を表示するオプションが含まれています。購入ボタンブロックを使用すると、単一製品のシンプルな購入ボタンをサイトのどこにでも配置できます。

Easy Digital Downloadsサイトをカスタマイズするためのページビルダー

コーディングの知識なしでデザインをより細かく制御したい場合は、ページビルダープラグインが優れたソリューションを提供します。これらのツールは、プロフェッショナルなストアページを簡単に作成できるドラッグアンドドロップインターフェイスを提供します。

また、さまざまなレイアウトやデザインをA/Bテストして、何が最も効果的かを確認することも容易になります。

WordPressのページビルダーはいくつかあります。Easy Digital Downloadsストアをカスタマイズするには、SeedProdをお勧めします。 

SeedProd ウェブサイト。

WordPressおよびEDDとの深い統合は、デジタル製品販売者にとって特に価値があります。

デジタル販売専用に設計されたページテンプレートを選択できます。これには、製品ローンチページ、eコマースカタログなどが含まれます。 

SeedProdのリアルタイムプレビューにより、オンラインストアのページを簡単に作成およびデザインできます。Easy Digital Downloads固有のブロックを含む、さまざまな動的なコンテンツブロックを提供しています。 

Elementor、Divi、Thrive Builderは、チェックする価値のあるその他のページビルダーです。

オンラインストアのデザインのヒントとベストプラクティス

Easy Digital Downloadsオンラインストアをカスタマイズするために使用するツールや方法に関係なく、考慮すべきデザインのヒントとベストプラクティスがいくつかあります。

覚えておいてください:見た目が良いだけでなく、パフォーマンスも重要です。

モバイルユーザー向けに最適化する

最近のWordPressテーマのほとんどはレスポンシブです(つまり、任意の画面サイズに自動的に調整されます)。

しかし、デジタル製品の閲覧の60%以上がモバイルデバイスで行われているため、テーマは優れたモバイルエクスペリエンスを提供する必要があります。

潜在的なテーマとサイトをテストして、以下を確認してください:

  • タッチフレンドリーなナビゲーション
  • すべてのサイズで読みやすいテキスト
  • 適切にスケーリングされた画像
  • アクセス可能な購入ボタン
  • スムーズなチェックアウトプロセス

明確な行動喚起を作成する

サイトの見た目を何時間もかけて完璧にすることができます。しかし、最終的には成功は、訪問者を顧客にどれだけうまく転換できるかにかかっています。

eCommerceサイトをカスタマイズする際は、目立つ明確なCTA(Call to Action)を含めるようにしてください。これには、ホームページ、ショップ、個々の商品ページなどが含まれます。ボタンは、買い物客をストア内で、そして最終的には(おそらくチェックアウトページへ)誘導するのに役立つ、わかりやすい場所に配置してください。

パワーワードやフレーズ(「今すぐ購入」、「レポート全文をダウンロード」)を取り入れましょう。ボタンの色、サイズ、スタイル、配置を試して、目立つようにしてください。

これを行うには、ブロック、カスタマイザー、またはページビルダーを使用できます。ただし、EDDの購入ボタンのデフォルトの外観は、ダウンロード » 設定 » その他 » 購入ボタンで変更できます。

WordPressのEasy Digital Downloadsデフォルト購入ボタンをカスタマイズするための設定。

チェックアウトプロセスを最適化する

チェックアウトエクスペリエンスは、オンラインストアの成功に重要な役割を果たします。レイアウトやフォームフィールドから、提供する支払い方法まで、すべてが売上に影響を与える可能性があります。

私は常にStripe決済ゲートウェイをお勧めします。これを使用すると、デジタルウォレット決済を含む、さまざまな支払いオプションを受け入れることができます。

モバイルフレンドリーなチェックアウトページ。

チェックアウトフォームをカスタマイズするには、Checkout Fields Managerアドオンの使用を検討してください。これにより、条件付きロジックを実装し、Easy Digital Downloadsのチェックアウトをカスタマイズして、関連情報のみを要求するようにすることができます。

💡チェックアウトを最適化する方法に関するガイドをご覧ください。

Easy Digital Downloadsに最適なWordPressテーマ

EDDフレンドリーなテーマをいくつかご紹介します。これらのいくつかは私が使用したことがあるので、私の洞察を共有できます。

Theme-EDD

WordPressでオンラインストアを開始するためのEasy Digital DownloadsのTheme-EDDテーマ。

Themeddは、EDDが作成した無料テーマです。シンプルで機能的であり、予算が限られている場合の確かな出発点となります。

Themeddは設定とカスタマイズが簡単です。WordPressに慣れていない方でも、管理しやすいと感じるでしょう。私も最初に使い始め、ストアを素早くオンライン化するのに役立ちました。

Vendd

Venddも無料のEDDテーマです。Themeddと同様に、EDDとの完全な互換性がありますが、こちらはデジタルマーケットプレイス向けに設計されています。

GeneratePress

GeneratePress テーマ。

GeneratePressは、軽量で高速であることで知られています。また、非常に汎用性が高く、あらゆるサイトの確かな基盤となります。

デザインの柔軟性を犠牲にすることなく、非常に高速なサイトを求めているクライアントのために使用したことがあります。カスタマイズ性が高いため、希望通りの見た目にすることができます。

ただし、ある程度は白紙の状態です。開発者や、テーマファイルを編集・カスタマイズすることに慣れている方には理想的かもしれません。WordPress初心者の方は、わずかな学習曲線に直面するかもしれませんが、大きな問題ではありません。

基本的な無料バージョンも利用可能ですが、プレミアムバージョンには、私が最も価値があると感じる機能やモジュールが用意されています。

ブランドIDテーマ

BrandIDは、Easy Digital Downloads専用に作成されたプレミアムテーマのセレクションを提供しています。オンラインコース、メンバーシップ、その他のデジタル製品の販売など、さまざまなビジネスタイプに対応するさまざまなテンプレートが用意されています。

事前に構築されたテーマはEDDとシームレスに統合されます。ゼロから始めることなく、洗練された既製のソリューションを求めているクライアントにそれらを勧めました。特定のニッチに合わせて調整されているため、ニーズに合わせてカスタマイズするのに多くの時間を費やす必要はありません。

例としては次のものが挙げられます。

  • Coaching Pro:オンラインコースやメンバーシップを販売するコーチやコンサルタントに最適です。
  • Podcast Pro:プレミアムエピソードやその他のデジタル製品を通じてコンテンツを収益化したいポッドキャスター向けに設計されています。
  • Hello! Commerce:EDDを使用するさまざまな種類のオンラインストア向けの、より汎用性の高いテーマです。

デジタル販売のための追加のWordPressテーマ

テーマ最適無料版料金
スライブテーマビルダーコンバージョン最適化とマーケティング機能に重点を置いたOmmiのような、デジタル販売者向けの複数のテンプレートオプションを備えたツールのスイート。✖️$99/年
ハローエレメンターElementorサイトビルダープラグインと連携するように最適化された、軽量でミニマルなテーマです。✖️
KnowAllコミュニティとリソース/知識の共有を中心に構築されたウェブサイト。ナレッジベース中心のサイト向けに設計されています。すべてのHeroicKBプランに含まれています。149ドル以上/年
Divi Divi Builderプラグインを使用しており、複数のサイトをDiviテーマでカスタマイズしたいユーザー。✖️89ドル以上/年

Easy Digital Downloadsをカスタマイズする方法に関するFAQ

Easy Digital Downloadsストアをカスタマイズする方法について、よくある質問を見て締めくくりましょう。

Easy Digital Downloadsと連携するのに最適なテーマは何ですか?

「最高の」テーマというものはありません。それはあなたの特定のニーズと好みに依存します。しかし、いくつかのテーマはEDDと非常にうまく連携します。私は、その速度と柔軟性からGeneratePress、そのコンバージョン重視の機能からThrive Themesを非常にうまく利用してきました。

予算が限られている場合は、EDD独自の無料テーマであるThemeddとVenddが確実な出発点となります。最終的には、デザイン目標と予算を満たすテーマが最適です。

WordPressでEDDストアを編集するにはどこに行けばよいですか?

Easy Digital Downloadsには、設定にさまざまなスタイリング、デザイン、カスタマイズオプションが用意されています。メールテンプレートをカスタマイズしたり、購入ボタンの外観を変更したり、商品ページでの価格表示を変更したりできます。投稿やページに挿入できるEDDブロックもあります。

WordPressカスタムizerは、テーマの外観をカスタマイズするための主なツールです。色、フォント、レイアウトなどを変更できます。

SeedProdのようなページビルダーを使用してEasy Digital Downloadsサイトをカスタマイズすることもできます。これらはドラッグアンドドロップ機能と事前に構築されたテンプレートを提供します。カスタムizerは基本的なスタイリングに最適であり、SeedProdはカスタムランディングページとセールスファネルの作成に適しています。

Easy Digital Downloadsをカスタマイズするためにコーディングスキルは必要ですか?

Easy Digital Downloadsストアをカスタマイズするためにコーディングに精通している必要はありません。高度なカスタマイズにはコーディングが役立ちますが、1行のコードを書かなくても多くのことができます。

WordPressカスタムizer、SeedProdのようなページビルダー、およびEDDの組み込み設定は、ストアの外観をカスタマイズするための多くのオプションを提供します。

Easy Digital Downloads ストアをカスタマイズする準備はできましたか?

見た目が魅力的で効果的な Easy Digital Downloads ストアを作成することは、頭痛の種である必要はありません。適切なツールと少しの知識があれば、オンラインストアを収益を生み出すマシンに変えることができます。

覚えておいてください、鍵はシンプルに始め、実験し、あなたのユニークなブランドと製品に最適なものを見つけることです。

Easy Digital Downloads ストアのカスタマイズとコンバージョンを促進する高度なツールと機能へのアクセスを解除するには、有料パスを入手してください!

eコマースサイトを強化するためのさらに多くの戦略を学びたいですか? お客様が愛する デジタルストア機能のリスト をチェックしてください!

📣追伸:ニュースレターを購読し、FacebookTwitter/X、またはLinkedInでフォローして、WordPressのリソースをさらに入手してください!

人気の記事

開示:当社のコンテンツは読者によってサポートされています。これは、一部のリンクをクリックすると、手数料が発生する可能性があることを意味します。EDDがどのように資金調達されているか、なぜそれが重要なのか、そしてどのように私たちをサポートできるかをご覧ください。

EDDでシームレスな販売を体験

強力なツールと安全なトランザクションでデジタルストアを簡単に管理

現在EDDで人気!

マーケットプレイスから独自のWordPressストアに移行する方法
マーケットプレイスから独自のWordPressストアに移行する方法
マーケットプレイスの手数料は上がり続け、プラットフォームのルールは変わり続けています。しかし、お客様は誰かの所有物である必要はありません。ここでは…
WordPress のチェックアウトでリピート顧客向けのワンタイムマジックログインリンクを有効にする
WordPressでチェックアウト時に安全なマジックログインリンクを有効にする
パスワードを忘れた場合、購入者はカートを放棄します。Easy Digital Downloads (EDD) では、購入者が…でログインできるようになりました。

今日から販売を開始しましょう!

50,000人以上のスマートなストアオーナーに参加して、WordPressでデジタル製品を販売する最も簡単な方法を使い始めましょう。