WordPressでテンプレートキットをインストールする方法（ステップバイステップ）

初心者にとって、ゼロからプロフェッショナルなWordPressウェブサイトをデザインするのは圧倒されることがあります。多くのユーザーは、アマチュアのようなデザインになってしまうにもかかわらず、サイトの外観を調整するのに数週間を費やしています。

テンプレートキットを使用すると、数回クリックするだけで、サイト全体に統一されたプロフェッショナルなデザインを適用できます。しかし、すべてのテンプレートキットが同じように作られているわけではなく、間違ったものを選ぶとサイトの機能が制限される可能性があります。

このガイドでは、最も強力な WordPress ページビルダーである SeedProd を使用して、高品質のテンプレートキットをインストールおよびカスタマイズする方法を説明します。ニーズに合ったキットの選択方法、ブランドに合わせてカスタマイズする方法、サイトでアクティブ化する方法を学びます。

WordPressのテンプレートキットとは？

WordPressのテンプレートキットは、コードを書かずにプロフェッショナルなウェブサイトを作成できる、デザイン済みのテンプレート、レイアウト、その他の要素のコレクションです。

テンプレートキットは一緒に使用するように設計されているため、キットをインストールするだけで、サイト全体で同じデザインを使用できます。

優れたテンプレートキットには、会社概要ページ、お問い合わせページ、カスタムホームページなど、最も一般的なすべてのページのデザインが含まれています。また、ヘッダーやフッターテンプレートなど、複数のページに表示される領域のテンプレートも提供している場合があります。

ファッション、ベンチャーマーケティング、テックブログキットなど、特定の業界向けに設計されたテンプレートもあります。他のテンプレートキットは、多目的 WordPress テーマと同様に、あらゆる種類のウェブサイトに合わせてカスタマイズできます。

どのテンプレートキットを使用しても、ビジネスやブランディングに完全に適合するようにカスタマイズできます。

それでは、WordPressにテンプレートキットをインストールして、美しいウェブサイトを迅速にデザインする方法を見てみましょう。

最適なWordPressテンプレートキットを選択する方法

テンプレートキットには多くの名前があり、一部の会社はそれらをウェブサイトキット、ウェブサイトテンプレート、またはWordPressスターターテンプレートと呼んでいます。名前が何であれ、テンプレートキットを見つけるのに最適な場所は、ドラッグアンドドロップのページビルダープラグインをインストールすることです。

SeedProdは、100万人以上のユーザーを持つ最高のページビルダープラグインです。コードを一行も書かずに、完全なWordPressウェブサイトを作成できます。

SeedProdには、どのページにも追加できる90個の既製ブロックと、ランディングページ、セールスページなどを作成するために使用できる300以上のテンプレートがあります。

SeedProdには、ワンクリックでサイトに追加できるプロフェッショナルなウェブサイトキットのライブラリも増え続けています。キットを選択した後、SeedProdのドラッグアンドドロップエディターを使用してデザインのあらゆる部分をカスタマイズできます。

詳細については、完全なSeedProdレビューをお読みください。

最も速く簡単な方法なので、このガイドではSeedProdを使用してテンプレートキットをインストールする方法を説明します。以下のクイックリンクを使用して、このガイドをナビゲートできます。

• ステップ1：WordPressページビルダープラグインをインストールする
• ステップ2：WordPressテンプレートキットを選択する
• ステップ3：WordPressでテンプレートキットをカスタマイズする
• ステップ4: グローバルテンプレートキットの設定を編集する
• Step 5: Activate Your SeedProd Template Kit

ステップ1：WordPressページビルダープラグインをインストールする

まず、SeedProdプラグインをインストールして有効化する必要があります。詳細については、WordPressプラグインのインストール方法に関するステップバイステップガイドをご覧ください。

有効化したら、SeedProd » 設定に移動してライセンスキーを入力してください。

この情報はSeedProdウェブサイトのアカウントで確認できます。ライセンスキーを入力したら、「キーを検証」ボタンをクリックしてください。

ライセンスキーが有効になったら、テンプレートキットをインストールする準備ができました。

ステップ2：WordPressテンプレートキットを選択する

SeedProd のサイトキットは、その WordPress テーマビルダー とシームレスに連携します。そのため、まず SeedProd » Theme Builder にアクセスしてください。ここで、「Theme Template Kits」ボタンをクリックします。

SeedProdのテンプレートライブラリが表示されます。

テンプレートを詳しく見るには、マウスカーソルを合わせ、表示される虫眼鏡アイコンをクリックしてください。

これにより、テンプレートキットが新しいタブで開きます。

