連載
» 2014年02月06日 18時00分 公開

WordPressインストール&テーマカスタマイズ超入門隔週刊「キャンペーンサイト構築&運用」(2)(4/4 ページ)

[佐藤翔,ねこポッポ]
前のページへ 1|2|3|4       

「プレゼント紹介コーナー」「キャンペーンについて」を編集可能にする

 管理画面メニューの「固定ページ」→「新規追加」で、下記のように各プレゼントのページを作成する。パーマリンクの「page_id」は後で使用する。固定ページ自体は今回は表示させずに、ここで編集した中身をトップページで表示できるようにする。

固定ページ編集画面

 今回は固定ページを合計3つ作成した。

固定ページ一覧

 そして先ほど作成した固定ページの内容(タイトルと本文)をトップページに出力するために、index.phpの該当個所に下記のように記述する。

 2行目で先ほどの固定ページのIDを$page_id変数に代入し、get_post()に引数として渡し固定ページ情報を取得。得られたタイトルと本文の情報を基にapply_filtersを使い、フィルターを通し整形し、それぞれ「$title」「$content」という変数に代入する。HTMLの表示したい場所に変数を記述すれば中身が出力される。

<?php
    $page_id = 10; //固定ページのID
    $page = get_post($page_id, 'OBJECT', 'edit'); //固定ページの情報を取得
    $title = apply_filters( 'the_title', $page->post_title ); 
    $content = apply_filters( 'the_content',$page->post_content);
?>
<div id="contentsPresent">
  <div class="presentBox">
    <div class="presentTitle">
      <span class="listAlpha">A</span><?php echo $title; ?>
    </div>
    <div class="presentBoxInner">
      <?php echo $content ?>
      <div class="clearFloat"></div>
    </div>
  </div>
プレゼント紹介コーナー
<div id="entryPolicy">
  <?php
      $page_id = 22;//固定ページのID
      $page = get_post($page_id, 'OBJECT', 'edit'); //固定ページの情報を取得
      $title = apply_filters( 'the_title', $page->post_title );
      $content = apply_filters( 'the_content',$page->post_content);
  ?>
  <h2><?php echo $title; ?></h2>
  <?php echo $content; ?>
</div>
キャンペーンについて

 このように各固定ページを編集することで、トップページの各パーツの内容を変更できるようになった。

次回は、応募フォーム作成とDB構築

 次回は、応募フォームをWordPressプラグインで作成し、入力された情報がデータベースに格納されるまでの作業の解説をする。


著者プロフィール

佐藤 翔(ねこポッポ

ネコ大好きWebデザイナー。ネコTシャツやネコマンガを描いて暮らしている。


前のページへ 1|2|3|4       

Copyright © ITmedia, Inc. All Rights Reserved.

RSSについて

アイティメディアIDについて

メールマガジン登録

@ITのメールマガジンは、 もちろん、すべて無料です。ぜひメールマガジンをご購読ください。