自作テーマ用のindex.phpの元
今後自作テーマを作成するときに使える、元となるindex.phpを書いておく。
既にあるテーマをカスタマイズするのもありなのだが、自分のわからないソース等たくさんが書いてあってカスタマイズできなくなるので、自作するとき用の元のもとを作った。
以下のソースは
http://wpguidebook.com/2008/08/29/wordpress-2-guidebook-data/
からダウンロードしたもの。この本買っておいてよかった。
<?php get_header(); ?> <div id="content"> <div id="inner"> <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?> <div class="post"> <h2 class="posttitle"><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></h2> <dl class="metadata"> <dt>投稿日:</dt> <dd><?php the_time('m.d.Y'); ?></dd> <dt>カテゴリー:</dt> <dd><?php the_category('、') ?></dd> <?php if (get_the_tags()) { ?> <dt>タグ:</dt> <dd><?php the_tags('', '、', '') ?></dd> <?php } ?> <dt>コメント・トラックバック:</dt> <dd class="last"><?php comments_popup_link('0件', '1件', '%件','','コメントは受け付けていません'); ?></dd> </dl> <?php edit_post_link('編集', '<p><strong>', '</strong></p>' ); ?> <?php the_content('続きを読む »'); ?> </div><!-- END div.post --> <p class="navigation"><?php posts_nav_link(' | ','« 新しい投稿へ','過去の投稿へ »'); ?></p> <?php endwhile; else: ?> <p><?php _e('Sorry, no posts matched your criteria.'); ?></p> <?php endif; ?> </div><!-- div#inner --> </div><!-- div#content --> <?php get_sidebar(); ?> <?php get_footer(); ?>
ソースの説明
<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
これは投稿されたすべての記事を表示させるためのループ。
後は要所要所に日付やらタイトルやらを出力させるタグが入っているが、省略。
フッターが表示されなかったのは、index.phpの中のコンテンツが正しく表示されていなかったのが原因だった。
今後やる事
今後試す事として、
- 記事単体ページの作成
- CSSでの装飾
- 静的ページをTOPページに持ってくる
- Webユーザー用のログイン画面を作る。ユーザーによって表示を変える。
をやっていこうかな。
- ヘッダ作成メモはこちら