WordPress にページを追加する方法: ステップバイステップガイド
公開: 2024-05-03WordPress で Web サイトを作成するのは、コンテンツを動的に表示する方法ですが、初心者の多くは基本的な部分で苦労しています。 このガイドでは、WordPress にページを追加する方法を正確に説明し、プロセスをシンプルで実行可能な手順に分けて説明します。 ダッシュボードへのアクセスから最初のページの公開まで、サイトの構造と機能を拡張するために必要なすべての要素をカバーします。 ブログ、ビジネス サイト、ポートフォリオのいずれを開設する場合でも、このスキルを習得することは効果的なオンライン プレゼンスを構築するために不可欠です。
10Web で WordPress を簡素化
10Web マネージド WordPress ホスティングを使用して手動作業を省略して自動化します。 WordPress ウェブサイトを簡単に最適化します。
よくある質問
WordPress サイトにページを追加するにはどうすればよいですか?
WordPress でページを作成するにはどうすればよいですか?
- WordPress ダッシュボードにログインします。
- [ページ] > [新規追加]に移動します。
- タイトル領域にページのタイトルを入力します。
- ブロック エディターを使用して、テキストの追加と書式設定、画像の挿入、ビデオの埋め込み、またはその他のコンテンツの追加を行います。
- コンテンツを追加してフォーマットしたら、 [公開] をクリックしてページをサイトで利用できるようにします。
WordPress でページを追加および編集するにはどうすればよいですか?
WordPress で個別のページを作成するにはどうすればよいですか?
- WordPress ダッシュボードにログインします。
- [ページ] > [新規追加]に移動します。
- ブロックエディターを使用してタイトルを入力し、コンテンツを追加します。
- [発行] をクリックして、各ページを個別に発行します。
作成する各ページは個別にカスタマイズできるため、 Home 、 AboutUs 、Contactなどの個別のページを作成できます。
WordPress ページとは何ですか
WordPress ページは、 「 About Us 」 、 「 Contact」、「 Privacy Policy 」などの静的で時代を超越したコンテンツを Web サイト上でホストするように設計されています。ページは階層構造をサポートしており、親ページと子ページを作成して情報を論理的に構造化できます。 テーマに応じてさまざまなテンプレートを使用してカスタマイズでき、さまざまなレイアウトのニーズに対応できます。 そのため、連絡フォームのホスティング、法的開示の表示、ポートフォリオの展示などの重要な機能に適しています。 各ページにはパーマリンクと呼ばれる永続的な URL があり、Web サイトの構造に合わせてカスタマイズできます。
ページは WordPress の投稿とどう違うのですか
WordPress ページは、いくつかの重要な点で投稿とは異なります。これらの点は、WordPress サイト内での明確な用途を反映しています。
特徴 | ページ | 投稿 |
コンテンツの性質 | 静的で、頻繁には変更されません。 | 動的で時間に敏感で、頻繁に変更されます。 |
組織 | 階層構造 (親ページと子ページ)。 | カテゴリーやタグごとに時系列でまとめています。 |
エンゲージメント機能 | 通常、コメント セクションや RSS フィードなどの機能がありません。 | 多くの場合、コメントが含まれ、更新情報の RSS フィードと統合されます。 |
テンプレートと外観 | さまざまなレイアウトにさまざまなテンプレートを使用できます。 | 通常は、メタデータ (作成者、日付、カテゴリ) を含む標準レイアウトに従います。 |
パーマリンク | シンプルでわかりやすく、多くの場合サイトの構造を反映しています。 | 時系列を反映した日付またはカテゴリの情報を含めます。 |
これらの違いを理解することで、コンテンツをどのように機能させ、訪問者にどのように認識してもらいたいかに基づいて、特定のコンテンツのニーズに合わせてページを使用するか投稿を使用するかを決定できるようになります。
10Web で WordPress を簡素化
10Web マネージド WordPress ホスティングを使用して手動作業を省略して自動化します。 WordPress ウェブサイトを簡単に最適化します。
Gutenberg ブロック エディターを使用して WordPress にページを追加する方法
Gutenberg ブロック エディターは、WordPress バージョン 5.0 以降のデフォルトのエディターであり、コンテンツ作成に対するより視覚的なブロックベースのアプローチを提供します。
- WordPress 管理エリア (ダッシュボード) にログインします。通常、Web サイトの URL ( http://www.yoursite.com/wp-adminなど) の末尾に /wp-admin を追加することで、これにアクセスできます。
- ダッシュボードの左側に移動すると、メニューが表示されます。「ページ」をクリックしてサブメニューを開きます。
- [ページ]サブメニューで、 [新規追加]をクリックします。これにより、ページ エディターが表示され、そこで新しいページを作成できます。
- ページ エディターの上部には、新しいページのタイトルを入力するフィールドがあります。 このタイトルは、後で変更しない限り、ページの見出しとしても使用されます。
- タイトルフィールドの下に、WordPressブロックエディター( Gutenbergとも呼ばれます) が表示されます。ここでは、さまざまなブロックを使用してテキスト、画像、ビデオ、その他のコンテンツを追加できます。+アイコンをクリックするとブロックを追加できます。
- エディターの右側に、「ページ属性」ボックスが表示されます。ここでは、親ページ (必要に応じてページの階層を作成するため) を設定し、兄弟間の順序を設定できます。
- ページを公開する前に、上部にある[プレビュー]ボタンをクリックして、Web サイト上でページがどのように表示されるかをプレビューできます。 すべてに満足したら、「公開」ボタンをクリックしてページを公開します。
オプション:新しいページをサイトのナビゲーション メニューに表示する場合は、ダッシュボードで[外観] >[メニュー]に移動します。ここで、既存のメニューに新しいページを追加できます。 左側のリストからページを選択し、[メニューに追加] をクリックします。次に、ドラッグ アンド ドロップしてメニュー内での位置を再配置できます。
さまざまな種類のブロック
WordPress では、Gutenberg エディターを使用して、コンテンツを追加し、ブロックに配置します。 これらのブロックは、複雑なレイアウトの作成に使用できる多用途のコンポーネントです。 以下は、WordPress で使用できるいくつかの一般的なタイプのブロックのリストとその説明です。
共通ブロック | 説明 |
段落 | 最も基本的なブロック。プレーン テキストを追加するために使用されます。 サイズ、色、間隔を調整するためのオプションが付属しています。 |
見出し | 見出し (H1、H2、H3 など) を追加してコンテンツを構造化し、読みやすさと SEO を向上させるために使用されます。 |
画像 | 画像を挿入できます。 配置オプション、キャプション、およびより大きなバージョンまたは URL へのリンクをサポートします。 |
ギャラリー | グリッド内に表示される画像のコレクション。 列を調整したり、キャプションを追加したりできます。 |
リスト | 番号付きリストや箇条書きリストを追加するのに最適です。 |
引用 | 引用を強調表示するため。 独特の視覚的魅力を実現するスタイリング オプションが付属しています。 |
オーディオ | オーディオ ファイルを埋め込み、再生オプションを管理できます。 |
カバー | テキスト オーバーレイを含むカバー画像を追加できます。これは、強力な視覚要素を持つヘッダーやセクションに最適です。 |
ブロック設定
WordPress の Gutenberg エディターでは、ブロック設定 (ブロック インスペクターとも呼ばれます) により、ページまたは投稿内の個々のブロックをカスタマイズおよび管理できるさまざまなオプションとコントロールが提供されます。ブロック設定で通常できることの概要は次のとおりです。
1. カスタマイズオプション
- タイポグラフィ:ブロックやテーマに応じてフォント サイズ、行の高さ、場合によってはフォント ファミリーを調整します。
- 色の設定:多くのブロックのテキストの色、背景色、グラデーションのオプションを変更します。
- 配置:ブロック内のテキストの配置 (左、中央、右) またはコンテンツの配置 (画像やその他のメディアの幅または全幅など) を設定します。
- 高度なカスタマイズ:ブロックによっては、カスタム CSS クラスを追加して、さらにスタイルを設定したり、リンクの rel タグなどの属性を追加したりできる場合があります。
2. ブロック固有の制御
各タイプのブロックには、その機能に合わせた独自の設定が付属しています。 例えば:
- 画像ブロック:代替テキストの設定、画像サイズの選択、画像へのリンクの追加のオプション。
- 段落ブロック:段落の最初の文字をスタイル化するためにドロップ キャップを切り替えることができる場合があります。
- ボタン ブロック:ボタンのテキスト、リンク、境界線の半径、背景色、テキストの色などのスタイル オプションをカスタマイズします。
- ギャラリー ブロック:列数を調整し、画像をトリミングし、画像リンク設定を行います。
3. レイアウトと間隔
- 列ブロック:列の数と列間の間隔を制御します。
- スペーサーブロック:ブロック間に追加されるスペースの高さを調整します。
- グループ ブロック:複数のブロックをグループ化して、1 つのユニットとしてレイアウトしたりスタイルを設定したりできます。
4. 詳細設定
- HTML アンカー: HTML アンカーを追加して、特定のブロックへのリンクを作成します。
- 追加の CSS クラス:テーマの CSS コードを使用してより正確にスタイル設定するために、カスタム CSS クラスをブロックに追加します。
5. インタラクティブな設定
- ビデオ ブロック:自動再生、ループ、およびミュートのコントロールが含まれます。
- オーディオ ブロック:自動再生やループなど、ビデオと同様のコントロール。
- カバーブロック:固定背景を設定し、オーバーレイの色と不透明度をカスタマイズします。
6. アクセシビリティ設定
- テーブル ブロック:ヘッダー セクションを追加して、テーブルをよりアクセスしやすくします。
- リスト ブロック:順序付きリストと順序なしリストの間で変換し、重要性や順序の観点から情報がどのように認識されるかに影響を与えます。
7. 再利用可能なブロック
- 再利用可能なブロックを管理する:あらゆるブロックを再利用可能なブロックに変換し、保存して投稿やページ全体で再利用できます。また、これらのブロックはブロック設定から直接管理します。
これらの設定は、各ブロックを微調整するための強力なツールキットを提供し、WordPress のコンテンツの機能性と美しさの両方を向上させます。 Gutenberg エディターが更新されるたびに、ブロック設定にさらに多くのオプションが追加されることが多く、ますます多用途になります。
10Web で WordPress を簡素化
10Web マネージド WordPress ホスティングを使用して手動作業を省略して自動化します。 WordPress ウェブサイトを簡単に最適化します。
クラシックエディターを使用してWordPressにページを追加する方法
より伝統的なワード プロセッサのようなエクスペリエンスを希望する場合は、クラシック エディタを使用できます。 まだ有効になっていない場合は、WordPress プラグイン リポジトリからクラシック エディター プラグインをインストールする必要がある場合があります。
- [プラグイン] > [新規追加]に移動して、クラシック エディター プラグインをインストールします。Classic Editorを検索し、インストールしてアクティブ化します。
- アクティブ化したら、[設定] > [書き込み]に移動し、デフォルトのエディターとしてクラシック エディターを選択します。
- Gutenberg の方法と同様に、[ページ] > [新規追加]に移動します。これにより、クラシック エディターを使用して新しいページが開きます。
- ワードプロセッサに似たWYSIWYG (What You See Is What You Get) エディタが表示されます。
- 上部にタイトルを追加し、下のテキスト領域を使用してコンテンツを追加します。 テキスト領域の上のツールバーには、太字、斜体、リストなどの書式設定オプションがあります。
- 画像またはビデオを追加するには、ツールバーの上にある「メディアの追加」ボタンをクリックし、ライブラリから既存のメディアをアップロードまたは選択します。
- 右側にある[プレビュー]ボタンを使用して、公開前にページを表示します。
- 「公開」をクリックして、訪問者がページにアクセスできるようにします。
最新のブロックベースのアプローチで Gutenberg を選択する場合でも、単純なワードプロセッサ機能でクラシック エディターを選択する場合でも、WordPress を使用するとサイトのページの構築とカスタマイズが簡単になります。
WordPressでページを削除する方法
WordPress サイトからページを削除する必要がある場合は、次の簡単な手順に従って、適切でクリーンな削除プロセスを実行してください。
ステップ 1: ページ リストに移動する
- WordPress ダッシュボードにログインします。
- 「ページ」をクリックして、現在のページのリストを開きます。
ステップ 2: 削除するページを見つける
- ページのリストを参照するか、検索機能を使用して、削除する特定のページを見つけます。
ステップ 3: 単一ページを削除する
- 1 ページだけを削除する場合は、ページ タイトルの上にカーソルを置くとオプションが表示されます。
- 「ゴミ箱」をクリックしてページをゴミ箱に移動します。
ステップ 4: 複数のページを削除する
- 複数のページを削除するには、各ページのタイトルの横にあるチェックボックスをオンにします。
- [一括アクション] > [ゴミ箱に移動]を選択します。
- 「適用」ボタンを押します。
ステップ 5: ページを完全に削除する
- ページリストの上部にある「ゴミ箱」リンクをクリックしてゴミ箱にアクセスします。
- ページを完全に削除するには、ページの上にマウスを移動し、[完全に削除] をクリックします。
- 一括削除の場合は、一括アクションを使用してプロセスを繰り返します。
ページを完全に削除すると、バックアップがない限り復元できないことに注意してください。 ページを削除する前に、そのコンテンツが今後必要なくなるかどうかを確認することを検討してください。
デザインとカスタマイズ
Web サイトを構築する場合、ビジュアル アイデンティティはデザインとカスタマイズを通じて表現されます。 テーマの利用、メニューのカスタマイズ、ページ レイアウト オプションの選択が、ブランドや視聴者の共感を呼ぶ独特の外観を作成するための鍵となります。
テーマの使用
サイトの目的に合ったテーマを選択してください。 それはページの美しさと機能的なパターンを決定します。 WordPress ダッシュボードの「外観」セクションを参照して、希望する外観に対応するテーマをプレビューしてアクティブ化します。 テーマは、事前にデザインされたテンプレートとパターンのコレクションを提供するだけでなく、全体のレイアウトも定義し、ヘッダー、フッター、その他の要素の広範なカスタマイズを可能にします。
メニューのカスタマイズ
サイトのナビゲーションを強化するには、[外観] > [メニュー]セクションでナビゲーション メニューを調整します。新しいメニューを作成し、ページをドラッグ アンド ドロップして順序を調整します。 次のことを忘れないでください。
- メニューの表示位置を設定します(上部ヘッダー、フッターなど)。
- カテゴリ、カスタム リンク、または投稿を組み込んで、包括的なナビゲーションを実現します。
- メニュー オプションを使用して、項目のラベルまたは属性をカスタマイズします。
ページレイアウトのオプション
ページ テンプレートを選択して、個々のページの構造を確立します。 WordPress では、デフォルト、全幅、サイドバー付きなど、さまざまなテンプレート オプションが提供されており、それぞれがコンテンツのレイアウトに影響します。次の方法でユニークなページデザインを作成します。
- エディターを使用して、段落、画像、列などのブロックを追加します。
- 視覚的なインパクトを与えるためにヘッダーにカバー画像を実装します。
- ページの目的に合わせてサイドバーと列の設定を調整します。
テーマ、メニュー構成、ページ レイアウトの適切な組み合わせを選択すると、一貫性のある視覚的に魅力的な Web サイトを作成することができます。
SEOと可視性の向上
WordPress サイトにページを追加するときは、検索エンジン最適化 (SEO) を強化して可視性を高めることが重要です。 SEO とは、検索エンジンの結果で上位にランクされるように Web サイトを最適化し、人々があなたのコンテンツを見つけやすくすることを指します。
- パーマリンクと URL : パーマリンクが SEO に適していることを確認してください。 ページのコンテンツに関連するキーワードを含む明確な構造を使用してください。 数字と疑問符を含むデフォルトの URL の代わりに、URL は読みやすく、ページのトピックを説明する必要があります。
- 例: https://www.yourdomain.com/how-to-add-pages-in-wordpress は https://www.yourdomain.com/?p=123 よりも情報量が多く、SEO に最適化されています。
- カテゴリとタグ: カテゴリとタグを使用してコンテンツを整理し、検索エンジンがサイトの構造を理解しやすくします。カテゴリはより広範ですが、タグはより具体的で、ページ内のトピックを強調表示します。
- カテゴリ: 「SEO のヒント」、「WordPress ガイド」などの広範なトピック
- タグ: 「パーマリンク」、「URL 最適化」など、より具体的なもの
- ソーシャルメディアの統合: ページにソーシャル共有ボタンを追加します。 これにより、訪問者がコンテンツを共有することが促進され、可視性が高まり、トラフィックが増加する可能性があります。
要約すると、WordPress でページを追加する方法を学ぶ際には、SEO を重視した URL の設定、カテゴリとタグの効果的な使用、ソーシャル メディアの統合などの単純なアクションが、検索エンジンでのサイトの可視性に大きな影響を与える可能性があることを覚えておいてください。 SEO の取り組みを強化するには、これらの要素に焦点を当てます。
10Web で WordPress を簡素化
10Web マネージド WordPress ホスティングを使用して手動作業を省略して自動化します。 WordPress ウェブサイトを簡単に最適化します。
訪問者との交流
WordPress サイトの訪問者と関わることは、コミュニティを構築し、交流を促進するために非常に重要です。 ダイアログを作成する方法は次のとおりです。
- コメント:投稿へのコメントを有効にすると、訪問者がフィードバックを提供し、ディスカッションを開始できるようになります。これらの設定は、WordPress ダッシュボードのディスカッションで管理できます。
- 連絡先:連絡先ページは必須です。 WPForms などのプラグインを使用すると、コーディングを必要とせずにお問い合わせフォームを作成できます。
- 概要:概要ページには、あなたが誰であるか、あなたのサイトが何についてのものであるかを明確に記載する必要があります。 個人またはブランドのストーリーを含めると、訪問者とのつながりを作るのに役立ちます。
- 購読: 購読オプションを提供します。ページに統合されたシンプルな「購読」ボタンまたはフォームは、新しいコンテンツについて通知することで訪問者を維持するのに役立ちます。
- ソーシャル メディアの統合:ソーシャル メディア プロフィールにリンクするボタンを作成するか、プラグインを使用して最新のソーシャル メディア投稿をサイトに直接表示します。
アクション | ツール |
コンテンツを共有する | ソーシャルメディアプラグイン |
対話を開始する | コメントシステム |
ネットワークの構築 | お問い合わせフォーム、購読 |
コメントセクションやフォーラムでプロフェッショナルで敬意を持った環境を維持することは、コンテンツ自体と同じくらい重要であることを忘れないでください。 会社概要セクションには人間味が加わり、お問い合わせページを効果的に活用することで、視聴者が簡単に連絡できるようになります。
訪問者とのそれぞれのやり取りに目的を持たせ、あなたが代表するブランドを反映させましょう。 彼らがオンライン スペースで積極的に参加できるようにします。
Webサイト構造の管理
Web サイトの構造を効果的に管理することは、ユーザー ナビゲーションと検索エンジンの最適化の両方にとって重要です。 ページを慎重に整理し、ホームページを設定することで、サイトの使いやすさと成長のための強固な基盤を築くことができます。
ページと投稿の整理
ページはサイトの静的要素として機能し、通常は会社概要や連絡先情報などの常緑のコンテンツが含まれます。一方、投稿は動的であり、多くの場合、トピックやテーマを反映したカテゴリに編成されます。 それらを整理する方法は次のとおりです。
- 順序付け:メイン ページとサブページ (子ページ) の階層構造でページを配置します。これは、各サブページに親ページを割り当てることで実行できます。
- すべてのページ: [すべてのページ]画面を使用して、公開済みページ、下書きページを管理し、「編集」、「ゴミ箱」、「表示」などのクイック アクションでそれらを再配置します。
- カテゴリ: ユーザーがブログ投稿を簡単にナビゲートできるように、ブログ投稿をカテゴリにグループ化し、主題やトピックを反映して簡単に見つけられるようにします。
各ページまたは投稿が適切に分類され、順序付けされていることを確認することで、サイトの明確さとフローが強化されます。
ホームページのセットアップ
Web サイトのホームは訪問者が受ける第一印象であるため、戦略的に設定することが重要です。
- 静的ページ:一貫したウェルカム メッセージや機能を表示したい場合は、ホームページとして静的ページを選択します。
- ブログ ページ:定期的に更新されるコンテンツに重点を置く場合は、ブログ ページを選択してホーム インターフェイスとして最新のブログ投稿を表示します。
- 設定: WordPress ダッシュボードで[設定]>[読み取り]に移動し、ホームを静的ページにするかブログ ページにするかを設定します。
ビジネス ページの常緑コンテンツでも、ブログの新鮮で定期的に更新されるコンテンツでも、ホームページはサイトの目的を反映する必要があることに注意してください。
10Web で WordPress を簡素化
10Web マネージド WordPress ホスティングを使用して手動作業を省略して自動化します。 WordPress ウェブサイトを簡単に最適化します。
サイトの公開と保守
WordPress でページを追加する方法を学んだ後、次の重要な手順には、サイトを公開し、長期にわたってスムーズな運用を確保することが含まれます。
サイトをライブ配信する
サイトを公開するには、WordPress ダッシュボードにログインすることが最初のステップです。 新しく作成したページを公開する方法は次のとおりです。
- 「ページ」セクションに移動します。
- 公開するページの上にマウスを置き、 「プレビュー」ボタンをクリックしてページを最後に確認します。
- すべて問題なければ、 「公開」ボタンをクリックして公開します。
- 後で公開したい場合は、下書きの保存またはスケジュール機能を使用して将来の日付を設定します。
Web サイトのメンテナンスのベスト プラクティス
ウェブサイトを最適に機能させるには、 WordPress の定期的なメンテナンスが不可欠です。 次のメンテナンスのベスト プラクティスを採用してください。
- コンテンツを更新する: 新しいページを定期的に追加するか、既存のページを更新して、サイトの関連性を維持します。
- バックアップ: 以前のバージョンを復元する必要がある場合に備えて、Web サイトの自動バックアップを設定します。
- WordPress のアップデート: WordPress のインストール、テーマ、プラグインを常に最新の状態に保ち、セキュリティの脆弱性にパッチを当て、機能を向上させます。
- 監視: ツールを使用してサイトのパフォーマンスとセキュリティを監視し、問題を事前に管理します。
結論
WordPress でページを追加する方法をマスターすると、Web サイトの構造とコンテンツ配信を大幅に強化できます。 このガイドで概説されている簡単な手順に従うことで、ページを効率的に作成およびカスタマイズでき、コンテンツをより適切に整理し、訪問者のエンゲージメントを向上させることができます。 練習すれば完璧になるということを忘れないでください。自分のサイトに最適なものを見つけるために、ためらわずにさまざまな設定やレイアウトを試してください。