WordPress備忘録

デザイン

デザインに関する備忘録

記事表示ここから

個別記事ページのデザインを変更する

single.phpファイルを作成

個別記事ページ用のデザインは「single.php」ファイルを作成してアップロードすれば変更できる。

  1. 「index.php」ファイルをコピーしてファイル名を「single.php」にして保存
  2. オリジナルテーマフォルダにアップロードして確認

ほとんど「index.php」から変えていないが、テンプレートタグの php posts_nav_link は意味が無さそうなので削除した。

これで個別記事専用のデザインテンプレートが完成。
が、問題が一つ。

この状態だと全ての個別記事に対して同じテンプレートが適用されてしまう。
やりたい事はカテゴリに属するデザインをそのまま個別記事にも適用させる事。

以下が作成した「single.php」

PHP:
  1. <?php get_header(); ?>
  2. <div id="body">
  3. <div id="contents"><div id="content">
  4.     <p>これは個別記事のページです。</p> ←ここだけ変更
  5. <!-- 最新記事のループ表示 -->
  6.     <div class="post">
  7.         <?php if(have_posts()) : while(have_posts()) : the_post(); ?>
  8.             <h2><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></h2>
  9.             <?php the_content() ?>
  10.             記事のリンク先URL:<?php the_permalink() ?>
  11.         <?php endwhile; else: ?>
  12.             <p><?php _e('Sorry, no posts matched your criteria.'); ?></p>
  13.         <?php endif; ?>
  14.     </div>
  15. <!-- 最新記事の表示 -->
  16. </div><!-- content-end --></div><!-- contents-end -->
  17. <?php get_sidebar(); ?>
  18. </div><!-- body-end -->
  19. <?php get_footer(); ?>

記事表示ここまで
リンクここまで

この記事のコメント・トラックバックRSS

コメント・トラックバック ここまで

トラックバック用URL:

コメントフォーム

コメント入力

コメントフォーム
※管理人にのみ公開されます

記事のリンク先URL:http://www.is-p.cc/wordpress/design/single/27

空白
ページのトップに戻る
空白