WebデザイナーのためのWordPress 入門 3.x対応

サポートページ

この記事を読むのに必要な時間:およそ 0.5 分

ダウンロード

ご利用の前に

サンプルファイルについて,一般的な環境においては特に問題のないことを確認しておりますが,万一障害が発生し,その結果いかなる損害が生じたとしても,小社および著者はなんら責任を負うものではありません。また生じた損害に対する一切の保証をいたしかねます。必ずご自身の判断と責任においてご利用ください。

本書で紹介しているテーマの完成版を,チャプター(章)ごとにまとめています。

サンプルデータはZIP圧縮してありますので,ダウンロード後,解凍してご利用ください。

くわしい使い方につきましては,付属のreadme.txtをご確認ください。

ダウンロード
サンプルファイル(wordpress_gh.zip)

お詫びと訂正(正誤表)

本書の以下の部分に誤りがありました。ここに訂正するとともに,ご迷惑をおかけしたことを深くお詫び申し上げます。

P.62 MEMO 5行目

今回のサンプルでは引数にtitle_liを指定していますので、wp_list_pages('exlude=2,3&title_li=')というよ
今回のサンプルでは引数にtitle_liを指定していますので、wp_list_pages('exclude=2,3&title_li=')というよ

P.119 下から2行目

また、ダウンロードしたサンプルファイルの「photo-gallery」フォルダ内にある「images」と「commons」をアップします。
また、ダウンロードしたサンプルファイルの「photo-gallery」フォルダ内にある「images」をアップします。

P.133 style.css 74~75行目

background: url('images/comment.
gif') left center no-repeat;
background: url('images/comment.gif') left center no-repeat;

※1行目の改行は不要です。

P.185 items.php

<?php if(have_posts()): while(have_posts()): the_post(); ?>
  <li>
    <div class="image"><a href="<?php the_permalink(); ?>"><?php the_post_thumbnail('thumbnail'); ?></a></div>
    <h3><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h3>
    <?php the_content(); ?>
    <div class="price"><?php echo(get_post_meta(get_the_ID(),'price',true)); ?>円</div>
  </li>
<?php endwhile; endif; ?>
<?php if(have_posts()): while(have_posts()): the_post(); ?>
  <li>
    <div class="image"><a href="<?php the_permalink(); ?>"><?php the_post_thumbnail('thumbnail'); ?></a></div>
    <h3><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h3>
    <?php global $single;
    if(!$single) { 
      the_content();
      ?>
      <div class="price"><?php echo(get_post_meta(get_the_ID(),'price',true)); ?>円</div>
    <?php } ?>
  </li>
<?php endwhile; endif; ?>

※5行目を5~8行目のように修正します。

※10行目を追加します。

P.186 最終行

図のように表示されれば成功です。ドリンクとフードそれぞれに記事を登録して確認してみましょう。
図のように表示されれば成功です。ドリンクとフードそれぞれに記事を登録して確認してみましょう。なお、商品の画像はポストサムネイル(アイキャッチ画像)として登録します。手順については123ページをご覧ください。

P.188 single-drink.php

<?php get_header(); ?>
<h2>ドリンク</h2>
<?php if(have_posts()): while(have_posts()): the_post(); ?>
  <div class="image"><?php the_post_thumbnail('medium'); ?></div>
  <h3><?php the_title(); ?></h3>
  <?php the_content(); ?>
  <div class="price"><?php echo(get_post_meta(get_the_ID(),'price',true)); ?>円</div>
<?php endwhile; endif; ?>
<h3>ドリンクメニュー</h3>
<ul class="menu drink-menu parallel">
<?php
  $single = true;
  query_posts('post_type=drink');
  get_template_part('items');
  wp_reset_query();
?>
</ul>
<?php get_footer(); ?>
<?php get_header(); ?>
<h2>ドリンク</h2>
<?php if(have_posts()): while(have_posts()): the_post(); ?>
<div class="one parallel">
  <div class="image"><?php the_post_thumbnail('medium'); ?></div>
  <div class="text">
    <h3><?php the_title(); ?></h3>
    <?php the_content(); ?>
    <div class="price"><?php echo(get_post_meta(get_the_ID(),'price',true)); ?>円</div>
  </div>
</div>
<?php endwhile; endif; ?>
<h3>ドリンクメニュー</h3>
<ul class="menu drink-menu parallel">
<?php
  $single = true;
  query_posts('post_type=drink');
  get_template_part('items');
  wp_reset_query();
?>
</ul>
<?php get_footer(); ?>

※4行目、6行目、10~11行目を追加します。

P.190 single-food.php

<?php get_header(); ?>
<h2>フード</h2>
<?php if(have_posts()): while(have_posts()): the_post(); ?>
  <div class="image"><?php the_post_thumbnail('medium'); ?></div>
  <h3><?php the_title(); ?></h3>
  <?php the_content(); ?>
  <div class="price"><?php echo(get_post_meta(get_the_ID(),'price',true)); ?>円</div>
<?php endwhile; endif; ?>
<h3>フードメニュー</h3>
<ul class="menu drink-menu parallel">
  <?php
  $single = true;
  query_posts('post_type=food');
  get_template_part('items');
  wp_reset_query();
  ?>
</ul>
<?php get_footer(); ?>
<?php get_header(); ?>
<h2>フード</h2>
<?php if(have_posts()): while(have_posts()): the_post(); ?>
<div class="one parallel">
  <div class="image"><?php the_post_thumbnail('medium'); ?></div>
  <div class="text">
    <h3><?php the_title(); ?></h3>
    <?php the_content(); ?>
    <div class="price"><?php echo(get_post_meta(get_the_ID(),'price',true)); ?>円</div>
  </div>
</div>
<?php endwhile; endif; ?>
<h3>フードメニュー</h3>
<ul class="menu drink-menu parallel">
  <?php
  $single = true;
  query_posts('post_type=food');
  get_template_part('items');
  wp_reset_query();
  ?>
</ul>
<?php get_footer(); ?>

※4行目、6行目、10~11行目を追加します。

P.p.203 5行目

これらのファイルはほぼそのまま流用します。次にChapter2で作成したPC用のテーマである
これらのファイルはほぼそのまま流用します。次にChapter4で作成したPC用のテーマである