WordCamp KOBE 2011Designer’s Cafe 13:00-13:20Takuro Hishikawa(@HissyNC)
Web            WordPress              CMS WordPress   concrete5Twitter: @HissyNC
WordPressWordPress
…if ( have_posts() ) : while ( have_posts() ) :the_post();     endwhile; endif;WordPress                                 …
…if ( is_home() || is_front_page() ):if ( is_category(‘5’) ):              …
…
…
…    CSS
style.css                                           OK/*Theme Name: KidTheme URI:   http: //example.com/Description:Author...
@import@import url(../twentyten/style.css);
CSS
sidebar.php
…                      PHP    http://wpdocs.sourceforge.jp/…
archive.phpcategory.phpcategory-news.php    news
category-news.phpquery_posts() query_posts( $query_string . "&{   }" );
<?php// query_postsquery_posts( $query_string ."&posts_per_page=12" );//                           OKget_template_part( lo...
get_template_part()
get_template_part()WordPress3.0get_template_part()
get_template_part() <?php get_template_part( $slug, $name ) ?>{slug}-{name}.php{slug}-{name}.php{slug}.php
get_template_part( loop, list );loop-list.php           loop.php                        loop.php
loop.php        loop-list.phpCSS
front-page.phpfront-page.php
query_posts( "cat=1&posts_per_page=5" );get_template_part( loop, list );wp_reset_query();
TwentyTen   TwentyEleven                   …
Toolbox              TwentyEleven   http://wordpress.org/extend/themes/toolbox
HTML5Reset              PHP   https://github.com/murtaugh/HTML5-Reset-                            Wordpress-Theme
NCWhite              TwentyTen              loop.php              57                      (^^   http://notnil-creative.com...
WordCamp KOBE 2011Designer’s Cafe 13:00-13:20Takuro Hishikawa(@HissyNC)
光速テーマ開発のコツ
光速テーマ開発のコツ
光速テーマ開発のコツ
光速テーマ開発のコツ
光速テーマ開発のコツ
光速テーマ開発のコツ
Upcoming SlideShare
Loading in …5
×

光速テーマ開発のコツ

21,075 views

Published on

WordCamp KOBE 2011
2011-9-11 13:00-13:20

Published in: Technology, Business

光速テーマ開発のコツ

  1. 1. WordCamp KOBE 2011Designer’s Cafe 13:00-13:20Takuro Hishikawa(@HissyNC)
  2. 2. Web WordPress CMS WordPress concrete5Twitter: @HissyNC
  3. 3. WordPressWordPress
  4. 4. …if ( have_posts() ) : while ( have_posts() ) :the_post(); endwhile; endif;WordPress …
  5. 5. …if ( is_home() || is_front_page() ):if ( is_category(‘5’) ): …
  6. 6.
  7. 7.
  8. 8. … CSS
  9. 9. style.css OK/*Theme Name: KidTheme URI: http: //example.com/Description:Author: DemetrisAuthor URI: http: //example.com/about/Template: twentytenVersion: 0.1.0*/
  10. 10. @import@import url(../twentyten/style.css);
  11. 11. CSS
  12. 12. sidebar.php
  13. 13. … PHP http://wpdocs.sourceforge.jp/…
  14. 14. archive.phpcategory.phpcategory-news.php news
  15. 15. category-news.phpquery_posts() query_posts( $query_string . "&{ }" );
  16. 16. <?php// query_postsquery_posts( $query_string ."&posts_per_page=12" );// OKget_template_part( loop, list );?>
  17. 17. get_template_part()
  18. 18. get_template_part()WordPress3.0get_template_part()
  19. 19. get_template_part() <?php get_template_part( $slug, $name ) ?>{slug}-{name}.php{slug}-{name}.php{slug}.php
  20. 20. get_template_part( loop, list );loop-list.php loop.php loop.php
  21. 21. loop.php loop-list.phpCSS
  22. 22. front-page.phpfront-page.php
  23. 23. query_posts( "cat=1&posts_per_page=5" );get_template_part( loop, list );wp_reset_query();
  24. 24. TwentyTen TwentyEleven …
  25. 25. Toolbox TwentyEleven http://wordpress.org/extend/themes/toolbox
  26. 26. HTML5Reset PHP https://github.com/murtaugh/HTML5-Reset- Wordpress-Theme
  27. 27. NCWhite TwentyTen loop.php 57 (^^ http://notnil-creative.com/blog/archives/760
  28. 28. WordCamp KOBE 2011Designer’s Cafe 13:00-13:20Takuro Hishikawa(@HissyNC)

×