ホームページは、ウェブサイト全体の雰囲気を決めるものです。 適切なコンテンツが表示されていなかったり、イメージと違っていたりしたら、変更したいと思うかもしれません。

良いことに、WordPressにはホームページを変更するための多くの可能性が用意されており、それを実現するのは難しいことではありません。

このガイドでは、WordPressのホームページとは何か、なぜホームページを変更する必要があるのかを説明します。

さっそく始めてみましょう!

WordPressのホームページとは(そしてなぜ変更したくなるのか)

ホームページは、あなたのウェブサイトのウェルカムマットのようなものです。

ホームページは、あなたのウェブサイトが何についてのもので、何を提供できるのかという明確なアイデアを訪問者に提供する必要があります。

Slackのホームページ

多くのWordPressテーマのデフォルトでは、ホームページには最新のブログ記事が表示されています。

多くのWordPressテーマでは、デフォルトでホームページには最新のブログ記事が表示されます。 例えば、年末にセールやイベントを開催する場合、その宣伝のためにページを更新することができます。

ホームページはウェブサイト全体のトーンを決めるものなので、カスタマイズや編集の方法を知っておくことは、サイトオーナーにとって非常に重要です。

ホームページはウェブサイト全体のトーンを決めるものなので、カスタマイズや編集の方法を知っておくことは、サイトオーナーにとって非常に重要です。🎨 ステップバイステップのガイドをご覧ください⬇️Click to Tweet

静的なホームページを設定する方法

ブログ記事をウェブサイトのフロントページに表示したくない場合は、代わりに「静的」なホームページを設定することができます。 静的ページとは、頻繁に変更されないコンテンツを表示するページのことです。

ホームページを作成するには、まず管理者用ダッシュボードにログインします。 > 新規追加:

まず、ホームページ用の新しいページを作成し、必要に応じてブログ用のページも作成します

WordPressのホームページに名前を付け、公開ボタンをクリックします。

ページの準備ができたら、WordPress に使用目的を伝えることができます。

設定の > 読み上げページに移動し、「ホームページの表示」オプションで「静的ページ」を選択します。

「読書」の設定に、静的なホームページを設定するオプションがあります

これらの手順を実行している間に、サイトをメンテナンス モードにしたいと思うかもしれません。 そうすることで、機能しないウェブサイトや一般的なエラーページではなく、あなたが設定したメッセージを訪問者に表示することができます。 すでにサイトにある程度のトラフィックがある場合は、ホームページを調整する前にこの作業を行うことを検討するとよいでしょう。

この機能を設定するには、WP Maintenance Mode プラグインを使用します。

WP Maintenance Mode

このプラグインを使用すると、サイト訪問者にカスタムメッセージを配信することができ、サイトがまもなく復旧することを訪問者に知らせるカスタムメッセージを作成することができます。

WordPressのホームページを変更する方法(3つの方法)

ホームページの設定が完了したら、いよいよデザインしてコンテンツを追加していきましょう。

テーマカスタマイザーを使ってホームページを編集する

多くのWordPressテーマには、基本的なホームページのデザインと、それを編集するためのオプションが用意されています。

管理画面から「外観」 > 「カスタマイズ」をクリックすると、テーマカスタマイザーが表示されます。

カスタマイザーでは、ホームページを編集している間、ライブ プレビューが提供されるので、調整した内容がウェブサイトの外観にどのように影響するかを確認することができます。

青い鉛筆のアイコンが付いている要素はすべて編集可能です

テーマにページ用の複数のテンプレートが含まれている場合は、それらを検討することから始めるとよいでしょう。

テーマによっては、例えば、サイドバーをどこに配置するかのオプションがあったり、全幅のページにするためにその要素を完全に取り除くことができたりします。

テーマによっては、さまざまなレイアウトのオプションが用意されています

ホームページに使用したくないセクションがある場合は、テーマ カスタマイザーを使用してそれらを削除することができます。

メニューの要素に移動し、セクションの名前の横にある目のアイコンをクリックすることで、削除できます。

ホームページからセクションを削除するには、目のアイコンをクリックします

削除した部分は、同じアイコンを再度クリックすることでいつでも戻すことができます。

ブロックエディタでWordPressホームページを編集する

テーマカスタマイザーである程度の変更を行ったとしても、ブロックエディタを使ってさらに編集を行いたいと思うかもしれません。

まず、管理画面で「ページ」をクリックしてホームページに移動し、ホームに設定したページを選択します。 ブロックエディタでは、ホームページにさまざまなコンテンツを追加することができます。

まずは、ページをクリックして、文字を入力してみましょう。

自分でブロックを選択するには、画面左上またはエディターウィンドウに表示されているプラス記号をクリックします。

段落ブロックを使って、ホームページにテキストを追加することができます

テキストを配置したら、ブロック設定メニューを使ってさらにカスタマイズすることができます。 テキストの設定では、プリセットまたはカスタムサイズを選択して、テキストのサイズを変更することができます。

段落に色を加えたい場合は、「色」の設定を利用するとよいでしょう。

ブロック エディタでテキストのサイズと色をカスタマイズしてください

ホームページにも画像を入れたいと思うでしょう。

プラス記号をクリックして、「画像」ブロックを選択することで実現できます。

画像ブロックを使って簡単に画像を追加できます

結果ブロックを使って画像をアップロードしたり、メディアライブラリから選択したり、URL経由で追加したりすることができます。

Sign Up For the Newsletter

WordPressでトラフィックを1,187%増加させた事例をご紹介します。

WordPressに関するヒントを毎週お届けするニュースレターには、他にも2万人以上の方が登録されています!

キャプションを追加したい場合は、写真の下にスペースがありますので、そこに入れてください。

