for Word bench 2015/08

1. 使ってはいけない
テンプレートタグ
WordBench 東京 2015/08
FlipClap / 中島 真洋（ナカシマ マサヒロ）

2. 中島 真洋（ナカシマ マサヒロ）
九州・熊本県出身、東京都北区・赤羽在住
WEBデザイナー / WEBエンジニア
趣味：お酒、音楽、旅行
自己紹介
【ブログ】
着ぐるみ追い剥ぎペンギン
http://www.kigurumi.asia

3. 作った公式プラグイン
Check Copy Contents
(CCC)
WP CSV Exporter
Adjust Admin Categories WP Taxonomy Import

4. WordPress
仕事の現場でサッと使える!
デザイン教科書
(Webデザイナー養成講座)
出版社: 技術評論社
初出版

5. 使ってはいけない
テンプレートタグ

6. 例えば、こんな時

7. トップページの記事一覧を
「News」カテゴリーの
記事を最大5件表示したい

8. <?php
if ( have_posts() ) :
while ( have_posts() ) : the_post();
?>
<li>
<a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
</li>
<?php
endwhile;
endif;
?>
記事の一覧

9. 「wordpress ループ カテゴリだけ」で検索

10. query_posts()
を使えば出来るらしい

11. <?php
query_posts( 'posts_per_page=5&category_name=news' );
if ( have_posts() ) :
while ( have_posts() ) : the_post();
?>
<li>
<a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
</li>
<?php
endwhile;
endif;
wp_reset_query();
?>
query_postsを追加

12. NG!!

13. query_posts()は、
プラグインやテーマで使われることが
想定されていません。

14. http://codex.wordpress.org/Template_Tags/query_posts
query_postsのドキュメントページ
テーマ、プラグインで
使うなと書いてある

15. じゃあ、どうするの？

16. http://codex.wordpress.org/Template_Tags/query_posts
pre_get_postsをマジ使え！

17. pre_get_posts
を使おう

18. query_posts( 'posts_per_page=5&category_name=news' );
これを止めて

19. function my_pre_get_posts( $query ) {
if ( $query->is_home() && $query->is_main_query() ) {
$query->set( 'posts_per_page', 5 );
$query->set( 'category_name', 'news' );
}
}
add_action( 'pre_get_posts', 'my_pre_get_posts' );
functions.phpに記述
query_posts( 'posts_per_page=5&category_name=news' );
元

20. <?php
if ( have_posts() ) :
while ( have_posts() ) : the_post();
?>
<li>
<a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
</li>
<?php
endwhile;
endif;
?>
記事の一覧は変更なし

21. 何か良いことあるの？

22. ・理論上速くなる
・デザインとロジックが分離する

23. 他にもある
非推奨の
テンプレトートタグ

24. <a href="<?php bloginfo('url'); ?>">
トップページへのURL
<a href="<?php echo home_url(); ?>">
NG
OK

25. <a href="<?php bloginfo('template_url'); ?>">
テーマディレクトリのURL
<a href="<?php echo get_template_directory_uri(); ?>">
NG
OK
/wp-content/themes/example/∼

26. あらためて、
調べなおしてみるといいかも

27. 最後に宣伝

28. WordPress
仕事の現場でサッと使える!
デザイン教科書
(Webデザイナー養成講座)
出版社: 技術評論社
非推奨タグは使ってません

29. ありがとうございました！
使ってはいけない
テンプレートタグ
WordBench 東京 2015/08
FlipClap / 中島 真洋（ナカシマ マサヒロ）