WordPressにテンプレートキットをインストールする方法を知りたいですか?
カスタムWordPressサイトの構築には、通常、開発者を雇うか、コードを学ぶ必要があります。しかし、テンプレートキットを使えば、コードなしで完全にカスタマイズ可能なWordPressサイトを作成できます。
この記事では、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にテンプレートキットをインストールする方法を見ていきましょう。
SeedProdでWordPressにウェブサイトキットをインストールする方法
このチュートリアルでは、SeedProdを使用してWordPressにウェブサイトキットをインストールする方法を紹介します。SeedProdを選んだ理由は、テンプレートキットのインストールが最も速く、インターフェイスが最も簡単だからです。
さらに、SeedProdは軽量で肥大化しないため、WordPressサイトの動作が遅くなることはありません。SeedProdサイトキットをインストールするには、以下の手順に従ってください。
SeedProdのキットはウェブサイトキットと呼ばれているため、今後はこの用語を使用します。
ステップ1.SeedProdのインストールとアクティベート
最初のステップは、SeedProd WordPressプラグインのコピーをダウンロードすることです。SeedProdのキットを使用するには、少なくともSeedProd Proプランが必要です。
SeedProd Proはこちらから。
次に、SeedProdアカウントダッシュボードにログインし、ダウンロードタブをクリックします。このページで、プラグイン.zipファイルをダウンロードし、Proライセンスキーをコピーすることができます。
SeedProdをダウンロードした後、WordPressの管理エリアから プラグイン " 新規追加に移動し、新規追加をクリックします。そこから、ファイルを選択ボタンをクリックし、SeedProdプラグインファイルを選択し、今すぐインストールをクリックします。
次の画面で、Activateリンクをクリックして、WordPressサイトでSeedProdプラグインを有効にします。
SeedProdがアクティブになったので、SeedProd " Settings ページに行き、先ほどコピーしたライセンスキーを入力します。ライセンスキーフィールドに貼り付けた後、Activate Keyボタンをクリックしてください。
ライセンスキーが有効になったので、いよいよウェブサイトキットをインストールします。
ステップ2.ウェブサイトキットを選ぶ
SeedProdのサイトキットは、テーマビルダー機能とシームレスに連動します。あなたのウェブサイトのために1つを選択するには、SeedProd " テーマビルダーに 移動し、テーマボタンをクリックします。
次の画面では、SeedProdのウェブサイトキットライブラリが表示されます。
これには、さまざまな業種向けのクリーンなデザインが含まれている:
- 車とメンテナンス
- モバイル・アプリケーション
- eコマース・ストア
- プロフェッショナル・サービス
- レストランとカフェ
- ブログとファッション
- 住宅ローンおよび不動産
- イベントとゲーム
- そしてもっと。
キットのカスタマイズ方法は後ほどご紹介しますが、今は気に入ったキットにカーソルを合わせ、オレンジ色のチェックマークアイコンをクリックしてください。
SeedProdは、カスタマイズ可能なテンプレートパーツのリストとして、テーマビルダーのダッシュボードにキット一式を追加します。選択したウェブサイトキットによって、以下のものが含まれます:
- ヘッダーとフッターのテンプレート
- ホームページとブログのテンプレート
- 単一ページおよび投稿テンプレート
- グローバルCSSテンプレート
追加ページがあるウェブサイトキットを選択した場合、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ボタンをクリックするだけです。
数秒後、インポートに成功したという緑色の通知が表示されます。
ステップ 3.SeedProdウェブサイトキットを有効にする
SeedProdのテンプレートは、準備が整う前に現在のテーマを上書きしないように、デフォルトでは無効になっています。このステップを完了する前に、デモのコンテンツをあなた自身のものに置き換えてください(この記事の後半でその方法を紹介します)。
あなたのウェブサイトキットをライブにし、現在のWordPressテーマを上書きするには、SeedProd " Theme Builderページに行き、Enable SeedProd Themeトグルを見つけ、"On "にします。
WordPressでピカピカの新しいウェブサイトキットをプレビューできるようになりました!
SeedProdを使用してWordPressにウェブサイトキットをインストールするには、数回クリックするだけです。それでは、デザインの編集とカスタマイズの方法を詳しく見ていきましょう。
ウェブサイトキットのカスタマイズ
WordPressサイトにキットをインストールした後、いくつかの点を変更したいと思うでしょう。以下では、SeedProdのビジュアルドラッグアンドドロップエディタを使ってキットのさまざまな部分をカスタマイズする方法を紹介します。
ウェブサイトのロゴを追加する
最初に変更したいのは、デフォルトのテンプレートロゴです。これを行うには、SeedProd " Theme Builderに行き、Headerテンプレート部分を見つけ、Edit Designリンクをクリックします。
ヘッダーはビジュアルエディターで開き、クリック、ドラッグ、ドロップして内容をカスタマイズできます。
ライブプレビューでデフォルトのロゴをクリックし、左側のパネルで設定を開きます。次にゴミ箱アイコンをクリックしてロゴ画像を削除します。
WordPressのメディアライブラリからカスタムロゴをアップロードし、画像にカスタムリンクを追加し、サイズと配置を調整することができます。
ヘッダー・テンプレートでカスタマイズできる他のものをいくつか紹介しよう:
- ナビゲーションメニュー
- 検索ボックス
- ソーシャルメディアへのリンク
カスタマイズに満足したら、右上の保存 ボタンをクリックします。これでサイトのフロントエンドで新しいヘッダーを確認することができます。
コンテンツのカスタマイズ
SeedProdのテンプレートには、完成したウェブサイトをイメージしやすくするためのデモコンテンツが付属しています。しかし、このコンテンツをあなたのビジネス、製品、サービスに関する情報に置き換える必要があります。
ヘッダーコンテンツのカスタマイズと同じ原則を使えば、デフォルトコンテンツを簡単に置き換えることができます。
テンプレートパーツ
例えば、WordPressのホームページをカスタマイズするには、ホームページテンプレートのデザイン編集リンクをクリックします。すると、ビジュアルエディターでデザインのあらゆる部分をカスタマイズすることができます。
例えば、任意の見出しをクリックすると、プレビューやコンテンツ設定パネルで見出しテキストを直接編集できます。
また、ロゴと同じように画像を変更したり、コールトゥアクションボタンを編集してクリックやコンバージョンを高めることもできます。
プロのヒントSeedProdのボタンブロックには、簡単にスタイリングできるテンプレートがあらかじめ用意されています。設定パネルの[テンプレート]タブをクリックし、ワンクリックで任意のボタンスタイルを選択してください。
コンテンツページ
About、Contact、Servicesなどのコンテンツページを編集します。これらのページはテンプレートパーツではないので、WordPressの管理画面からPages " All Pagesに移動して見つけることができます。
そこから、Edit with SeedProdリンクをクリックし、ビジュアルエディタでページを開きます。
ページのカスタマイズは以前と同じように機能します。プレビューのどこかをクリックして編集したり、ブロックメニューからブロックをドラッグしてページ要素を追加することができます。
例えば、ゴミ箱アイコンをクリックしてオプトインフォームブロックを削除し、コンタクトフォームブロックの上にドラッグして WPForms のコンタクトフォームを追加することができます。
グローバルテンプレートキットの設定を編集する
また、中小企業のブランディングに合わせてテンプレートのフォントや色をカスタマイズすることもできます。これはSeedProdのグローバルCSS設定で簡単にできます。
テーマビルダーダッシュボードから、グローバルCSSテンプレートのデザイン編集リンクをクリックし、ビジュアルエディタで開きます。
ウェブサイト全体の要素のスタイルを調整できるようになりました。見出しを展開し、ニーズに合わせて設定を変更するだけです。
例えば、リンク、ボタン、テキスト、背景にカスタムカラーを選択できます。また、サイトのタイポグラフィ、ボタン、レイアウト、カスタムCSSをカスタマイズして、サイト全体に変更を自動的に適用することもできます。
このように、SeedProdを使えば、コードを学んだり開発者を雇ったりすることなく、WordPressサイトのあらゆる部分を簡単にカスタマイズすることができます。
次のステップ
この記事を楽しんでいただき、WordPressにテンプレートキットをインストールする方法を学んでいただけたなら幸いです。
あなたのビジネスウェブサイトに役立つかもしれない他のガイドをいくつかご紹介します:
お読みいただきありがとうございました!ご質問やご意見がありましたら、お気軽にコメントをお寄せください。
また、YouTube、X(旧Twitter)、Facebookでも、ビジネスの発展に役立つコンテンツを配信しています。