Download as PDF, PPTX
Home.phpを使ってtopページをカスタマイズしよう！
- 1. home.phpを使ってTOP ページをカスタマイズしよう！ 第１９回WordBench神戸 photo by Huasonic http://www.flickr.com/photos/huasonic/3008074711/
- 2. 簡単に自己紹介 はじめまして！ photo by anko.gaku_ula http://www.flickr.com/photos/anko3-gaku_ula/3738379893/in/photostream/
- 3.
- 4.
- 5.
- 6.
- 7.
- 8.
- 9.
- 10.
- 11.
- 12.
- 13.
- 14.
- 15.
- 17.
- 18.
- 19.
- 20.
- 21.
- 22.
- 23.
- 24.
- 25.
- 26.
- 27.
- 28.
- 29.
- 30. index.php=TOPページ なのか？
- 31.
- 32.
- 33.
- 40.
- 41. すべての道はindex.phpに通ず photo by ho visto nina volare http://www.flickr.com/photos/41099823@N00/4434875759/
- 42.
- 43.
- 44.
- 45. それもテンプレート階層に 書いてます
- 51. TOPページと言えるテンプレート front-page.php home.php
- 52.
- 55.
- 59.
- 60.
- 61.
- 62.
- 63.
- 66.
- 67.
- 68.
- 69.
- 70.
- 71. 投稿内容の一覧を 表示したいなら <?php if ( have_posts() ) : ?> while ( have_posts() ) : the_post(); ?> <ul> <li><?php the_time('Y年m月d日'); ?></li> <li><?php the_title(); ?></li> </ul> <?php endwhile; endif; ?>
- 72. 投稿内容の一覧を 表示したいなら <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?> <ul> <li><?php the_time('Y年m月d日'); ?></li> <li><?php the_title(); ?></li> </ul> <?php endwhile; endif; ?>
- 73. なんで投稿の一覧を取得することが 出来るのか？
- 77.
- 78.
- 79.
- 80.
- 81.
- 82.
- 83.
- 84.
- 85.
- 86.
- 87.
- 88.
- 89.
- 90.
- 91.
- 92.
- 93.
- 94.
- 95.
- 96.
- 97.
- 98.
- 99.
- 100.
- 101.
- 102.
- 103.
- 104.
- 105.
- 106.
- 107.
- 108.
- 109.
- 110.
- 111.
- 112.
- 113.
- 114.
- 115.
- 116.
- 117.
- 118.
- 119.
- 120.
- 121.
- 122.
- 123.
- 124.
- 125.
- 126.
- 127.
- 128. pre_get_postsフック functions.php // TOPページの投稿一覧を５件表示する function home_display_five_articles($wp_query ) { if ( $wp_query->is_main_query() && $wp_query->is_home() ) { $wp_query->set( 'posts_per_page', 5 ); } } add_action( 'pre_get_posts', 'home_display_five_articles' );
- 129. pre_get_postsフック functions.php // TOPページのNewsカテゴリーの投稿を５件表示する function home_display_five_articles($wp_query ) { if ( $wp_query->is_main_query() && $wp_query->is_home() ) { $wp_query->set( 'posts_per_page', 5 ); $wp_query->set( 'category_name', 'news' ); } } add_action( 'pre_get_posts', 'home_display_five_articles' ); http://codex.wordpress.org/Class_Reference/WP_Query
- 130. get_posts関数 home.php <?php // 5件データを取得する?> <?php $my_posts=get_posts('posts_per_page=5'); ?> <?php foreach($my_posts as $my_post): ?> <ul> <li><?php echo $my_post->post_date; ?></li> <li><?php echo $my_post->post_title; ?></li> </ul> <?php endforeach; ?>
- 131. get_posts関数 home.php <?php // 5件データを取得する?> <?php $my_posts=get_posts('posts_per_page=5'); ?> <?php foreach($my_posts as $my_post): ?> <ul> <li><?php echo $my_post->post_date; ?></li> <li><?php echo $my_post->post_title; ?></li> </ul> <?php endforeach; ?>
- 132. get_posts関数 // 5件データを取得する <?php $my_posts=get_posts('posts_per_page=5');?> // 5件記事を取得してランダム表示する <?php $my_posts=get_posts('posts_per_page=5&orderby=rand'); ?> // 日付けを古いもの順に表示する <?php $my_posts=get_posts ('posts_per_page=5&orderby=post_date&order=ASC'); ?> // 『news』カテゴリーに所属している記事のみ5件表示する <?php $my_posts=get_posts('posts_per_page=5&category_name=news'); ?>
- 133.
- 134. get_posts関数 home.php <?php // 『event』カテゴリーの中から5件データを取得する?> <?php $my_posts=get_posts('category_name=events&posts_per_page=5' ); ?> <?php foreach($my_posts as $my_post): ?> <ul> <li><?php echo $my_post->post_date; ?></li> <li><?php echo $my_post->post_title; ?></li> </ul> <?php endforeach; ?>
- 135. ご清聴ありがとうございました tkc49 takashi.hosoya