SlideShare uma empresa Scribd logo
1 de 78
WordPress
@yuki930
•        WEB

    •
    •   WordPress

•
    •
    •
•
•   WordPress




•      WordPress
•
•
•
apple   +α
WordPress
…
index.php   style.css
…
defaul
<html>
default


                       default




             default
header.php                 <html>...
default
…
    index.php   style.css
Wordpress
index.php   style.css
basic




                index.php
        index.html
          PHP                 index.php




                 index.html
WordPress
HTML   index.html
          index.php
http://wpdocs.sourceforge.jp/
style.css
CSS
2
<link rel="stylesheet" href="style.css" type="text/
            css" media="screen" />
                        ↓
       <?php bloginfo('stylesheet_url'); ?>
3
                         URL



   <img src="images/main.jpg" alt="             " />
                           ↓
<?php bloginfo('template_directory'); ?>/images/main.jpg
WordPress
✦
✦
✦
✦




http://wpdocs.sourceforge.jp/
5
<?php if (have_posts()) : ?>

 <?php while (have_posts()) : the_post(); ?>

      
      <div <?php post_class(); ?> id="post-<?php the_ID(); ?>">

      
      <h2><a href="<?php the_permalink() ?>" rel="bookmark" title="<?php printf(__('Permanent Link
to %s', 'kubrick'), the_title_attribute('echo=0')); ?>"><?php the_title(); ?></a></h2>

      
      <small><?php the_time(__('F jS, Y', 'kubrick')) ?> <!-- by <?php the_author() ?> --></small>

      
      <div class="entry"><?php the_content(__('Read the rest of this entry &raquo;', 'kubrick')); ?>

      
      </div>


      
     <p class="postmetadata"><?php the_tags(__('Tags:', 'kubrick') . ' ', ', ', '<br />'); ?> <?php
printf(__('Posted in %s', 'kubrick'), get_the_category_list(', ')); ?> | <?php edit_post_link(__('Edit', 'kubrick'), '', ' |
'); ?> <?php comments_popup_link(__('No Comments &#187;', 'kubrick'), __('1 Comment &#187;', 'kubrick'),
__('% Comments &#187;', 'kubrick'), '', __('Comments Closed', 'kubrick') ); ?></p>

      
     </div>


      <?php endwhile; ?>

      <div class="navigation">

      <div class="alignleft"><?php next_posts_link(__('&laquo; Older Entries', 'kubrick')) ?></div>

      <div class="alignright"><?php previous_posts_link(__('Newer Entries &raquo;', 'kubrick')) ?></div>

      </div>


<?php else : ?>


      <h2 class="center"><?php _e('Not Found', 'kubrick'); ?></h2>

      <p class="center"><?php _e('Sorry, but you are looking for something that isn&#8217;t here.',
'kubrick'); ?></p>

      <?php get_search_form(); ?>


<?php endif; ?>
<?php if (have_posts()) : ?>


   <?php while (have_posts()) : the_post(); ?>

   


   <?php endwhile; ?>


<?php else : ?>




<?php endif; ?>
_ _ ( “ h o g e h o g e ” ,” a b c ” )
_ e ( “ h o g e h o g e ” ,” a b c ” )
<?php next_posts_link(__('&laquo; Older Entries', 'kubrick')) ?>
                                     ↑




           <?php next_posts_link(’              ’) ?>
                                     ↑          ”
header.php        sidebar.php           footer.php




<?php get_header(); ?>             <?php get_footer(); ?>


                <?php get_sidebar(); ?>
header.php        sidebar.php           footer.php




<?php get_header(); ?>             <?php get_footer(); ?>


                <?php get_sidebar(); ?>
header.php




sidebar.php




footer.php
category.php tag.php     date.php

search.php archive.php     404.php
                         404




single.php   page.php
page.php   .php

<?php
/*
Template Name:
*/
?>
10
          ID:5 gallery


                              category-5.php
                                          ID
gallery
                              category-gallery.php
10
ID:6 cat


                tag-6.php
                     ID
                tag-cat.php
