はじめる!WordPress入門

アーカイブページの作成

全334コースを10日間無料で

ぜひご覧ください。

無料で視聴する すべての加入プランを見る
または
カテゴリーや日付別のアーカイブページを表示するためにアーカイブテンプレートを作成します。
講師:
07:43

字幕

このレッスンでは、アーカイブテンプレートの 作成方法について学習します。 今カテゴリーページなどの アーカイブページを開くと、 アーカイブ用のテンプレートを 特に何も用意していないため、 index.php を使って画面が表示されます。 index.php は、アーカイブテンプレートとして 使用される場合には、 自動的にそのアーカイブに マッチした投稿だけを メッセージループで取得して 表示してくれます。 ですが今の状態では 何のアーカイブページなのかが 一目で分かりにくいため、 リストの上に今表示している アーカイブのタイトルを 表示するようにしてみましょう。 それではエディターに移動します。 ここではすべてのアーカイブ系の ページに使用できる archive.php を用意したいと思います。 archive.php を作成して編集します。 お決まりの get_header から始まる 表記を記述していきます。 メインの中には メッセージループを書いていきます。 archive ページでも、同じように get_template_part を使って post テンプレートを読み込んでいきます。 メイン部分が終わったら、 get_sidebar と get_footer を記述します。 それではタイトルを表示する部分を 記述していきましょう。 リストの前に表示するので、 メッセージループの上に記述していきます。 h2 タグに title クラスを付けて、 条件分岐を使って、 表示しているアーカイブごとに 表示するタイトルを変えていきます。 is_category はカテゴリページか どうかを判別します。 カテゴリアーカイブで 現在選択されているカテゴリ名は、 single_cat_title というテンプテートタグで 表示することができます。 elseif で条件を続けて is タグで タグページかどうかを判別します。 タグの名前も single_tag_title で 表示することができます。 続けて is_month タグで 月別のアーカイブページか どうかを判別します。 the_time を使えば、 月別のアーカイブページで選択されている 月を表示することができます。 is_date タグを使えば、 日別のアーカイブページかどうかを 判別することができます。 ここでも the_time を使って タイトルを表示します。 書けたら h2 タグを閉じて、 保存してアップロードします。 この部分のスタイルシートも 書いておきましょう。 style.css を開いて、一番下に スタイルを記述していきます。 タイトルクラスの h2 タグに、 書けたら保存をしてアップロードします。 スタイルを記述していきます。 それではサイトでの表示を 確認してみましょう。 始めに カテゴリページを開いてみます。 選択したカテゴリ名が 表示されるのが確認できます。 次にカレンダーの日付を選択してみます。 日付が表示されました。 月別のアーカイブはどうでしょうか。 日付がちゃんと表示されています。 タグページを開いてみます。 タグの名前が表示されました。 これでアーカイブページが用意できましたが、 ページのタイトル部分を見ると 表記がちょっとおかしいことに気付きます。 ここの表記をもっと 適切なものに変更してみましょう。 エディタに移動します。 header.php を開きます。 wp_title タグは、デフォルトでは タイトルの左側に記号を表示しますが、 今回はタイトルの次に サイト名が来るので、 タイトルの右側に 記号を表示するようにしてみましょう。 wp_title の最初のパラメータは、 表示する記号を変更することができます。 自由に文字列を入力することができます。 2つ目のパラメータには true を指定します。 3つ目のパラメータで light と指定することで、 最初のパラメータで指定した記号を タイトルの右に表示するように 変更することができます。 それでは実際にサイトで 表示を確認してみましょう。 タイトルの表記が変更されました。 自動的にすべてのタイトルが変更されます。 このレッスンでは、アーカイブページの 作成方法について学習しました。

はじめる!WordPress入門

ブログ作成ツールやCMSとしてもっともポピュラーなWordPressを使えば、ブログだけでなく一般的なサイトでも簡単に無料で作ることができます。このコースでは初めての方を対象にWordPressをインストールから実際のサイト構築まで丁寧に解説していきます。

7時間01分 (89 ビデオ)
現在、カスタマーレビューはありません…
 
ソフトウェア・トピック
カテゴリー
ウェブデザイン
CMS
価格: 3,990
発売日:2014年01月14日

このコースは、「オンデマンド」でご利用可能であり、ダウンロードすることもオンラインで見ることもできます。

ダウンロードすると、オフラインでコースを使用し、豊富なインターフェースをフルに活用できます。複数のデバイスを使用したり、 一度に全コースをダウンロードしたくない場合は、アカントにログインして、ストリーミング・ビデオとしてコースのレッスンを視聴してください。

ビデオトレーニングをお楽しみいただけますように! お問い合わせは、cs-jp@lynda.com宛までご連絡ください。