固定ページと投稿の違い


このレッスンでは、固定ページと投稿の違いを学びます。また、どちらを使うべきか、どこで追加し、どのように編集するかも学びます。このレッスンプランでは、投稿と固定ページの違いを説明し、WordPressで両方を扱う方法を紹介します。

目標

このレッスンを完了すると、次のことができるようになります。

  • 固定ページは静的なものであることを理解する
  • 投稿は動的なものであることを理解する
  • 投稿を使う場合と固定ページを使う場合を覚える。

前提条件

次の経験や知識があると、このレッスンにさらに取り組みやすくなります。

リソース

事前確認の質問

  • WordPressまたは別のコンテンツ管理システムを使ったことがありますか?
  • ブログを管理したことがありますか?
  • 文章を書く能力についてどう思いますか?

講師向けメモ

  • このレッスンでは画像アップローダーを使用しますが、WordPressが提供するメディア機能については詳しく扱いません。この内容は今後のレッスンで取り上げます。
  • このプロジェクトでは、lipsum.comからダミーコンテンツをコピーして貼り付けます。これにより、テスト用の固定ページや投稿をすばやく作成できます。開発プロセスにおける「ダミーコンテンツ」(別名dummy data)の概念を学生に説明することをおすすめします。
  • 講師は、ローカルまたはリモートサーバーにインストールされた投稿エディターと固定ページエディターにアクセスできるようにしてください。このエディターはすべての学生から見える状態にします。
  • 必要に応じて、学生もローカルまたはリモートサーバーにインストールされた自分のエディターにアクセスできるようにします。
  • 講師向けの指示は角括弧内に示されています。

実践手順

はじめに

今日は投稿と固定ページの違いを学びます。とてもよく似ているように見えますが、それぞれに固有の機能があります。

投稿は動的です。つまり、さまざまな方法で使ったり表示したりできます。投稿は通常、ブログページに表示される投稿の集合、特定の投稿カテゴリーのアーカイブページ、サイドバーウィジェットの抜粋などの一部になります。

固定ページは静的です。つまり、一度作成したら、読者がアクセスして読めるようにメニュー項目、リンクのアンカーテキスト、またはボタンにリンクする必要があり、内容を実際に変更しない限り同じ場所に残ります。最も簡単な例は「会社概要」ページや「お問い合わせ」ページです。違いを理解する最良の方法は、投稿と固定ページの両方を実際に試してみることです。

サイトにログインする

投稿や固定ページを作成する前に、サイトにログインする必要があります。そのためには、ブラウザーのアドレスバーにiltuosito.it/wp-adminと入力し(“iltuosito.it”を実際のWebサイトの’URLに置き換えます)、ユーザー名とパスワードを入力します。同じコンピューター(公開端末ではない)を使って後でWebサイトに戻り、自動的にログインしたい場合は、“ログイン状態を保存する”チェックボックスを選択できます。このボックスを選択すると、ブラウザーは14日間ログイン状態を保持します。選択しない場合は、ブラウザーを閉じたとき、または2日後にログアウトされます。パスワードを覚えていない場合は、フォームの下にある“パスワードをお忘れですか?”リンクをクリックします。ユーザー名またはメールアドレスを入力すると、新しいパスワードを作成するためのリンクがメールで届きます。

投稿の追加を練習する

それでは投稿を追加してみましょう。サイトに投稿を追加するには、上部の管理バーから“新規”を選択します。または、ダッシュボード > 投稿 > 新規追加に移動することもできます。公開オプションを少し確認してみましょう。すぐに公開したり、投稿を予約したり、投稿をパスワードで保護したりできます。投稿の一部だけをソーシャルメディアやブログのメインページに表示したい場合は、投稿の編集中に“続きを読む”ブロックを挿入します。投稿には固有のURLが設定されます。次の例で“titolo-articolo”と書かれていることに気付きましたか?例:http://iltuosito.it/data/titolo-articolo/(実際のパスは、設定 > パーマリンクで選択した設定によって異なります)。