Word Camp Fukuoka2010
Word Camp Fukuoka2010
Word Camp Fukuoka2010
Word Camp Fukuoka2010
Word Camp Fukuoka2010
Word Camp Fukuoka2010

Mais conteúdo relacionado

Mais procurados

Secure Coding with WordPress - WordCamp SF 2008
Secure Coding with WordPress - WordCamp SF 2008Secure Coding with WordPress - WordCamp SF 2008
Secure Coding with WordPress - WordCamp SF 2008
Mark Jaquith
 
CSSプリプロセッサの取扱説明書
CSSプリプロセッサの取扱説明書CSSプリプロセッサの取扱説明書
CSSプリプロセッサの取扱説明書
拓樹 谷
 
Simple Blue Blog Template XML 的副本
Simple Blue Blog Template XML 的副本Simple Blue Blog Template XML 的副本
Simple Blue Blog Template XML 的副本
a5494535
 
How do speed up web pages? CSS & HTML Tricks
How do speed up web pages? CSS & HTML TricksHow do speed up web pages? CSS & HTML Tricks
How do speed up web pages? CSS & HTML Tricks
Compare Infobase Limited
 
Código player fixo
Código player fixoCódigo player fixo
Código player fixo
Poowstrayer
 
Creating WordPress Theme Faster, Smarter & Without Swearing
Creating WordPress Theme Faster, Smarter & Without SwearingCreating WordPress Theme Faster, Smarter & Without Swearing
Creating WordPress Theme Faster, Smarter & Without Swearing
martinwolak
 
How does get template part works in twenty ten theme
How does get template part works in twenty ten themeHow does get template part works in twenty ten theme
How does get template part works in twenty ten theme
mohd rozani abd ghani
 
Joomla! Frappe - Κατασκευή εφαρμογών για το Joomla! χωρίς να τραβάτε τα μαλιά...
Joomla! Frappe - Κατασκευή εφαρμογών για το Joomla! χωρίς να τραβάτε τα μαλιά...Joomla! Frappe - Κατασκευή εφαρμογών για το Joomla! χωρίς να τραβάτε τα μαλιά...
Joomla! Frappe - Κατασκευή εφαρμογών για το Joomla! χωρίς να τραβάτε τα μαλιά...
Nicholas Dionysopoulos
 

Mais procurados (19)

Making WordPress Your CMS and Automatically Updating a Self Hosted WordPress ...
Making WordPress Your CMS and Automatically Updating a Self Hosted WordPress ...Making WordPress Your CMS and Automatically Updating a Self Hosted WordPress ...
Making WordPress Your CMS and Automatically Updating a Self Hosted WordPress ...
 
Theming 101
Theming 101Theming 101
Theming 101
 
i18n for Plugin and Theme Developers, WordCamp Milano 2016
i18n for Plugin and Theme Developers, WordCamp Milano 2016i18n for Plugin and Theme Developers, WordCamp Milano 2016
i18n for Plugin and Theme Developers, WordCamp Milano 2016
 
Zen based theming
Zen based themingZen based theming
Zen based theming
 
Secure Coding with WordPress - WordCamp SF 2008
Secure Coding with WordPress - WordCamp SF 2008Secure Coding with WordPress - WordCamp SF 2008
Secure Coding with WordPress - WordCamp SF 2008
 
Html5的应用与推行
Html5的应用与推行Html5的应用与推行
Html5的应用与推行
 
قالب المواضيع
قالب المواضيعقالب المواضيع
قالب المواضيع
 
CSSプリプロセッサの取扱説明書
CSSプリプロセッサの取扱説明書CSSプリプロセッサの取扱説明書
CSSプリプロセッサの取扱説明書
 
关于 Html5 那点事
关于 Html5 那点事关于 Html5 那点事
关于 Html5 那点事
 
Simple Blue Blog Template XML 的副本
Simple Blue Blog Template XML 的副本Simple Blue Blog Template XML 的副本
Simple Blue Blog Template XML 的副本
 
