検索
連載

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

本連載では、全5回でWindows Azure WebサイトとWebMatrix 3によってWordPressをカンタンに導入し、キャンペーンサイトを構築して運用するノウハウを解説する。今回は、ローカルPCにWordPressを簡単に環境構築し、テーマをカスタマイズしてクラウドにデプロイするまでの基本的な方法を解説する。

[佐藤翔，ねこポッポ] PC用表示 関連情報
Share
Tweet
LINE
Hatena
前のページへ | 　　　　　　

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

　管理画面メニューの「固定ページ」→「新規追加」で、下記のように各プレゼントのページを作成する。パーマリンクの「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シャツやネコマンガを描いて暮らしている。


Copyright © ITmedia, Inc. All Rights Reserved.

前のページへ | 　　　　　　
ページトップに戻る