シードプロッド最新ニュース

ビジネスの成長に役立つWordPressのチュートリアル、ヒント、リソース

WordPressにTemplate Kitをインストールする方法

WordPressにテンプレート・キットをインストールする手順 

執筆者 著者イメージ ステイシー・コリン
著者イメージ ステイシー・コリン
ステイシーはWordPressとデジタルマーケティングについて10年以上、その他のトピックについてはもっと長い間執筆している。また、ウェブデザイン、ユーザーエクスペリエンス、SEOにも造詣が深い。
     レビュー ジョン・ターナー
レビュアーイメージ ジョン・ターナー
ジョン・ターナーはSeedProdの共同設立者です。彼は20年以上のビジネスと開発の経験があり、彼のプラグインは2500万回以上ダウンロードされています。

WordPressにテンプレートキットをインストールする方法を知りたいですか?

カスタムWordPressサイトの構築には、通常、開発者を雇うか、コードを学ぶ必要があります。しかし、テンプレートキットを使えば、コードなしで完全にカスタマイズ可能なWordPressサイトを作成できます。

この記事では、WordPressにテンプレートキットをインストールし、プロフェッショナルなウェブサイトを数分で作成する方法をご紹介します。

ビデオ・チュートリアル

WordPressテンプレートキットとは?

WordPressテンプレートキットは、コードなしでウェブサイトを構築できる、デザイン済みのページテンプレートとエレメントのコレクションです。モダンなデザインで、ドラッグ&ドロップで視覚的にあなたのビジネスブランディングに合わせてカスタマイズできます。

テンプレートキットには、完全にレスポンシブなWordPressサイトを構築するために必要なものがすべて含まれています。例えば

キットの機能によっては、サービス、ポートフォリオ、チーム、テスティモニアルなどのページも含まれます。

これらのキットには様々な名称があります。ウェブサイトキット、ウェブサイトテンプレートと呼ぶ会社もあれば、WordPressスターターテンプレートと呼ぶ会社もあります。しかし、これらは一般的に同じことをします:コードなしで素早くWordPressウェブサイトを構築します。

ウェブサイト制作キットはどのように選び、どこで見つけることができるのか?

最適なWordPressテンプレートキットの選択

テンプレートキットは、多くのWordPressページビルダープラグインにとって不可欠な機能です。WordPressの個別ページをゼロから作成できるほか、多くの場合、コードフリーなウェブデザインのための機能を備えています。

ここでは、さまざまな業種向けのテンプレートキットを提供する最高のWordPressページビルダーをいくつか紹介します。

SeedProd WordPressウェブサイトビルダー

SeedProd WordPressウェブサイトビルダー

SeedProdは、100万人以上のユーザーを持つ最高のWordPressウェブサイトビルダーです。初心者に優しいインターフェースとドラッグ&ドロップエディターで、どんなWordPressサイトも簡単に構築できます。

SeedProdは次のような用途に使用できる:

このパワフルなプラグインには、180以上のレスポンシブ・ランディングページテンプレートと、1クリックでインストールできるプロフェッショナルなウェブサイトキットのライブラリがあります。オプトインフォーム、コンタクトフォーム、価格テーブル、ギャラリーなどを追加して、各ウェブサイトキットを簡単にカスタマイズできます。

SeedProdは、MonsterInsightsWPFormsAll in One SEOのような人気のあるWordPressプラグインと統合し、デジタルマーケティングの取り組みを改善します。また、最高のメールマーケティングサービスと統合することで、メールアドレスの収集にも役立ちます。

今すぐSeedProdをご利用ください。

Elementorページビルダー

Elementorホームページ

Elementorは、ドラッグ&ドロップ機能を備えたもう一つのWordPressページビルダーである。SeedProdと同様の機能を持ち、開発者を雇うことなく、ライブビジュアルエディタを使ってウェブサイトやランディングページを構築することができる。

Elementorテンプレートライブラリには、様々な業種向けのランディングページテンプレートやレイアウトがあらかじめ用意されています。また、Elementor templates kitプラグインをインストールすることで、あらかじめ用意されたウェブサイトのレイアウトをWordPressにインストールすることができます。

多くのウェブサイトビルダーがありますが、私たちはSeedProdとElementorが市場で最も優れていると考えています。

それでは、WordPressにテンプレートキットをインストールする方法を見ていきましょう。

SeedProdでWordPressにウェブサイトキットをインストールする方法

このチュートリアルでは、SeedProdを使用してWordPressにウェブサイトキットをインストールする方法を紹介します。SeedProdを選んだ理由は、テンプレートキットのインストールが最も速く、インターフェイスが最も簡単だからです。

さらに、SeedProdは軽量で肥大化しないため、WordPressサイトの動作が遅くなることはありません。SeedProdサイトキットをインストールするには、以下の手順に従ってください。

SeedProdのキットはウェブサイトキットと呼ばれているため、今後はこの用語を使用します。

ステップ1.SeedProdのインストールとアクティベート

最初のステップは、SeedProd WordPressプラグインのコピーをダウンロードすることです。SeedProdのキットを使用するには、少なくともSeedProd Proプランが必要です。

