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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

次に、WordPressメディアライブラリが表示されます。ここからこれらの画像のいずれかを選択するか、コンピューターから[x1]新しい画像をアップロード[/x1]できます。

ロゴを置き換えた後、左側のメニューの設定を使用して、配置とサイズを変更したり、[x1]画像代替テキストを追加[/x1]したりできます。

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

ほとんどのヘッダーテンプレートには、プレースホルダーのナビゲーションメニューが付属しており、独自のテキストやリンクを追加することで簡単にカスタマイズできます。開始するには、[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用のもう1つの強力なページビルダープラグインであるThrive Architectをご覧ください。

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

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

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

この記事がWordPressでテンプレートキットをインストールするのに役立ったことを願っています。また、WordPressサイドバーにランダムな引用を表示する方法に関するガイドをご覧になるか、専門家が選んだ最高のオンライン履歴書ウェブサイトビルダーをご覧ください。

この記事が気に入った場合は、WordPressのビデオチュートリアルのために、YouTubeチャンネルを購読してください。また、TwitterやFacebookでも私たちを見つけることができます。