Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
使ってはいけない
テンプレートタグ
WordBench 東京 2015/08
FlipClap / 中島 真洋(ナカシマ マサヒロ)
中島 真洋(ナカシマ マサヒロ)
九州・熊本県出身、東京都北区・赤羽在住
WEBデザイナー / WEBエンジニア
趣味:お酒、音楽、旅行
自己紹介
【ブログ】
着ぐるみ追い剥ぎペンギン
http://www.kigurumi.asia
作った公式プラグイン
Check Copy Contents
(CCC)
WP CSV Exporter
Adjust Admin Categories WP Taxonomy Import
WordPress
仕事の現場でサッと使える!
デザイン教科書
(Webデザイナー養成講座)
出版社: 技術評論社
初出版
使ってはいけない
テンプレートタグ
例えば、こんな時
トップページの記事一覧を
「News」カテゴリーの
記事を最大5件表示したい
<?php
if ( have_posts() ) :
while ( have_posts() ) : the_post();
?>
<li>
<a href="<?php the_permalink(); ?>"><?php the_tit...
「wordpress ループ カテゴリだけ」で検索
query_posts()
を使えば出来るらしい
<?php
query_posts( 'posts_per_page=5&category_name=news' );
if ( have_posts() ) :
while ( have_posts() ) : the_post();
?>
...
NG!!
query_posts()は、
プラグインやテーマで使われることが
想定されていません。
http://codex.wordpress.org/Template_Tags/query_posts
query_postsのドキュメントページ
テーマ、プラグインで
使うなと書いてある
じゃあ、どうするの?
http://codex.wordpress.org/Template_Tags/query_posts
pre_get_postsをマジ使え!
pre_get_posts
を使おう
query_posts( 'posts_per_page=5&category_name=news' );
これを止めて
function my_pre_get_posts( $query ) {
if ( $query->is_home() && $query->is_main_query() ) {
$query->set( 'posts_per_page',...
<?php
if ( have_posts() ) :
while ( have_posts() ) : the_post();
?>
<li>
<a href="<?php the_permalink(); ?>"><?php the_tit...
何か良いことあるの?
・理論上速くなる
・デザインとロジックが分離する
他にもある
非推奨の
テンプレトートタグ
<a href="<?php bloginfo('url'); ?>">
トップページへのURL
<a href="<?php echo home_url(); ?>">
NG
OK
<a href="<?php bloginfo('template_url'); ?>">
テーマディレクトリのURL
<a href="<?php echo get_template_directory_uri(); ?>">
NG
OK
/...
あらためて、
調べなおしてみるといいかも
最後に宣伝
WordPress
仕事の現場でサッと使える!
デザイン教科書
(Webデザイナー養成講座)
出版社: 技術評論社
非推奨タグは使ってません
ありがとうございました!
使ってはいけない
テンプレートタグ
WordBench 東京 2015/08
FlipClap / 中島 真洋(ナカシマ マサヒロ)
Upcoming SlideShare
Loading in …5
×

使ってはいけないテンプレートタグ(Word bench 2015/08)

618 views

Published on

for Word bench 2015/08

Published in: Engineering
  • Be the first to comment

  • Be the first to like this

使ってはいけないテンプレートタグ(Word bench 2015/08)

  1. 1. 使ってはいけない テンプレートタグ WordBench 東京 2015/08 FlipClap / 中島 真洋(ナカシマ マサヒロ)
  2. 2. 中島 真洋(ナカシマ マサヒロ) 九州・熊本県出身、東京都北区・赤羽在住 WEBデザイナー / WEBエンジニア 趣味:お酒、音楽、旅行 自己紹介 【ブログ】 着ぐるみ追い剥ぎペンギン http://www.kigurumi.asia
  3. 3. 作った公式プラグイン Check Copy Contents (CCC) WP CSV Exporter Adjust Admin Categories WP Taxonomy Import
  4. 4. WordPress 仕事の現場でサッと使える! デザイン教科書 (Webデザイナー養成講座) 出版社: 技術評論社 初出版
  5. 5. 使ってはいけない テンプレートタグ
  6. 6. 例えば、こんな時
  7. 7. トップページの記事一覧を 「News」カテゴリーの 記事を最大5件表示したい
  8. 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. 9. 「wordpress ループ カテゴリだけ」で検索
  10. 10. query_posts() を使えば出来るらしい
  11. 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. 12. NG!!
  13. 13. query_posts()は、 プラグインやテーマで使われることが 想定されていません。
  14. 14. http://codex.wordpress.org/Template_Tags/query_posts query_postsのドキュメントページ テーマ、プラグインで 使うなと書いてある
  15. 15. じゃあ、どうするの?
  16. 16. http://codex.wordpress.org/Template_Tags/query_posts pre_get_postsをマジ使え!
  17. 17. pre_get_posts を使おう
  18. 18. query_posts( 'posts_per_page=5&category_name=news' ); これを止めて
  19. 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. 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. 21. 何か良いことあるの?
  22. 22. ・理論上速くなる ・デザインとロジックが分離する
  23. 23. 他にもある 非推奨の テンプレトートタグ
  24. 24. <a href="<?php bloginfo('url'); ?>"> トップページへのURL <a href="<?php echo home_url(); ?>"> NG OK
  25. 25. <a href="<?php bloginfo('template_url'); ?>"> テーマディレクトリのURL <a href="<?php echo get_template_directory_uri(); ?>"> NG OK /wp-content/themes/example/∼
  26. 26. あらためて、 調べなおしてみるといいかも
  27. 27. 最後に宣伝
  28. 28. WordPress 仕事の現場でサッと使える! デザイン教科書 (Webデザイナー養成講座) 出版社: 技術評論社 非推奨タグは使ってません
  29. 29. ありがとうございました! 使ってはいけない テンプレートタグ WordBench 東京 2015/08 FlipClap / 中島 真洋(ナカシマ マサヒロ)

×