How do speed up web pages? CSS & HTML Tricks
How do speed up web pages? CSS & HTML TricksHow do speed up web pages? CSS & HTML Tricks
How do speed up web pages? CSS & HTML Tricks
 
Código player fixo
Código player fixoCódigo player fixo
Código player fixo
 
Creating WordPress Theme Faster, Smarter & Without Swearing
Creating WordPress Theme Faster, Smarter & Without SwearingCreating WordPress Theme Faster, Smarter & Without Swearing
Creating WordPress Theme Faster, Smarter & Without Swearing
 
Seasion5
Seasion5Seasion5
Seasion5
 
How does get template part works in twenty ten theme
How does get template part works in twenty ten themeHow does get template part works in twenty ten theme
How does get template part works in twenty ten theme
 
Pp checker
Pp checkerPp checker
Pp checker
 
Google drive on linux
Google drive on linuxGoogle drive on linux
Google drive on linux
 
How to Issue and Activate Free SSL using Let's Encrypt
How to Issue and Activate Free SSL using Let's EncryptHow to Issue and Activate Free SSL using Let's Encrypt
How to Issue and Activate Free SSL using Let's Encrypt
 
Joomla! Frappe - Κατασκευή εφαρμογών για το Joomla! χωρίς να τραβάτε τα μαλιά...
Joomla! Frappe - Κατασκευή εφαρμογών για το Joomla! χωρίς να τραβάτε τα μαλιά...Joomla! Frappe - Κατασκευή εφαρμογών για το Joomla! χωρίς να τραβάτε τα μαλιά...
Joomla! Frappe - Κατασκευή εφαρμογών για το Joomla! χωρίς να τραβάτε τα μαλιά...
 

Destaque (8)

Osc2010fukuoka
Osc2010fukuokaOsc2010fukuoka
Osc2010fukuoka
 
WordPressテーマの作り方
WordPressテーマの作り方WordPressテーマの作り方
WordPressテーマの作り方
 
Abc words
Abc wordsAbc words
Abc words
 
WordcampFukuoka2010プレイベント
WordcampFukuoka2010プレイベントWordcampFukuoka2010プレイベント
WordcampFukuoka2010プレイベント
 
Road Map 2012
Road Map 2012Road Map 2012
Road Map 2012
 
CS -Cart勉強会
CS -Cart勉強会CS -Cart勉強会
CS -Cart勉強会
 
Think user first #2 フリルの機能改善における仮説と検証
Think user first #2 フリルの機能改善における仮説と検証 Think user first #2 フリルの機能改善における仮説と検証
Think user first #2 フリルの機能改善における仮説と検証
 
ノンプログラミングでここまでできる!WebデザイナーのためのCS-Cartカスタマイズ講座
ノンプログラミングでここまでできる!WebデザイナーのためのCS-Cartカスタマイズ講座ノンプログラミングでここまでできる!WebデザイナーのためのCS-Cartカスタマイズ講座
ノンプログラミングでここまでできる!WebデザイナーのためのCS-Cartカスタマイズ講座
 

Semelhante a Word Camp Fukuoka2010

Word press templates
Word press templatesWord press templates
Word press templates
Dan Phiffer
 

Semelhante a Word Camp Fukuoka2010 (20)

20110820 header new style
20110820 header new style20110820 header new style
20110820 header new style
 
WordPress and PHP - It Takes One to Know One
WordPress and PHP - It Takes One to Know OneWordPress and PHP - It Takes One to Know One
WordPress and PHP - It Takes One to Know One
 
The Loop
The LoopThe Loop
The Loop
 
Grok Drupal (7) Theming
Grok Drupal (7) ThemingGrok Drupal (7) Theming
Grok Drupal (7) Theming
 
WordPress Theme Workshop: Part 3
WordPress Theme Workshop: Part 3WordPress Theme Workshop: Part 3
WordPress Theme Workshop: Part 3
 
Wordpress(css,php,js,ajax)
Wordpress(css,php,js,ajax)Wordpress(css,php,js,ajax)
Wordpress(css,php,js,ajax)
 