SeedProd Proはこちらから。

次に、SeedProdアカウントダッシュボードにログインし、ダウンロードタブをクリックします。このページで、プラグイン.zipファイルをダウンロードし、Proライセンスキーをコピーすることができます。

SeedProdライセンスキーの検索

SeedProdをダウンロードした後、WordPressの管理エリアから プラグイン " 新規追加に移動し、新規追加をクリックします。そこから、ファイルを選択ボタンをクリックし、SeedProdプラグインファイルを選択し、今すぐインストールをクリックします。

WordPressプラグインをインストールする

次の画面で、Activateリンクをクリックして、WordPressサイトでSeedProdプラグインを有効にします。

seedprodプラグインを有効にする

SeedProdがアクティブになったので、SeedProd " Settings ページに行き、先ほどコピーしたライセンスキーを入力します。ライセンスキーフィールドに貼り付けた後、Activate Keyボタンをクリックしてください。

SeedProdライセンスキーを入力

ライセンスキーが有効になったので、いよいよウェブサイトキットをインストールします。

ステップ2.ウェブサイトキットを選ぶ

SeedProdのサイトキットは、テーマビルダー機能とシームレスに連動します。あなたのウェブサイトのために1つを選択するには、SeedProd " テーマビルダーに 移動し、テーマボタンをクリックします。

ウェブサイトキットを選ぶ seedprod

次の画面では、SeedProdのウェブサイトキットライブラリが表示されます。

seedprod ウェブサイト・キット・ライブラリ

これには、さまざまな業種向けのクリーンなデザインが含まれている:

  • 車とメンテナンス
  • モバイル・アプリケーション
  • eコマース・ストア
  • プロフェッショナル・サービス
  • レストランとカフェ
  • ブログとファッション
  • 住宅ローンおよび不動産
  • イベントとゲーム
  • そしてもっと。

キットのカスタマイズ方法は後ほどご紹介しますが、今は気に入ったキットにカーソルを合わせ、オレンジ色のチェックマークアイコンをクリックしてください。

ウェブサイトキットWordPressのseedprodをインストールする方法

SeedProdは、カスタマイズ可能なテンプレートパーツのリストとして、テーマビルダーのダッシュボードにキット一式を追加します。選択したウェブサイトキットによって、以下のものが含まれます:

  • ヘッダーとフッターのテンプレート
  • ホームページとブログのテンプレート
  • 単一ページおよび投稿テンプレート
  • グローバルCSSテンプレート
Seedprodウェブサイトテンプレートキット部品

追加ページがあるウェブサイトキットを選択した場合、WordPressの管理画面からページ " すべてのページと進むと、追加ページを見つけることができます。ページの編集については後で詳しく説明します。

注:eコマースサイトキットをインストールする場合、SeedProd Eliteライセンスが必要で、WooCommerceプラグインが有効になっている必要があります。

SeedProdでウェブサイトキット.zipファイルをインポートする

SeedProdではカスタムWordPressテーマを作成できるため、将来のWebデザインプロジェクト用に独自のWebサイトキットを簡単に作成できます。これは、プロジェクトごとにゼロから始めることなく、ワークフローを合理化する優れた方法です。

テーマビルダーでカスタムウェブサイトキットを構築し、.zipファイルをカスタムWordPressテーマとしてエクスポートするだけです。ここでは、SeedProd WordPressテーマをエクスポートするためのステップバイステップガイドです。

これで、SeedProdがインストールされている他のサイトにキットをインポートすることができます。SeedProd " Import/Exportにアクセスし、Import Theme Filesの見出しの下にあるChoose Fileをクリックし、Import Theme Filesボタンをクリックするだけです。

ウェブサイト・キットのzipファイルseedprodをインポートする

数秒後、インポートに成功したという緑色の通知が表示されます。

ステップ 3.SeedProdウェブサイトキットを有効にする

SeedProdのテンプレートは、準備が整う前に現在のテーマを上書きしないように、デフォルトでは無効になっています。このステップを完了する前に、デモのコンテンツをあなた自身のものに置き換えてください(この記事の後半でその方法を紹介します)。

あなたのウェブサイトキットをライブにし、現在のWordPressテーマを上書きするには、SeedProd " Theme Builderページに行き、Enable SeedProd Themeトグルを見つけ、"On "にします。

seedprodウェブサイト・キットを有効にする

WordPressでピカピカの新しいウェブサイトキットをプレビューできるようになりました!

ワードプレス・ウェブサイト・キットの例 seedprod

SeedProdを使用してWordPressにウェブサイトキットをインストールするには、数回クリックするだけです。それでは、デザインの編集とカスタマイズの方法を詳しく見ていきましょう。

ウェブサイトキットのカスタマイズ

WordPressサイトにキットをインストールした後、いくつかの点を変更したいと思うでしょう。以下では、SeedProdのビジュアルドラッグアンドドロップエディタを使ってキットのさまざまな部分をカスタマイズする方法を紹介します。

最初に変更したいのは、デフォルトのテンプレートロゴです。これを行うには、SeedProd " Theme Builderに行き、Headerテンプレート部分を見つけ、Edit Designリンクをクリックします。

