このレッスンでは、固定ページと投稿の違いを学びます。また、どちらを使うべきか、どこで追加し、どのように編集するかも学びます。このレッスンプランでは、投稿と固定ページの違いを説明し、WordPressで両方を扱う方法を紹介します。
目標
このレッスンを完了すると、次のことができるようになります。
- 固定ページは静的なものであることを理解する
- 投稿は動的なものであることを理解する
- 投稿を使う場合と固定ページを使う場合を覚える。
前提条件
次の経験や知識があると、このレッスンにさらに取り組みやすくなります。
リソース
- 練習用のWordPressサイト
- サンプルサイトにインポートするテストデータ(テーマユニットテスト)
- lipsum.comへのリンク
- アイキャッチ画像としてアップロードする画像を用意するか、http://placekitten.com/から画像を探す
事前確認の質問
- 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にtitolo-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を使って固定ページにコンテンツを入力します。
- アイキャッチ画像を追加します。
- 固定ページに適用する公開状態の設定を選択し、その理由を説明します。
- 固定ページを公開します。
- **ボーナス:サイトのメニューに固定ページを追加します。
クイズ
投稿とは……次のうちどの形容詞が当てはまりますか?
- 静的
- 動的
答え: 2. 動的
固定ページとは……次のうちどの形容詞が当てはまりますか?
- 静的
- 動的
答え: 1. 静的
固定ページにタグを付けることはできますか?
答え: いいえ。
初期設定では、固定ページはサイト上で新しいものから順に、別のページの前に表示されます。
- 正しい
- 誤り
答え: 2. 誤り。投稿は新しいものから順に表示されます。固定ページではありません。
______________________________________________________________________________________________________
リソース
デモでは次のテーマを1つ以上使用してください。
- Twenty Twelveテーマ
- Twenty Thirteenテーマ
- Twenty Fourteenテーマ
- Twenty Fifteenテーマ
- Twenty Sixteenテーマ
- Twenty Seventeenテーマ