WordPress theme development from scratch : ICT MeetUp 2013 Nepal
WordPress theme development from scratch : ICT MeetUp 2013 NepalWordPress theme development from scratch : ICT MeetUp 2013 Nepal
WordPress theme development from scratch : ICT MeetUp 2013 Nepal
 
Grok Drupal (7) Theming - 2011 Feb update
Grok Drupal (7) Theming - 2011 Feb updateGrok Drupal (7) Theming - 2011 Feb update
Grok Drupal (7) Theming - 2011 Feb update
 
Word press templates
Word press templatesWord press templates
Word press templates
 
Mobile themes, QR codes, and shortURLs
Mobile themes, QR codes, and shortURLsMobile themes, QR codes, and shortURLs
Mobile themes, QR codes, and shortURLs
 
Builing a WordPress Theme
Builing a WordPress ThemeBuiling a WordPress Theme
Builing a WordPress Theme
 
WordPress Theme Workshop: Part 4
WordPress Theme Workshop: Part 4WordPress Theme Workshop: Part 4
WordPress Theme Workshop: Part 4
 
Introduction to WordPress Theme Development
Introduction to WordPress Theme DevelopmentIntroduction to WordPress Theme Development
Introduction to WordPress Theme Development
 
Arizona WP - Building a WordPress Theme
Arizona WP - Building a WordPress ThemeArizona WP - Building a WordPress Theme
Arizona WP - Building a WordPress Theme
 
Various Ways of Using WordPress
Various Ways of Using WordPressVarious Ways of Using WordPress
Various Ways of Using WordPress
 
Word Press Help Sheet
Word Press Help SheetWord Press Help Sheet
Word Press Help Sheet
 
Building Potent WordPress Websites
Building Potent WordPress WebsitesBuilding Potent WordPress Websites
Building Potent WordPress Websites
 
Hardcore URL Routing for WordPress - WordCamp Atlanta 2014 (PPT)
Hardcore URL Routing for WordPress - WordCamp Atlanta 2014 (PPT)Hardcore URL Routing for WordPress - WordCamp Atlanta 2014 (PPT)
Hardcore URL Routing for WordPress - WordCamp Atlanta 2014 (PPT)
 
Agile Wordpress
Agile WordpressAgile Wordpress
Agile Wordpress
 
The Way to Theme Enlightenment
The Way to Theme EnlightenmentThe Way to Theme Enlightenment
The Way to Theme Enlightenment
 

Mais de YUKI YAMAGUCHI (6)

マテリアルデザインを用いたデザインリニューアル [フリル編]
マテリアルデザインを用いたデザインリニューアル [フリル編]マテリアルデザインを用いたデザインリニューアル [フリル編]
マテリアルデザインを用いたデザインリニューアル [フリル編]
 
WordPressでサイト作成するときに知っておくといいことあれこれ
WordPressでサイト作成するときに知っておくといいことあれこれWordPressでサイト作成するときに知っておくといいことあれこれ
WordPressでサイト作成するときに知っておくといいことあれこれ
 
WordCamp Tokyo 2012 画像のアップロード&アイキャッチ画像をしっかり理解しよう!
WordCamp Tokyo 2012 画像のアップロード&アイキャッチ画像をしっかり理解しよう!WordCamp Tokyo 2012 画像のアップロード&アイキャッチ画像をしっかり理解しよう!
WordCamp Tokyo 2012 画像のアップロード&アイキャッチ画像をしっかり理解しよう!
 
Sacss WordPress Special with Fireworks
Sacss WordPress Special with FireworksSacss WordPress Special with Fireworks
Sacss WordPress Special with Fireworks
 
Fukuoka.php 第一回勉強会 LTスライド
Fukuoka.php 第一回勉強会 LTスライドFukuoka.php 第一回勉強会 LTスライド
Fukuoka.php 第一回勉強会 LTスライド
 
EC-CUBEとここが違う!はじめてみようCS-Cart
EC-CUBEとここが違う!はじめてみようCS-CartEC-CUBEとここが違う!はじめてみようCS-Cart
EC-CUBEとここが違う!はじめてみようCS-Cart
 