さらに多くのブロックにアクセスするには、プラス記号をクリックし、表示されるメニューを参照または検索します。

また、「すべてを参照」をクリックすると、アクセスできるすべてのブロックを見ることができます。

メディアとテキストを1つのブロックにまとめることができます

このブロックを使うと、メディアとテキストの両方を、さまざまな構成で1つのブロックに表示することができます。

メディアとテキストのブロックには、いくつかの構成があります

ブロックを削除するには、ブロックの上にあるツールバーの縦に並んだ3つの点をクリックし、「ブロックの削除」を選択するだけです。

クラシック エディターで WordPress のホームページを変更する

クラシックエディターで作業したい場合でも、魅力的なホームページを作成することができます。

「ページ」をクリックし、サイトのホームとして設定したページを選択します。

テキストを追加するには、単に入力を開始します。

テキストを追加するには、入力を開始します。デフォルトでは、テキストは段落になりますが、ドロップダウンメニューを使用して、タイトルや見出しを作成することができます:

WordPress でのテキストのフォーマット

このドロップダウンメニューでは、テキストを段落からさまざまな見出しに変更します。

このドロップダウンエリアの隣にあるツールバーでは、テキストにさらなる変更を加えることができます。 太字や斜体にしたり、配置を変更したり、箇条書きや番号付きのリストを作成することができます。

このツールバーでは、テキストにリンクを追加することができます。 最後に、「続きを読む」タグを追加するためのボタンがあります。

列の最後のボタンは、別のツールグループを開きます。

ダウンタイムやWordPressの問題に悩んでいますか? Kinstaは、パフォーマンスとセキュリティを考慮して設計されたホスティングソリューションです! プランをチェックしてみてください

追加ツールボタン

クラシックエディターを使って、画像やその他のメディアをページに追加することもできます。 そのためには、「メディアの追加」ボタンをクリックして、新しいウィンドウを開きます。

メディアライブラリ

デバイスからファイルをアップロードして、メディアライブラリに追加することができます。

このウィンドウから、「メディアライブラリ」タブをクリックして、以前にアップロードしたファイルにアクセスすることもできます。

メディアライブラリウィンドウからホームページにメディアを追加する

画像がページに表示されます。 ファイルをクリックすると、そのファイルのオプションにアクセスできます。

WordPressの画像オプション

画像を挿入した後に、画像の配置を変更することができます。

ホームページの出来栄えを確認するには、「プレビュー」ボタンをクリックします。

Optional: Twenty Twenty-One テーマをチェックアウトする

ブロックエディターでの作業を楽しんでいるなら、WordPress 5 の新しいデフォルトテーマである Twenty Twenty-One テーマをチェックアウトすることに興味があるかもしれません。

Twenty Twenty-One テーマ

Twenty Twenty-One テーマは、柔軟性があり、さまざまな種類のウェブサイトでうまく機能するように設計されています。 シンプルなフォントと、落ち着いたパステルカラーの配色が特徴です。

これらの特化したレイアウトは、Twenty Twenty-One のシンプルさと相まって、サードパーティのページビルダーを使わずに、高度にカスタマイズされたホームページを作りたい場合に、このテーマは理想的な選択肢となるでしょう。

How to Build a Menu for Your Homepage

ホームページを作成している間に、ナビゲーションメニューにも注意を払ったほうがいいでしょう。

管理画面から「外観」 > 「メニュー」をクリックします。

まだメニューがない場合は、メニューを作成するよう促されます。

メニューにわかりやすい名前をつけてください

次のステップでは、メニューにページを追加していきます。 個別に追加することもできますが、「ページを自動追加する」にチェックを入れると、すべてのトップレベルのページが自動的に追加されます。

自分でページを選択したい場合は、左の列にある「すべて表示」タブを選択し、追加したいページのボックスにチェックを入れて、「メニューに追加」ボタンをクリックします:

メニューにページを追加する

トップレベルのページを自動的に追加することも、追加するページを手動で選択することもできます。

メニューにページを追加したら、表示される順番を決めることができます。

もし、ある項目を他の項目の下に入れ子にして、ドロップダウン形式のメニューを作りたい場合は、ここでも可能です。 これにより、ナビゲーションに多くのリンクを追加することができますが、ごちゃごちゃした印象を与えたり、圧倒されたりすることはありません。

必要なのは、子ページを親ページの下にドラッグして、少しだけ右に移動させることだけです。

人気のあるオプションには、フッター、ページの上部、サイドバー(左または右)などがあります。

フッター、ページ上部、サイドバー(左または右)などが人気です。デフォルトのメニューオプションでは物足りないという方のために、メニュー機能を拡張するベストなプラグインをご紹介します。 🎨✨ 始めるために必要なものはすべてこのガイドにあります!Click to Tweet

Summary

優れたデザインのホームページは、訪問者にあなたのサイトがどんなものかを正確に伝えることができます。

しかしながら、ブランドメッセージや新しいサービス、新しいテーマなどを反映させるために、ホームページを変更する必要がある場合もあります。

  1. テーマカスタマイザーを使ってホームページを編集する
  2. ブロックエディタでホームページを編集する
  3. クラシックエディタでホームページを変更する

WordPressのホームページを変更することについて、まだ質問がありますか? 以下のコメント欄でお尋ねください!

この記事をお楽しみいただけたなら、KinstaのWordPressホスティングプラットフォームを気に入っていただけると思います。 お客様のウェブサイトをターボチャージし、当社のベテランWordPressチームから24時間365日のサポートを受けられます。 Google Cloudを採用した当社のインフラストラクチャは、オートスケーリング、パフォーマンス、セキュリティに重点を置いています。 Kinstaの違いをお見せしましょう! プランをチェック

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です