WordPressホームページをデザインおよび設定する方法
公開: 2022-05-05あなたのWordPressホームページはあなたのウェブサイトのウェルカムマットのようなものです。 ただし、第一印象が良くない場合は、訪問者はどこか別の場所に行きたいと思うかもしれません。
幸い、WordPressを使用するとホームページを完全に制御できます。 この重要なページをカスタマイズして、Webサイトのトーンを効果的に設定する方法はたくさんあります。
この投稿では、WordPressホームページと成功するWebサイトでのその重要な役割について説明します。 次に、5つ星のホームページをデザインする3つの異なる方法を共有します。 始めましょう！
WordPressホームページの紹介（そしてなぜあなたは自分のページを変更したいかもしれません）
あなたのホームページの重要性を過大評価することはほとんど不可能です。 通常、訪問者がURLを入力したときに最初に表示されるのはこれです。
あなたのホームページが素晴らしい第一印象を与えない場合、訪問者はあなたに二度目のチャンスを与える可能性は低いです。 この放棄は、コンバージョン率に壊滅的な影響を与える可能性があります。 また、滞留時間など、検索エンジンのランキングを決定する主要な指標にも影響を与える可能性があります。
効果的なホームページは、訪問者に正しい場所にいることをすぐに納得させます。 これは、WordPress Webサイトの内容と、WordPressWebサイトが提供する価値を明確に伝えることを意味します。
デフォルトでは、多くのWordPressテーマは、ホームページに最新のブログ投稿のリストを表示します。 あなたがブログや雑誌のウェブサイトを運営しているなら、これはまさにあなたが探しているものかもしれません。 特に、この形式は、読者が最新のコンテンツを見つけるのに役立ちます。
ただし、このレイアウトはすべてのWordPressWebサイトに適しているわけではありません。 たとえば、eコマースストアは、最新のブログ投稿ではなく、最も人気のある製品を表示することを好む場合があります。
ビジネスサイトを運営している場合は、ホームページを使用して会社を紹介し、サービスを宣伝することをお勧めします。 今後のブラックフライデーセールを宣伝するための特別なページを作成するなど、年間を通じてホームページを変更することもできます。
あなたの動機に関係なく、WordPressはあなたがあなたのために働くホームページを作成するために必要なすべてを持っています。 これは多くの場合、デフォルトのオプションを静的コンテンツに置き換えることを意味します。
WordPressで静的ホームページを設定する方法
最新のブログ投稿を表示したくない場合は、静的なフロントページに切り替えることができます。 その後、すべてのブログ投稿を別のページに表示できます。このページは、この記事の終わりに作成します。
ページは時系列で表示されず、常緑のコンテンツを表示するように設計されています。 これらの特性により、静的なホームページに最適です。
新しいページを作成する場合は、WordPressダッシュボードで[ページ]>[新規追加]に移動します。 これで、このページに「ホームページ」などのわかりやすい名前を付けて、[公開]をクリックできます。
次のステップは、これをホームページとして使用するようにWordPressに指示することです。 ただし、このページにはコンテンツを追加していないため、最初にサイトをメンテナンスモードにすることを検討してください。
メンテナンスモードでは、訪問者が変更を加えているときにWebサイトにアクセスしようとしても、空白の画面やエラーメッセージが表示されないようにします。 更新に満足したら、サイトをメンテナンスモードから外して、新しいデザインで訪問者を驚かせることができます。
このモードは、WPメンテナンスモードなどのプラグインを使用して設定できます。 このツールには、サイトの再起動に関する話題を作成するためのカウントダウンなど、いくつかの追加機能もあります。
静的なホームページに切り替えるには、 [設定]>[閲覧]に移動します。 [ホームページの表示]セクションで、[静的ページ]を選択します。
これで、ドロップダウンメニューを使用して、前の手順で作成したページを選択できます。 次に、[変更を保存]をクリックします。 ホームページにアクセスすると、WordPressは元のブログページではなく空白のデザインを表示するようになります。
美しいWordPressホームページをデザインする方法（3つの方法）
これで静的なホームページができたので、可能な限り最高の第一印象を与えるようにします。 それを念頭に置いて、プロ並みのカスタムホームページをデザインする3つの方法があります！
1.WordPressテーマカスタマイザーを使用する
WordPressテーマは、基本的なホームページデザインを提供する可能性があります。 多くの場合、WordPressカスタマイザーでこのデフォルトのレイアウトを簡単に編集できます。
ダッシュボードで、 [外観]>[カスタマイズ]に移動します。 このツールはライブプレビューを提供するため、変更が訪問者にどのように表示されるかをリアルタイムで正確に確認できます。
行うことができる変更は、WordPressのテーマによって異なります。 たとえば、一部のテーマでは、サイドバーの位置を変更したり、サイドバーを完全に削除して全幅のレイアウトを作成したりできます。
時間をかけてさまざまなホームページ設定を調べて、テーマで使用できるオプションを確認することをお勧めします。 または、青鉛筆アイコンが表示されている領域をクリックすることもできます。 これにより、その画面上の要素の設定が開きます。
ホームページには、使用したくないセクションが含まれている場合があります。 このシナリオでは、サイドメニューで要素を見つけ、それに付随する3つの点線のアイコンをクリックしてから、ブロックを削除することで、要素を削除できます。
2.ブロックエディターでWordPressホームページを編集する
WordPressカスタマイザーは簡単な変更を加えるのに最適ですが、場合によってはさらに深く掘り下げる必要があります。 ホームページをカスタマイズするとき、ブロックエディタはより多くのオプションを提供します。
開始するには、WordPress投稿エディターで静的ホームページを開きます。 これで、任意のページを作成するのと同じ手法を使用してホームページをデザインできます。
WordPressブロックエディターには、カバー画像、ギャラリー、テキストとメディア、表など、多くのブロックがあります。 これらの要素を整理して、目的のホームページ構造を作成できます。
デザインのインスピレーションを探している場合は、利用可能なブロックを参照すると役立つ場合があります。 WordPressのライブラリ全体を表示するには、黒い+アイコンをクリックします。
次のポップアップで、[すべて参照]を選択します。 これにより、さまざまなブロックを探索できるパネルが起動します。
ホームページで使用したいブロックを見つけたら、クリックするだけです。 選択内容によっては、テキストや画像など、その要素にコンテンツを追加できる場合があります。
ほとんどのブロックには、固有の構成設定もあります。 これらの設定を表示するには、クリックしてブロックを選択します。 このアクションにより、投稿/ブロックパネルが開きます。
[ブロック]メニューが選択されていることを確認してください。 次に、この特定のブロックで使用できる固有の設定を調べることができます。
この時点で、ホームページのレイアウトに満足するまで要素を追加し続けることができます。 ブロックの完全なライブラリを自由に使用できるので、美しく魅力的なホームページを作成するのに問題はありません。 ただし、必要に応じて、Gutenberg Blocksなどのプラグインを使用して、WordPressライブラリにいつでもブロックを追加できます。
3.ページビルダープラグインを使用する
すぐに使えるWordPressは、プロ並みのホームページを作成するために必要なすべてを提供します。 ただし、WordPressのインストールに追加できる高度なページビルダープラグインもあります。
これらのWordPressプラグインのほとんどは、既成の要素とともに、直感的なドラッグアンドドロップインターフェイスを提供します。 これらの機能により、魅力的で魅力的なホームページを数分以内に作成できます。
利用可能なさまざまなページビルダープラグインがあります。 たとえば、Elementorは、目立つホームページのデザインに役立つ機能を備えた使いやすいページビルダーです。 これらには、モーションおよびスクロールエフェクト、フォーム、およびフリップボックスが含まれます。
ビーバービルダーは別の人気のあるオプションです。 ドラッグアンドドロップエディタと既製のコンポーネントに加えて、このWordPressプラグインはさまざまなランディングページテンプレートを誇っています。
これらのテンプレートは、ホームページの強力な基盤を提供できます。 これにより、Webデザインと開発の経験が限られている場合、BeaverBuilderは最適な選択肢になります。 急いでホームページを立ち上げる必要がある場合にも適しているかもしれません。
WordPressブログ投稿ページを作成する方法
この時点で、ブログ投稿ページを静的Webページに置き換えました。 これは、現在、サイトに最新の投稿のリストが掲載されていないことを意味します。 このコンテンツを表示する場合は、別のページを作成する必要があります。
開始するには、 [ページ]>[新規追加]に移動します。 これで、このページに「ブログ」などのタイトルを付けて、[公開]をクリックできます。
次に、 [設定]>[読書]に移動します。 これで、[投稿]ページのドロップダウンを開き、作成したページを選択できます。
ここにいる間に、投稿の表示方法を変更することをお勧めします。 利用可能ないくつかの異なる設定があります。
まず、各ページに表示する投稿の数を選択できます。 多くの投稿を表示する場合、訪問者はこのページの下部に到達するためにかなりの距離をスクロールしなければならない場合があります。 このレイアウトでは、特にコンテンツに大きな高解像度の注目画像が含まれている場合、ページの読み込み時間が長くなる可能性があります。
ただし、少数の投稿を表示する場合、訪問者は目的のコンテンツを見つけるために複数のページをクリックする必要がある場合があります。 これは、完璧な数の投稿を見つけることは、難しいバランスを取る行為になる可能性があることを意味します。
数字が決まったら、ブログページの最大表示フィールドに入力します。 'sticky'としてマークした投稿も表示されることに注意してください。
次の設定を使用して、ブログコンテンツが投稿ページにどのように表示されるかを制御することもできます。フィード内の投稿ごとに、を含めます。 ここでは、作品全体またはその抜粋のみを表示するように選択できます。
ブログが短めの場合は、記事全体を表示するのが理にかなっている場合があります。 ただし、より長い投稿の抜粋を表示することを検討することをお勧めします。
結論
古いことわざがあります：あなたは第一印象を与えるために二度目のチャンスを得ることは決してありません。 これを念頭に置いて、あなたのホームページは訪問者があなたのサイトについてもっと知りたがっているようにするべきです。
WordPressホームページを微調整する3つの方法を簡単に要約してみましょう。
- WordPressテーマカスタマイザーを使用します。
- ブロックエディターでWordPressホームページを編集します。
- BeaverBuilderやElementorプラグインなどのページビルダープラグインを使用します。
ホームページのデザインをスポットオンにすることは、戦いの半分に過ぎません。 そのページの読み込みが遅い場合でも、訪問者は他の場所で時間を費やしたいと思うかもしれません。 WPエンジンなどのWordPressホスティングプロバイダーと提携することで、非常に重要なホームページを含め、Webサイト全体が最高のパフォーマンスで実行されていることを確信できます。