seedprodヘッダー・テンプレートを編集する

ヘッダーはビジュアルエディターで開き、クリック、ドラッグ、ドロップして内容をカスタマイズできます。

ウェブサイト・キットのヘッダーをカスタマイズする

ライブプレビューでデフォルトのロゴをクリックし、左側のパネルで設定を開きます。次にゴミ箱アイコンをクリックしてロゴ画像を削除します。

WordPressウェブサイトのロゴを変更する

WordPressのメディアライブラリからカスタムロゴをアップロードし、画像にカスタムリンクを追加し、サイズと配置を調整することができます。

ヘッダー・テンプレートでカスタマイズできる他のものをいくつか紹介しよう:

  • ナビゲーションメニュー
  • 検索ボックス
  • ソーシャルメディアへのリンク

カスタマイズに満足したら、右上の保存 ボタンをクリックします。これでサイトのフロントエンドで新しいヘッダーを確認することができます。

カスタムWordPressヘッダーの例

コンテンツのカスタマイズ

SeedProdのテンプレートには、完成したウェブサイトをイメージしやすくするためのデモコンテンツが付属しています。しかし、このコンテンツをあなたのビジネス、製品、サービスに関する情報に置き換える必要があります。

ヘッダーコンテンツのカスタマイズと同じ原則を使えば、デフォルトコンテンツを簡単に置き換えることができます。

テンプレートパーツ

例えば、WordPressのホームページをカスタマイズするには、ホームページテンプレートのデザイン編集リンクをクリックします。すると、ビジュアルエディターでデザインのあらゆる部分をカスタマイズすることができます。

ウェブサイト・キット・ホームページ・テンプレートのカスタマイズ

例えば、任意の見出しをクリックすると、プレビューやコンテンツ設定パネルで見出しテキストを直接編集できます。

ウェブサイト・キットの見出しを編集する

また、ロゴと同じように画像を変更したり、コールトゥアクションボタンを編集してクリックやコンバージョンを高めることもできます。

ウェブサイト・テンプレート・ボタンのカスタマイズ

プロのヒントSeedProdのボタンブロックには、簡単にスタイリングできるテンプレートがあらかじめ用意されています。設定パネルの[テンプレート]タブをクリックし、ワンクリックで任意のボタンスタイルを選択してください。

CTAボタン用Seedprodテンプレート

コンテンツページ

About、Contact、Servicesなどのコンテンツページを編集します。これらのページはテンプレートパーツではないので、WordPressの管理画面からPages " All Pagesに移動して見つけることができます。

WordPressでseedprodを使ってコンテンツページを編集する

そこから、Edit with SeedProdリンクをクリックし、ビジュアルエディタでページを開きます。

seedprodでコンタクト・ページを編集

ページのカスタマイズは以前と同じように機能します。プレビューのどこかをクリックして編集したり、ブロックメニューからブロックをドラッグしてページ要素を追加することができます。

例えば、ゴミ箱アイコンをクリックしてオプトインフォームブロックを削除し、コンタクトフォームブロックの上にドラッグして WPForms のコンタクトフォームを追加することができます。

seedprodコンタクト・フォーム・ブロックを追加

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

また、中小企業のブランディングに合わせてテンプレートのフォントや色をカスタマイズすることもできます。これはSeedProdのグローバルCSS設定で簡単にできます。

テーマビルダーダッシュボードから、グローバルCSSテンプレートのデザイン編集リンクをクリックし、ビジュアルエディタで開きます。

ウェブサイト全体の要素のスタイルを調整できるようになりました。見出しを展開し、ニーズに合わせて設定を変更するだけです。

SeedProdグローバルCSS設定

例えば、リンク、ボタン、テキスト、背景にカスタムカラーを選択できます。また、サイトのタイポグラフィ、ボタン、レイアウト、カスタムCSSをカスタマイズして、サイト全体に変更を自動的に適用することもできます。

このように、SeedProdを使えば、コードを学んだり開発者を雇ったりすることなく、WordPressサイトのあらゆる部分を簡単にカスタマイズすることができます。

次のステップ

この記事を楽しんでいただき、WordPressにテンプレートキットをインストールする方法を学んでいただけたなら幸いです。

あなたのビジネスウェブサイトに役立つかもしれない他のガイドをいくつかご紹介します:

お読みいただきありがとうございました!ご質問やご意見がありましたら、お気軽にコメントをお寄せください。

また、YouTubeX(旧Twitter)Facebookでも、ビジネスの発展に役立つコンテンツを配信しています。

著者アバター
ステイシー・コリン ライター
ステイシーはWordPressとデジタルマーケティングについて10年以上、その他のトピックについてはもっと長い間執筆している。また、ウェブデザイン、ユーザーエクスペリエンス、SEOにも造詣が深い。

情報開示私たちのコンテンツは読者支援型です。つまり、あなたが私たちのリンクをクリックした場合、私たちはコミッションを得る可能性があります。私たちは、読者に付加価値をもたらすと信じる製品のみを推薦します。