Word Camp Fukuoka2010

  • 2.
  • 4. WEB • • WordPress • • • •
  • 5. WordPress • WordPress
  • 7. apple
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17. index.php style.css
  • 18.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 26.
  • 27. default default default header.php <html>...
  • 29. index.php style.css
  • 31. index.php style.css
  • 32.
  • 33. basic index.php index.html PHP index.php index.html
  • 34.
  • 36. HTML index.html index.php
  • 37.
  • 38.
  • 39.
  • 40.
  • 43.
  • 44.
  • 45.
  • 46.
  • 47. CSS
  • 48. 2 <link rel="stylesheet" href="style.css" type="text/ css" media="screen" /> ↓ <?php bloginfo('stylesheet_url'); ?>
  • 49.
  • 50.
  • 51.
  • 52. 3 URL <img src="images/main.jpg" alt=" " /> ↓ <?php bloginfo('template_directory'); ?>/images/main.jpg
  • 54.
  • 56. 5
  • 57. <?php if (have_posts()) : ?> <?php while (have_posts()) : the_post(); ?> <div <?php post_class(); ?> id="post-<?php the_ID(); ?>"> <h2><a href="<?php the_permalink() ?>" rel="bookmark" title="<?php printf(__('Permanent Link to %s', 'kubrick'), the_title_attribute('echo=0')); ?>"><?php the_title(); ?></a></h2> <small><?php the_time(__('F jS, Y', 'kubrick')) ?> <!-- by <?php the_author() ?> --></small> <div class="entry"><?php the_content(__('Read the rest of this entry &raquo;', 'kubrick')); ?> </div> <p class="postmetadata"><?php the_tags(__('Tags:', 'kubrick') . ' ', ', ', '<br />'); ?> <?php printf(__('Posted in %s', 'kubrick'), get_the_category_list(', ')); ?> | <?php edit_post_link(__('Edit', 'kubrick'), '', ' | '); ?> <?php comments_popup_link(__('No Comments &#187;', 'kubrick'), __('1 Comment &#187;', 'kubrick'), __('% Comments &#187;', 'kubrick'), '', __('Comments Closed', 'kubrick') ); ?></p> </div> <?php endwhile; ?> <div class="navigation"> <div class="alignleft"><?php next_posts_link(__('&laquo; Older Entries', 'kubrick')) ?></div> <div class="alignright"><?php previous_posts_link(__('Newer Entries &raquo;', 'kubrick')) ?></div> </div> <?php else : ?> <h2 class="center"><?php _e('Not Found', 'kubrick'); ?></h2> <p class="center"><?php _e('Sorry, but you are looking for something that isn&#8217;t here.', 'kubrick'); ?></p> <?php get_search_form(); ?> <?php endif; ?>
  • 58. <?php if (have_posts()) : ?> <?php while (have_posts()) : the_post(); ?> <?php endwhile; ?> <?php else : ?> <?php endif; ?>
  • 59.
  • 60. _ _ ( “ h o g e h o g e ” ,” a b c ” ) _ e ( “ h o g e h o g e ” ,” a b c ” )
  • 61. <?php next_posts_link(__('&laquo; Older Entries', 'kubrick')) ?> ↑ <?php next_posts_link(’ ’) ?> ↑ ”
  • 62.
  • 63. header.php sidebar.php footer.php <?php get_header(); ?> <?php get_footer(); ?> <?php get_sidebar(); ?>
  • 64. header.php sidebar.php footer.php <?php get_header(); ?> <?php get_footer(); ?> <?php get_sidebar(); ?>
  • 66.
  • 67. category.php tag.php date.php search.php archive.php 404.php 404 single.php page.php
  • 68. page.php .php <?php /* Template Name: */ ?>
  • 69.
  • 70.
  • 71. 10 ID:5 gallery category-5.php ID gallery category-gallery.php
  • 72. 10 ID:6 cat tag-6.php ID tag-cat.php

Notas do Editor