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. 細谷 崇
（ほそや たかし）
NPO法人コミュニティリンク
代表理事

4. NPO法人って
福祉じゃないの？

5. 19分野
情報化社会の発展を図る活動

6. WordPressとの関係

7. WordPress使って
WEBサイト制作

8. 共感寄付

9. Kifu KOBE

10. ウブスナ

11. WordPress使って
勉強会

12. 西宮北口駅周辺
毎月２回

13. 箕面駅周辺 毎月２回

14. 富田林市 毎月１回

15. 堺駅周辺 毎月１回
次回：１月２６日（土）

17. 本日のお話の概要

18. home.phpを使って
TOPページをカスタマイズ

19. 例えばこんなこと
ないですか？

20. 企業サイト用のWPテンプ
レートをダウンロードして
これで納品してやるぜ！

21. お客さんに見せたところ

22. 10件から５件表示に変更

23. イベント情報を掲載したい

24. TOPペーじのカスタマイズの
要望が出てしまった・・・

25. PHP?
そんなもん知らねーな

26. ってなった時に
役立つお話です

27. では、TOPページの
カスタマイズ

28. とりま、index.php
を修正すればいいんだろ？

29. ちょっと待った！！

30. index.php=TOPページ
なのか？

31. WordPressの
テンプレート階層を見てみよう

32. http://wpdocs.sourceforge.jp/%E3%83%86%E3%83%B3%E3%83%97%E3%83%AC%E3%83%BC%E3%83%88%E9%9A%8E%E5%B1%A4

33. http://wpdocs.sourceforge.jp/%E3%83%86%E3%83%B3%E3%83%97%E3%83%AC%E3%83%BC%E3%83%88%E9%9A%8E%E5%B1%A4

40. http://wpdocs.sourceforge.jp/%E3%83%86%E3%83%B3%E3%83%97%E3%83%AC%E3%83%BC%E3%83%88%E9%9A%8E%E5%B1%A4

41. すべての道はindex.phpに通ず
photo by ho visto nina volare
http://www.flickr.com/photos/41099823@N00/4434875759/

42. ってことで

43. index.php≠TOPページ

44. じゃぁ、TOPページは
どのテンプレートになるのか

45. それもテンプレート階層に
書いてます

51. TOPページと言えるテンプレート
front-page.php
home.php

52. front-page.phpとhome.phpの
違い

55. TOPページ＝front-page.php
home.phpは日の目を見ることはない
front-page.php>home.php

59. TOPページ＝front-page.php
※トップページ（固定ページ）に紐付く
ブログ（固定ページ）＝home.php

60. 固定ページと紐付く為、固定ページ
の内容をTOPページに表示しやすい
改めて取得し直す必要なし

61. front-page.phpとhome.phpの
使い分け

62. サイトのTOPページとブログの
TOPページを別にしたい場合

63. 参考サイト：http://bren.jp/

66. front-page.php

67. 別に一緒でもOK
またはブログ機能は使わない場合

68. home.php

69. 今回はhome.php

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. 10件から５件表示に変更

78. この要望の対応するなら

79. ここの数字を５に変更すればOK

80. でも全ての一覧表示が
５件表示となる

81. TOPページの投稿表示のみを
５件にしたい・・・

82. 実現方法はいろいろ

83. 方法①：pre_get_postsフック
方法②：get_posts関数
方法③：query_posts関数
方法④：WP_Queryクラス

84. 方法①：pre_get_postsフック
方法②：get_posts関数
方法③：query_posts関数
方法④：WP_Queryクラス

85. 方法①：pre_get_postsフック
方法②：get_posts関数
方法③：query_posts関数
方法④：WP_Queryクラス
データを再取得

86. 処理速度を気にするなら
pre_get_postsフックがオススメ

87. 簡単に処理の流れを見てみる

88. pre_get_posts

89. 簡単に処理の流れを見てみる

90. 簡単に処理の流れを見てみる

91. 簡単に処理の流れを見てみる

92. 簡単に処理の流れを見てみる

93. 簡単に処理の流れを見てみる

94. 簡単に処理の流れを見てみる

95. 簡単に処理の流れを見てみる

96. 簡単に処理の流れを見てみる

97. query_posts関数

98. 簡単に処理の流れを見てみる

99. 簡単に処理の流れを見てみる

100. 簡単に処理の流れを見てみる

101. 簡単に処理の流れを見てみる

102. 簡単に処理の流れを見てみる

103. 簡単に処理の流れを見てみる

104. 簡単に処理の流れを見てみる

105. 簡単に処理の流れを見てみる

106. 簡単に処理の流れを見てみる

107. 簡単に処理の流れを見てみる

108. 簡単に処理の流れを見てみる

109. 簡単に処理の流れを見てみる

110. 簡単に処理の流れを見てみる

111. 簡単に処理の流れを見てみる

112. get_posts関数

113. 簡単に処理の流れを見てみる

114. 簡単に処理の流れを見てみる

115. 簡単に処理の流れを見てみる

116. 簡単に処理の流れを見てみる

117. 簡単に処理の流れを見てみる

118. 簡単に処理の流れを見てみる

119. 簡単に処理の流れを見てみる

120. 簡単に処理の流れを見てみる

121. 簡単に処理の流れを見てみる

122. 簡単に処理の流れを見てみる

123. 簡単に処理の流れを見てみる

124. 簡単に処理の流れを見てみる

125. 簡単に処理の流れを見てみる
setup_postdataをしなければ、メイ
ンクエリーで取得したデータを上書きし
ない

126. WP_Queryクラス

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