これは完全なウェブサイトキットなので、さまざまなリンク、ボタン、メニュー項目をクリックすることで、より多くのページやデザインを見ることができます。

SeedProdには、レストランのウェブサイト、旅行ブログ、マーケティングコンサルタントなど、さまざまな業界やニッチ向けのテンプレートキットがあります。

使用したいテンプレートキットを見つけたら、カーソルを合わせ、表示されるチェックマークアイコンをクリックします。

SeedProdは、WordPressダッシュボードにさまざまなテンプレートを追加します。

確認するには、SeedProd » Theme Builderにアクセスしてください。使用しているキットによって、表示されるオプションが若干異なる場合があります。

SeedProdのテンプレートはデフォルトで無効になっているため、現在のWordPressテーマを上書きして、サイトの外観をすぐに変更することはありません。

ステップ3：WordPressでテンプレートキットをカスタマイズする

キットを公開する前に、デモコンテンツを置き換える必要があります。また、ご自身のビジネスによりよく合わせるために、キットのブランディングを変更したい場合もあります。たとえば、カスタムフォントを追加したり、カスタムロゴを追加したり、色を変更したりできます。

表示される要素テンプレートとページテンプレートは、キットによって異なる場合があります。ただし、ほとんどのキットにはヘッダーとフッターのテンプレートがあるので、例としてこれらのテンプレートをカスタマイズする方法を示します。

WordPressでヘッダーテンプレートキットをカスタマイズする方法

ヘッダーは、訪問者がサイトにアクセスしたときに最初に目にするものです。それを念頭に置いて、ブランドを紹介し、サイトの最も重要なコンテンツに簡単にアクセスできるようにする必要があります。

ヘッダーテンプレートをカスタマイズするには、カーソルを合わせ、「デザインを編集」をクリックするだけです。

これにより、SeedProdエディタが画面右側にヘッダーテンプレートを読み込みます。

左側には、さまざまなオプションが表示されるメニューがあります。

ほとんどのヘッダーテンプレートにはプレースホルダーロゴが付属しているので、まずはそれを置き換えましょう。プレースホルダーロゴをクリックして選択するだけで、左側のメニューにブロックをカスタマイズするために使用できるすべての設定が表示されます。

左側のメニューで画像にカーソルを合わせ、表示されたら「画像を選択」ボタンをクリックするだけです。

ほとんどのテンプレートキットには、WordPressウェブサイトに追加できる代替ロゴや画像が含まれています。

WordPress のメディアライブラリがポップアップ表示されます。ここからこれらの画像のうちの 1 つを選択するか、コンピューターから 新しい画像をアップロード できます。

ロゴを置き換えた後、その配置とサイズを変更したり、画像代替テキストを追加したり、左側のメニューの設定を使用してさらに多くのことができます。

ロゴの外観に満足したら、メニューを更新することをお勧めします。

ほとんどのヘッダーテンプレートには、独自のテキストやリンクを追加することで簡単にカスタマイズできるプレースホルダーのナビゲーションメニューが付属しています。開始するには、Nav Menuブロックをクリックして選択します。

SeedProdでメニューを作成することも、WordPressダッシュボードで作成したナビゲーションメニューを表示することもできます。

SeedProdを使用して新しいメニューを作成するには、削除したいメニュー項目のいずれかにマウスカーソルを合わせるだけです。次に、表示されたらゴミ箱アイコンをクリックします。

メニューに新しい項目を追加するには、「新しい項目を追加」ボタンをクリックします。これにより、新しいプレースホルダー項目が作成されます。

次に、項目をクリックして展開するだけです。

使用したいテキストとリンクを入力できる新しい設定が表示されます。

リンクを新しいタブで開くように設定することもできますし、リンクにSEO値がない場合はノーフォローとしてマークすることもできます。

これらの手順を繰り返すだけで、メニューにさらに項目を追加できます。ドラッグアンドドロップを使用して、メニュー内の項目を並べ替えることもできます。

もう 1 つの方法は、WordPress ダッシュボードで既に作成したメニューを表示することです。これを行うには、「WordPress Menu」をクリックし、ドロップダウンからメニューを選択します。

これらの変更を加えた後、ヘッダーにもっとコンテンツを追加したくなるかもしれません。例えば、ヘッダーに「いいね！」や「共有」ボタンを追加して、ソーシャルメディアでフォローするように訪問者に促すことができます。

左側のメニューで、追加したいブロックを見つけて、レイアウトにドラッグ＆ドロップするだけです。

次に、左側のメニューの設定を使用してブロックをカスタマイズできます。

ヘッダーテンプレートの外観に満足したら、「保存」をクリックして設定を保存します。

WordPressでフッターテンプレートをカスタマイズする方法