固定ページの追加を練習する

投稿の作成に慣れたら、固定ページを作成してみましょう。サイトに固定ページを追加するには、上部の管理バーから“新規”を選択します。または、ダッシュボード > 固定ページ > 新規追加に移動することもできます。このページの公開オプションを確認してください。また、固定ページでは固有のURLにt​​itolo-paginaが使われていることにも注目してください。例:http://iltuosito.it/titolo-pagina/

投稿と固定ページの共通点

新しい投稿と新しい固定ページを横に並べて開きます。両方に次のオプションがあることを示します。

  • タイトル
  • コンテンツ
  • メディアを追加
  • ディスカッション設定
  • 共有設定
  • アイキャッチ画像
  • 公開状態の設定

固定ページの特徴

固定ページは静的で、日付順には一覧表示されないことに注目してください。タグやカテゴリーはなく、テンプレートを変更できます。メニューを使って読者に固定ページを目立たせたり、「固定ページ一覧」ウィジェットを使ったりできます。テーマによっては、ブログ上部のタブに固定ページを表示します。固定ページの一般的な用途は次のとおりです。

  • カテゴリー固定ページ
  • お問い合わせページ
  • 会社概要ページ
  • ホームページ

投稿の特徴

すでに説明したように、投稿は固定ページとは少し異なります。投稿はアーカイブ、カテゴリー、最近の投稿、さまざまなウィジェット、ブログのRSSフィードなどで見つけられることに注目してください。投稿を表示する方法もいくつかあります。たとえば、投稿を固定表示にすると、その投稿がほかのすべての投稿より先に表示されます。また、WordPressの管理画面で設定 > 表示設定に移動すると、表示する投稿数を制限できます。 

演習

投稿を追加する:適切なツールを選択し、Lorem Ipsumを使ってコンテンツを追加して、ブログ投稿を作成する方法を学びます。

  • 投稿を作成します。
  • 投稿にタイトルを付けます。
  • Lorem Ipsumを使って投稿にコンテンツを入力します。
  • アイキャッチ画像を追加します。
  • タグとカテゴリーを選択します。
  • 投稿に適用する公開状態の設定を選択し、その理由を説明します。
  • 5分後に投稿が公開されるよう予約します。 [O qualsiasi altro lasso di tempo si desideri, quanto basta per vederlo pubblicato prima che la lezione finisca].
  • ブログページを確認し、投稿がまだ表示されていないことを確かめます。
  • 「公開」時刻が過ぎた後にもう一度確認し、投稿が公開されていることを確認します。
  • **ボーナス:投稿に戻り、固定表示にします。

固定ページを追加する:適切なツールを選択し、Lorem Ipsumを使ってコンテンツを追加して、ブログの固定ページを作成する方法を学びます。

  • 固定ページを作成します。
  • 固定ページにタイトルを付けます。
  • Lorem Ipsumを使って固定ページにコンテンツを入力します。
  • アイキャッチ画像を追加します。
  • 固定ページに適用する公開状態の設定を選択し、その理由を説明します。
  • 固定ページを公開します。
  • **ボーナス:サイトのメニューに固定ページを追加します。

クイズ

投稿とは……次のうちどの形容詞が当てはまりますか?

  1. 静的
  2. 動的

答え: 2. 動的

固定ページとは……次のうちどの形容詞が当てはまりますか?

  1. 静的
  2. 動的

答え: 1. 静的

固定ページにタグを付けることはできますか?

答え: いいえ。

初期設定では、固定ページはサイト上で新しいものから順に、別のページの前に表示されます。

  1. 正しい
  2. 誤り

答え: 2. 誤り。投稿は新しいものから順に表示されます。固定ページではありません。

______________________________________________________________________________________________________

リソース

デモでは次のテーマを1つ以上使用してください。

追加リソース

  1. 投稿
  2. 固定ページ