コードを触らずにWordPressにテンプレートキットをインストールする方法を知りたいですか？
テンプレートキットには、カスタムWordPressサイトを素早く構築するために必要なものがすべて揃っており、開発者やコーディングのスキルは必要ありません。キットをインポートして視覚的にカスタマイズするだけで、数分でプロフェッショナルなサイトを立ち上げることができます。
このガイドでは、WordPressにテンプレートキットをインストールする方法を、初心者にとって最も簡単な方法で順を追って説明します。
簡単なまとめ：WordPressにTemplate Kitをインストールする方法
WordPressにテンプレートキットをインストールするには、いくつかのステップを踏むだけです。簡単な概要は以下の通りです：
各ステップについて、スクリーンショットとプロのヒントを交えて以下に説明する。
ビデオ・チュートリアル
WordPressテンプレートキットとは？
WordPressテンプレートキットは、コードなしでウェブサイトを構築できる、デザイン済みのページテンプレートとエレメントのコレクションです。モダンなデザインで、ドラッグ＆ドロップで視覚的にあなたのビジネスブランディングに合わせてカスタマイズできます。
テンプレートキットには、完全にレスポンシブなWordPressサイトを構築するために必要なものがすべて含まれています。例えば
キットの機能によっては、サービス、ポートフォリオ、チーム、テスティモニアルなどのページも含まれます。
これらのキットには様々な名称があります。ウェブサイトキット、ウェブサイトテンプレートと呼ぶ会社もあれば、WordPressスターターテンプレートと呼ぶ会社もあります。しかし、これらは通常同じことをします：コードなしで素早くWordPressウェブサイトを構築します。
ウェブサイト制作キットはどのように選び、どこで見つけることができるのか？
最高のWordPressテンプレートキットはどこで見つけるか
テンプレートキットは、多くのWordPressページビルダープラグインにとって不可欠な機能です。WordPressの個別ページをゼロから作成できるほか、多くの場合、コードフリーなウェブデザインのための機能を備えています。
ここでは、さまざまな業種向けのテンプレートキットを提供する最高のWordPressページビルダーをいくつか紹介します。
SeedProd WordPressウェブサイトビルダー
SeedProdは、100万人以上のユーザーを持つ最高のWordPressウェブサイトビルダーです。初心者に優しいインターフェースとドラッグ＆ドロップのエディターで、どんなWordPressサイトも簡単に構築できます。
SeedProdは次のような用途に使用できる：
- コードなしで完全なWordPressサイトを構築
- カスタムWordPressテーマをゼロから作成
- コンバージョンの高いランディングページを作る
- WooCommerceウェブサイトの作成
- WordPressをメンテナンスモードにする
- 近日公開ページを作成する
- WordPressのログインページをカスタマイズする
- さらに
このパワフルなプラグインには、180以上のレスポンシブ・ランディングページテンプレートと、1クリックでインストールできるプロフェッショナルなウェブサイトキットのライブラリがあります。オプトインフォーム、コンタクトフォーム、価格テーブル、ギャラリーなどを追加して、各ウェブサイトキットを簡単にカスタマイズできます。
SeedProdは、MonsterInsights、WPForms、All in One SEOのような人気のあるWordPressプラグインと統合し、デジタルマーケティングの取り組みを改善します。また、最高のメールマーケティングサービスと統合することで、メールアドレスの収集にも役立ちます。
Elementorページビルダー
Elementorは、ドラッグ＆ドロップ機能を備えたもう一つのWordPressページビルダーである。SeedProdと同様の機能を持ち、開発者を雇うことなく、ライブビジュアルエディタを使ってウェブサイトやランディングページを構築することができる。
Elementorテンプレートライブラリには、様々な業種向けのランディングページテンプレートやレイアウトがあらかじめ用意されています。また、Elementor templates kitプラグインをインストールすることで、あらかじめ用意されたウェブサイトのレイアウトをWordPressにインストールすることができます。
多くのウェブサイトビルダーがありますが、私たちはSeedProdとElementorが市場で最も優れていると考えています。
それでは、WordPressにテンプレートキットをインストールする方法を見ていきましょう。
WordPressにTemplate Kitをインストールする方法（ステップバイステップ）
このチュートリアルでは、SeedProdを使用してWordPressにウェブサイトキットをインストールする方法を紹介します。SeedProdを選んだ理由は、テンプレートキットのインストールが最も速く、インターフェイスが最も簡単だからです。
さらに、SeedProdは軽量で肥大化しないため、WordPressサイトの動作が遅くなることはありません。SeedProdサイトキットをインストールするには、以下の手順に従ってください。
SeedProdのキットはウェブサイトキットと呼ばれているため、今後はこの用語を使用します。
ステップ1: SeedProdプラグインのインストールと有効化
最初のステップは、SeedProd WordPressプラグインのコピーをダウンロードすることです。SeedProdのキットを使用するには、少なくともSeedProd Proプランが必要です。
次に、SeedProdアカウントダッシュボードにログインし、ダウンロードタブをクリックします。このページで、プラグイン.zipファイルをダウンロードし、Proライセンスキーをコピーすることができます。
SeedProdをダウンロードした後、WordPressの管理エリアから プラグイン " 新規追加に移動し、新規追加をクリックします。そこから、ファイルを選択ボタンをクリックし、SeedProdプラグインファイルを選択し、今すぐインストールをクリックします。
次の画面で、Activateリンクをクリックして、WordPressサイトでSeedProdプラグインを有効にします。
SeedProdがアクティブになったので、SeedProd " Settings ページに行き、先ほどコピーしたライセンスキーを入力します。ライセンスキーフィールドに貼り付けた後、Activate Keyボタンをクリックしてください。
ライセンスキーが有効になったので、いよいよウェブサイトキットをインストールします。
ステップ2：ライブラリからテンプレートキットを選ぶ
SeedProdのサイトキットは、テーマビルダー機能とシームレスに連動します。あなたのウェブサイトのために1つを選択するには、SeedProd " テーマビルダーに 移動し、テーマボタンをクリックします。
次の画面では、SeedProdのウェブサイトキットライブラリが表示されます。
これには、さまざまな業種向けのクリーンなデザインが含まれている：
- 車とメンテナンス
- モバイルアプリケーション
- eコマース・ストア
- プロフェッショナル・サービス
- レストランとカフェ
- ブログとファッション
- 住宅ローンおよび不動産
- イベントとゲーム
- そしてもっと。
キットのカスタマイズ方法は後ほどご紹介しますが、今は気に入ったキットにカーソルを合わせ、オレンジ色のチェックマークアイコンをクリックしてください。
SeedProdは、カスタマイズ可能なテンプレートパーツのリストとして、テーマビルダーのダッシュボードにキット一式を追加します。選択したウェブサイトキットによって、以下のものが含まれます：
- ヘッダーとフッターのテンプレート
- ホームページとブログのテンプレート
- 単一ページおよび投稿テンプレート
- グローバルCSSテンプレート
私は最近、SeedProdのカフェ・テンプレート・キットを使って友人のベーカリー・サイトの構築を手伝いました。私たちはメニューとコンタクトフォームが組み込まれたキットを選び、コードを一行も書くことなく、1時間以内にサイトを公開しました。
追加ページがあるウェブサイトキットを選択した場合、WordPressの管理画面からページ " すべてのページと進むと、追加ページを見つけることができます。ページの編集については後で詳しく説明します。
注:eコマースサイトキットをインストールする場合、SeedProd Eliteライセンスが必要で、WooCommerceプラグインが有効になっている必要があります。
WordPressでテンプレートキットのZIPファイルをインポートする方法
SeedProdはカスタムWordPressテーマを作成することができるので、将来のWebデザインプロジェクト用に独自のWebサイトキットを簡単に作成することができます。これは、プロジェクトごとにゼロから始めることなく、ワークフローを合理化する優れた方法です。
テーマビルダーでカスタムウェブサイトキットを構築し、.zipファイルをカスタムWordPressテーマとしてエクスポートするだけです。ここでは、SeedProd WordPressテーマをエクスポートするためのステップバイステップガイドです。
これで、SeedProdがインストールされている他のサイトにキットをインポートすることができます。SeedProd " Import/Exportにアクセスし、Import Theme Filesの見出しの下にあるChoose Fileをクリックし、Import Theme Filesボタンをクリックするだけです。
数秒後、インポートに成功したという緑色の通知が表示されます。
ステップ 3: WordPressサイトでテンプレートキットを有効にする
SeedProdのテンプレートは、準備が整う前に現在のテーマを上書きしないように、デフォルトでは無効になっています。このステップを完了する前に、デモのコンテンツをあなた自身のものに置き換えてください（この記事の後半でその方法を紹介します）。
あなたのウェブサイトキットをライブにし、現在のWordPressテーマを上書きするには、SeedProd " Theme Builderページに行き、Enable SeedProd Themeトグルを見つけ、"On "にします。
WordPressでピカピカの新しいウェブサイトキットをプレビューできるようになりました！
SeedProdを使用してWordPressにウェブサイトキットをインストールするには、数回クリックするだけです。それでは、デザインの編集とカスタマイズの方法を詳しく見ていきましょう。
WordPressでテンプレートキットをカスタマイズする方法
WordPressサイトにキットをインストールした後、いくつかの点を変更したいと思うでしょう。以下では、SeedProdのビジュアルドラッグアンドドロップエディタを使ってキットのさまざまな部分をカスタマイズする方法を紹介します。
ウェブサイトのロゴを追加する
最初に変更したいのは、デフォルトのテンプレートロゴです。これを行うには、SeedProd " Theme Builderに行き、Headerテンプレート部分を見つけ、Edit Designリンクをクリックします。
ヘッダーはビジュアルエディターで開き、クリック、ドラッグ、ドロップして内容をカスタマイズできます。
ライブプレビューでデフォルトのロゴをクリックし、左側のパネルで設定を開きます。その後、ゴミ箱アイコンをクリックしてロゴ画像を削除します。
WordPressのメディアライブラリからカスタムロゴをアップロードし、画像にカスタムリンクを追加し、サイズと配置を調整することができます。
ヘッダー・テンプレートでカスタマイズできる他のものをいくつか紹介しよう：
- ナビゲーションメニュー
- 検索ボックス
- ソーシャルメディアへのリンク
カスタマイズに満足したら、右上の保存 ボタンをクリックします。これでサイトのフロントエンドで新しいヘッダーを確認することができます。
コンテンツのカスタマイズ
SeedProdのテンプレートには、完成したウェブサイトをイメージしやすくするためのデモコンテンツが付属しています。しかし、このコンテンツをあなたのビジネス、製品、サービスに関する情報に置き換える必要があります。
例えば、Freelancerのテンプレートキットを使って、ポートフォリオプロジェクト用のランディングページを素早く作成したことがある。ゼロから始める代わりに、テキストと画像を入れ替えて公開するだけです。副業やクライアントワークに最適だ。
ヘッダーコンテンツのカスタマイズと同じ原則を使えば、デフォルトコンテンツを簡単に置き換えることができます。
テンプレートパーツ
例えば、WordPressのホームページをカスタマイズするには、ホームページテンプレートのデザイン編集リンクをクリックします。すると、ビジュアルエディターでデザインのあらゆる部分をカスタマイズすることができます。
例えば、任意の見出しをクリックすると、プレビューやコンテンツ設定パネルで見出しテキストを直接編集できます。
また、ロゴと同じように画像を変更したり、コールトゥアクションボタンを編集してクリックやコンバージョンを高めることもできます。
プロのヒントSeedProdのボタンブロックには、簡単にスタイリングできるテンプレートがあらかじめ用意されています。設定パネルの[テンプレート]タブをクリックし、ワンクリックで任意のボタンスタイルを選択してください。
コンテンツページ
About、Contact、Servicesなどのコンテンツページを編集します。これらのページはテンプレートパーツではないので、WordPressの管理画面からPages " All Pagesに移動して見つけることができます。
そこから、Edit with SeedProdリンクをクリックし、ビジュアルエディタでページを開きます。
ページのカスタマイズは以前と同じように機能します。プレビューのどこかをクリックして編集したり、ブロックメニューからブロックをドラッグしてページ要素を追加することができます。
例えば、ゴミ箱アイコンをクリックしてオプトインフォームブロックを削除し、コンタクトフォームブロックの上にドラッグして WPForms のコンタクトフォームを追加することができます。
グローバルテンプレートキットの設定を編集する方法
また、中小企業のブランディングに合わせてテンプレートのフォントや色をカスタマイズすることもできます。これはSeedProdのグローバルCSS設定で簡単にできます。
テーマビルダーダッシュボードから、グローバルCSSテンプレートのデザイン編集リンクをクリックし、ビジュアルエディタで開きます。
ウェブサイト全体の要素のスタイルを調整できるようになりました。見出しを展開し、ニーズに合わせて設定を変更するだけです。
例えば、リンク、ボタン、テキスト、背景にカスタムカラーを選択できます。また、サイトのタイポグラフィ、ボタン、レイアウト、カスタムCSSをカスタマイズして、サイト全体に変更を自動的に適用することもできます。
WordPressテンプレートキットのインストールに関するFAQ
次のステップ
このように、SeedProdを使えば、コードを学んだり開発者を雇ったりすることなく、WordPressサイトのあらゆる部分を簡単にカスタマイズすることができます。
この記事を楽しんでいただき、WordPressにテンプレートキットをインストールする方法を学んでいただけたなら幸いです。
あなたのビジネスウェブサイトに役立つかもしれない他のガイドをいくつかご紹介します：
お読みいただきありがとうございました！あなたのご意見をぜひお聞かせください。YouTube、X、Facebookで、あなたのビジネスを成長させるために役立つアドバイスやコンテンツを提供していますので、お気軽に会話にご参加ください。
