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

[佐藤翔，ねこポッポ]

印刷

通知 連載「隔週刊「キャンペーンサイト構築＆運用」」の新着をメールで通知

見るPost

Shareシェア

はてなブックマーク

SharePocket Button

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

　管理画面メニューの「固定ページ」→「新規追加」で、下記のように各プレゼントのページを作成する。パーマリンクの「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プラグインで作成し、入力された情報がデータベースに格納されるまでの作業の解説をする。

縺薙�騾｣霈峨ｒ縲碁€｣霈芽ｨ倅ｺ九い繝ｩ繝ｼ繝医€阪↓逋ｻ骭ｲ縺吶ｋ New

「次回」へ

「隔週刊「キャンペーンサイト構築＆運用」バックナンバー

• キャンペーンサイトのアクセス解析とリポート作成
• WordPressでのスマホ表示最適化と使えるプラグイン
• WordPressでのキャンペーン運用に超絶便利なプラグイン3選
• WordPressインストール＆テーマカスタマイズ超入門
• Windows Azure Webサイトで始めるらくらくキャンペーンサイト作成！

著者プロフィール

佐藤 翔（ねこポッポ）

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