フッターは、動的な著作権日付や電話番号などの便利な情報を追加するのに最適な場所です。お問い合わせフォーム、ブログ、ソーシャルメディアプロフィールなどの重要なコンテンツへのリンクも追加できます。

これを踏まえ、ほとんどのSeedProdテンプレートキットにはフッターテンプレートが付属しています。このテンプレートを編集するには、SeedProd » Theme Builder に移動し、「footer」テンプレートにカーソルを合わせます。「Edit Design」リンクが表示されたら、クリックします。

これにより、SeedProdエディタでフッターテンプレートが開きます。これで、不要なブロックを削除したり、プレースホルダーコンテンツを置き換えたり、上記で説明したのと同じプロセスに従ってさらにブロックを追加したりできます。

多くの事業主は、ビジネスのメールアドレスなどの連絡先情報を表示するためにフッターを使用しています。しかし、WPFormsを使用している場合は、ウェブサイトのフッターにお問い合わせフォームを簡単に追加できます。これにより、どのページや投稿からでも連絡できるようになります。

その他のアイデアをお探しの場合は、WordPressサイトのフッターに追加する項目のチェックリストをご覧ください。

ほとんどのフッターテンプレートにはプレースホルダーテキストが含まれており、独自のコンテンツに置き換えることができます。各テキストボックスをクリックして選択し、表示される小さなテキストエディタにメッセージを入力するだけです。

エディタにはすべての標準的な書式設定オプションがあるため、重要なテキストを強調したり、WordPressブログやウェブサイト全体に表示されるリンクを追加したりできます。

多くのフッターテンプレートには、プレースホルダーリンクを含む、すぐに使用できるナビゲーションメニューブロックが付属しています。

上記と同じ手順に従うことで、これらのダミーメニュー項目を独自のコンテンツへのリンクに置き換えることができます。たとえば、サイトのプライバシーポリシー、ブログ、オンラインストア、その他の重要なコンテンツへのリンクを含めることができます。

フッターの外観に満足したら、「保存」ボタンをクリックして変更を保存します。

ステップ4：グローバルテンプレートキットの設定を編集する

多くの場合、テンプレートのデフォルトのフォント、背景、色などをブランドに合わせて変更したい場合があります。テンプレートごとにこれらの変更を行う代わりに、キットのグローバルCSS設定を編集することで時間を節約できます。

WordPressダッシュボードで、SeedProd » Theme Builderに移動し、グローバルCSSテンプレートにカーソルを合わせます。次に、表示される「デザインを編集」リンクをクリックできます。

左側のメニューで、SeedProdはフォント、フォーム、レイアウトなど、変更できるさまざまな要素をすべてリストアップしています。

どのような変更が可能かを確認するには、いずれかのオプションをクリックしてください。

これで設定を調整できます。たとえば、キットのヘッダー、段落テキスト、リンクなどに使用される色を変更できます。

SeedProdはこれらの変更をテンプレートキット全体に自動的に適用します。

加えた変更に満足したら、「保存」ボタンをクリックしてください。

ステップ5: SeedProdテンプレートキットのアクティベート

上記と同じ手順で、すべてのSeedProdテンプレートをカスタマイズできるようになりました。テンプレートの設定方法に満足したら、キットを公開する準備が整いました。

WordPressダッシュボードで、SeedProd » Theme Builder に移動し、「Enable SeedProd Theme」トグルをクリックして「Yes」と表示されるようにします。

これで、WordPressのウェブサイトにアクセスすると、新しいデザインがライブで表示されます。

代替案: SeedProdがお好みでない場合は、WordPress用の強力なページビルダープラグインであるThrive Architectも検討してみてください。

SeedProdでWordPressサイトをカスタマイズするための究極ガイド

ウェブサイトのデザインのためにSeedProdをさらに探求することに興味がありますか？次のガイドをチェックして、あなたの旅を続けましょう：

• WordPressで動的コンテンツを追加する方法
• WordPressでサンキューページを作成する方法
• WordPressでオンラインポートフォリオウェブサイトを作成する方法
• WordPressでバイラル待機リストランディングページを作成する方法
• WooCommerce用のカスタムeコマースカートページを作成する方法
• WordPressサイトでホリデースピリットを広める方法

この記事がWordPressでテンプレートキットをインストールするのに役立ったことを願っています。また、WordPressのサイドバーにランダムな引用を表示する方法に関するガイドをご覧になるか、おすすめのオンライン履歴書作成サイトをご覧ください。

この記事が気に入ったら、WordPressのビデオチュートリアルについては、YouTubeチャンネルを購読してください。 TwitterやFacebookでもフォローできます。