wordpressで自分好みのテーマを作る
DESCRIPTION
TRANSCRIPT
![Page 1: Wordpressで自分好みのテーマを作る](https://reader034.vdocuments.mx/reader034/viewer/2022051609/5463ce61af795927598b6c66/html5/thumbnails/1.jpg)
自分だけのWordPressテーマを作る
2011/1/8フリーランスシステムエンジニア上村 崇 @uemera
![Page 2: Wordpressで自分好みのテーマを作る](https://reader034.vdocuments.mx/reader034/viewer/2022051609/5463ce61af795927598b6c66/html5/thumbnails/2.jpg)
軽く自己紹介
![Page 3: Wordpressで自分好みのテーマを作る](https://reader034.vdocuments.mx/reader034/viewer/2022051609/5463ce61af795927598b6c66/html5/thumbnails/3.jpg)
しがないフリーランスSE
軽く自己紹介
![Page 4: Wordpressで自分好みのテーマを作る](https://reader034.vdocuments.mx/reader034/viewer/2022051609/5463ce61af795927598b6c66/html5/thumbnails/4.jpg)
軽く自己紹介
しがないフリーランスSE組込みエンジニア(カーナビ)
![Page 5: Wordpressで自分好みのテーマを作る](https://reader034.vdocuments.mx/reader034/viewer/2022051609/5463ce61af795927598b6c66/html5/thumbnails/5.jpg)
軽く自己紹介
しがないフリーランスSE組込みエンジニア(カーナビ)副業で少しWeb
![Page 6: Wordpressで自分好みのテーマを作る](https://reader034.vdocuments.mx/reader034/viewer/2022051609/5463ce61af795927598b6c66/html5/thumbnails/6.jpg)
このプレゼンは
![Page 7: Wordpressで自分好みのテーマを作る](https://reader034.vdocuments.mx/reader034/viewer/2022051609/5463ce61af795927598b6c66/html5/thumbnails/7.jpg)
・去年、別の場所で発表しました。
![Page 8: Wordpressで自分好みのテーマを作る](https://reader034.vdocuments.mx/reader034/viewer/2022051609/5463ce61af795927598b6c66/html5/thumbnails/8.jpg)
・去年、別の場所で発表しました。
・30分ほどのボリュームがあります。
![Page 9: Wordpressで自分好みのテーマを作る](https://reader034.vdocuments.mx/reader034/viewer/2022051609/5463ce61af795927598b6c66/html5/thumbnails/9.jpg)
・去年、別の場所で発表しました。
・30分ほどのボリュームがあります。
・昼にビビンパを食べて舌をヤケドしま した。
![Page 10: Wordpressで自分好みのテーマを作る](https://reader034.vdocuments.mx/reader034/viewer/2022051609/5463ce61af795927598b6c66/html5/thumbnails/10.jpg)
それでは本題
![Page 11: Wordpressで自分好みのテーマを作る](https://reader034.vdocuments.mx/reader034/viewer/2022051609/5463ce61af795927598b6c66/html5/thumbnails/11.jpg)
WordPressとは
![Page 12: Wordpressで自分好みのテーマを作る](https://reader034.vdocuments.mx/reader034/viewer/2022051609/5463ce61af795927598b6c66/html5/thumbnails/12.jpg)
ブログツールの一つ
![Page 13: Wordpressで自分好みのテーマを作る](https://reader034.vdocuments.mx/reader034/viewer/2022051609/5463ce61af795927598b6c66/html5/thumbnails/13.jpg)
PHPで作られています
![Page 14: Wordpressで自分好みのテーマを作る](https://reader034.vdocuments.mx/reader034/viewer/2022051609/5463ce61af795927598b6c66/html5/thumbnails/14.jpg)
MySQLを使っています
![Page 15: Wordpressで自分好みのテーマを作る](https://reader034.vdocuments.mx/reader034/viewer/2022051609/5463ce61af795927598b6c66/html5/thumbnails/15.jpg)
日本
全世界
ブログツール比較
![Page 16: Wordpressで自分好みのテーマを作る](https://reader034.vdocuments.mx/reader034/viewer/2022051609/5463ce61af795927598b6c66/html5/thumbnails/16.jpg)
日本
全世界
CMS比較
![Page 17: Wordpressで自分好みのテーマを作る](https://reader034.vdocuments.mx/reader034/viewer/2022051609/5463ce61af795927598b6c66/html5/thumbnails/17.jpg)
テーマってどんなの?
![Page 18: Wordpressで自分好みのテーマを作る](https://reader034.vdocuments.mx/reader034/viewer/2022051609/5463ce61af795927598b6c66/html5/thumbnails/18.jpg)
テーマは無数にあります
![Page 19: Wordpressで自分好みのテーマを作る](https://reader034.vdocuments.mx/reader034/viewer/2022051609/5463ce61af795927598b6c66/html5/thumbnails/19.jpg)
![Page 20: Wordpressで自分好みのテーマを作る](https://reader034.vdocuments.mx/reader034/viewer/2022051609/5463ce61af795927598b6c66/html5/thumbnails/20.jpg)
![Page 21: Wordpressで自分好みのテーマを作る](https://reader034.vdocuments.mx/reader034/viewer/2022051609/5463ce61af795927598b6c66/html5/thumbnails/21.jpg)
![Page 22: Wordpressで自分好みのテーマを作る](https://reader034.vdocuments.mx/reader034/viewer/2022051609/5463ce61af795927598b6c66/html5/thumbnails/22.jpg)
![Page 23: Wordpressで自分好みのテーマを作る](https://reader034.vdocuments.mx/reader034/viewer/2022051609/5463ce61af795927598b6c66/html5/thumbnails/23.jpg)
![Page 24: Wordpressで自分好みのテーマを作る](https://reader034.vdocuments.mx/reader034/viewer/2022051609/5463ce61af795927598b6c66/html5/thumbnails/24.jpg)
![Page 25: Wordpressで自分好みのテーマを作る](https://reader034.vdocuments.mx/reader034/viewer/2022051609/5463ce61af795927598b6c66/html5/thumbnails/25.jpg)
![Page 26: Wordpressで自分好みのテーマを作る](https://reader034.vdocuments.mx/reader034/viewer/2022051609/5463ce61af795927598b6c66/html5/thumbnails/26.jpg)
![Page 27: Wordpressで自分好みのテーマを作る](https://reader034.vdocuments.mx/reader034/viewer/2022051609/5463ce61af795927598b6c66/html5/thumbnails/27.jpg)
自分好みのテーマを作れれば素敵ですね!
![Page 28: Wordpressで自分好みのテーマを作る](https://reader034.vdocuments.mx/reader034/viewer/2022051609/5463ce61af795927598b6c66/html5/thumbnails/28.jpg)
もちろんHTMLスタイルシートの知識は必要ですが
![Page 29: Wordpressで自分好みのテーマを作る](https://reader034.vdocuments.mx/reader034/viewer/2022051609/5463ce61af795927598b6c66/html5/thumbnails/29.jpg)
必要な知識は3つ
![Page 30: Wordpressで自分好みのテーマを作る](https://reader034.vdocuments.mx/reader034/viewer/2022051609/5463ce61af795927598b6c66/html5/thumbnails/30.jpg)
WordPressディレクトリ構成 PHP テンプレート
テンプレートタグ
![Page 31: Wordpressで自分好みのテーマを作る](https://reader034.vdocuments.mx/reader034/viewer/2022051609/5463ce61af795927598b6c66/html5/thumbnails/31.jpg)
WordPressディレクトリ構成1
![Page 32: Wordpressで自分好みのテーマを作る](https://reader034.vdocuments.mx/reader034/viewer/2022051609/5463ce61af795927598b6c66/html5/thumbnails/32.jpg)
themes
テーマは2つ ※WordPress 2.x での話
![Page 33: Wordpressで自分好みのテーマを作る](https://reader034.vdocuments.mx/reader034/viewer/2022051609/5463ce61af795927598b6c66/html5/thumbnails/33.jpg)
WordPress3.xはテーマ1つ
![Page 34: Wordpressで自分好みのテーマを作る](https://reader034.vdocuments.mx/reader034/viewer/2022051609/5463ce61af795927598b6c66/html5/thumbnails/34.jpg)
PHPの基本
2
![Page 35: Wordpressで自分好みのテーマを作る](https://reader034.vdocuments.mx/reader034/viewer/2022051609/5463ce61af795927598b6c66/html5/thumbnails/35.jpg)
まず、普通のHTMLファイルはこんなのです。
![Page 36: Wordpressで自分好みのテーマを作る](https://reader034.vdocuments.mx/reader034/viewer/2022051609/5463ce61af795927598b6c66/html5/thumbnails/36.jpg)
<html> <head> <title>文書のタイトル</title> </head> <body> 文書の本文 </body> </html>
index.html
![Page 37: Wordpressで自分好みのテーマを作る](https://reader034.vdocuments.mx/reader034/viewer/2022051609/5463ce61af795927598b6c66/html5/thumbnails/37.jpg)
同じことをPHPでやると、こうなります。
![Page 38: Wordpressで自分好みのテーマを作る](https://reader034.vdocuments.mx/reader034/viewer/2022051609/5463ce61af795927598b6c66/html5/thumbnails/38.jpg)
<?phpecho "<html>";echo " <head>";echo " <title>文書のタイトル</title>";echo " </head>";echo " <body>";echo " 文書の本文";echo " </body>";echo "</html>";?>
index.php
![Page 39: Wordpressで自分好みのテーマを作る](https://reader034.vdocuments.mx/reader034/viewer/2022051609/5463ce61af795927598b6c66/html5/thumbnails/39.jpg)
別の方法もあります。
![Page 40: Wordpressで自分好みのテーマを作る](https://reader034.vdocuments.mx/reader034/viewer/2022051609/5463ce61af795927598b6c66/html5/thumbnails/40.jpg)
<?php $title = "文書のタイトル"; $contents = "文書の本文";?><html> <head> <title><?php echo $title ?></title> </head> <body> <?php echo $contents ?> </body> </html>
index.php
![Page 41: Wordpressで自分好みのテーマを作る](https://reader034.vdocuments.mx/reader034/viewer/2022051609/5463ce61af795927598b6c66/html5/thumbnails/41.jpg)
つまり、PHPを書くときは<?php ?> で囲む
![Page 42: Wordpressで自分好みのテーマを作る](https://reader034.vdocuments.mx/reader034/viewer/2022051609/5463ce61af795927598b6c66/html5/thumbnails/42.jpg)
テンプレートとテンプレートタグ
3
![Page 43: Wordpressで自分好みのテーマを作る](https://reader034.vdocuments.mx/reader034/viewer/2022051609/5463ce61af795927598b6c66/html5/thumbnails/43.jpg)
ブロックに分けて考えてみます
![Page 44: Wordpressで自分好みのテーマを作る](https://reader034.vdocuments.mx/reader034/viewer/2022051609/5463ce61af795927598b6c66/html5/thumbnails/44.jpg)
sidebar
footer
maincontents
header
![Page 45: Wordpressで自分好みのテーマを作る](https://reader034.vdocuments.mx/reader034/viewer/2022051609/5463ce61af795927598b6c66/html5/thumbnails/45.jpg)
コードで表すとこうなります→
![Page 46: Wordpressで自分好みのテーマを作る](https://reader034.vdocuments.mx/reader034/viewer/2022051609/5463ce61af795927598b6c66/html5/thumbnails/46.jpg)
<?php get_header(); ?>
<?php while (have_posts()) : the_post(); ?>
<?php endwhile; ?>
<?php get_sidebar(); ?>
<?php get_footer(); ?>
index.php
![Page 47: Wordpressで自分好みのテーマを作る](https://reader034.vdocuments.mx/reader034/viewer/2022051609/5463ce61af795927598b6c66/html5/thumbnails/47.jpg)
<?php get_header(); ?>
<?php while (have_posts()) : the_post(); ?>
<?php endwhile; ?>
<?php get_sidebar(); ?>
<?php get_footer(); ?>
index.php
WordPressループ(Main Contents)※WordPress3ではloop.php内にあり
![Page 48: Wordpressで自分好みのテーマを作る](https://reader034.vdocuments.mx/reader034/viewer/2022051609/5463ce61af795927598b6c66/html5/thumbnails/48.jpg)
<?php get_header(); ?>
<?php while (have_posts()) : the_post(); ?>
<?php endwhile; ?>
<?php get_sidebar(); ?>
<?php get_footer(); ?>
index.php
sidebar
footer
maincontents
header
![Page 49: Wordpressで自分好みのテーマを作る](https://reader034.vdocuments.mx/reader034/viewer/2022051609/5463ce61af795927598b6c66/html5/thumbnails/49.jpg)
<?php get_header(); ?>
<?php while (have_posts()) : the_post(); ?>
<?php endwhile; ?>
<?php get_sidebar(); ?>
<?php get_footer(); ?>
index.php
sidebar
footer
maincontents
header
![Page 50: Wordpressで自分好みのテーマを作る](https://reader034.vdocuments.mx/reader034/viewer/2022051609/5463ce61af795927598b6c66/html5/thumbnails/50.jpg)
<?php get_header(); ?>
<?php while (have_posts()) : the_post(); ?>
<?php endwhile; ?>
<?php get_sidebar(); ?>
<?php get_footer(); ?>
index.php
footer
maincontents
header
Sidebar
![Page 51: Wordpressで自分好みのテーマを作る](https://reader034.vdocuments.mx/reader034/viewer/2022051609/5463ce61af795927598b6c66/html5/thumbnails/51.jpg)
<?php get_header(); ?>
<?php while (have_posts()) : the_post(); ?>
<?php endwhile; ?>
<?php get_sidebar(); ?>
<?php get_footer(); ?>
index.php
sidebar
maincontents
header
footer
![Page 52: Wordpressで自分好みのテーマを作る](https://reader034.vdocuments.mx/reader034/viewer/2022051609/5463ce61af795927598b6c66/html5/thumbnails/52.jpg)
<?php get_header(); ?>
<?php while (have_posts()) : the_post(); ?>
<?php endwhile; ?>
<?php get_sidebar(); ?>
<?php get_footer(); ?>
index.php
テンプレートタグWordPress組込の関数
![Page 53: Wordpressで自分好みのテーマを作る](https://reader034.vdocuments.mx/reader034/viewer/2022051609/5463ce61af795927598b6c66/html5/thumbnails/53.jpg)
<?php get_header(); ?>
<?php while (have_posts()) : the_post(); ?>
<?php endwhile; ?>
<?php get_sidebar(); ?>
<?php get_footer(); ?>
index.phpheader.php
sidebar.phpfooter.php
![Page 54: Wordpressで自分好みのテーマを作る](https://reader034.vdocuments.mx/reader034/viewer/2022051609/5463ce61af795927598b6c66/html5/thumbnails/54.jpg)
default
テンプレート
![Page 55: Wordpressで自分好みのテーマを作る](https://reader034.vdocuments.mx/reader034/viewer/2022051609/5463ce61af795927598b6c66/html5/thumbnails/55.jpg)
Headerについて詳しく見てみます。
![Page 56: Wordpressで自分好みのテーマを作る](https://reader034.vdocuments.mx/reader034/viewer/2022051609/5463ce61af795927598b6c66/html5/thumbnails/56.jpg)
header
![Page 57: Wordpressで自分好みのテーマを作る](https://reader034.vdocuments.mx/reader034/viewer/2022051609/5463ce61af795927598b6c66/html5/thumbnails/57.jpg)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>
<head><meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
<title> <?php wp_title('«', true, 'right'); ?> <?php bloginfo('name'); ?>
</title><link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css” /><style type="text/css”> #page { background: url("<?php bloginfo('stylesheet_directory'); ?>/images/kubrickbg-ltr.jpg“) }</style><?php wp_head(); ?>
</head><body><div id="page"><div id="header" role="banner"><div id="headerimg"> <h1><a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a></h1> <div class="description"><?php bloginfo('description'); ?></div></div></div>
header.php
![Page 58: Wordpressで自分好みのテーマを作る](https://reader034.vdocuments.mx/reader034/viewer/2022051609/5463ce61af795927598b6c66/html5/thumbnails/58.jpg)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>
<head><meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
<title> <?php wp_title('«', true, 'right'); ?> <?php bloginfo('name'); ?>
</title><link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css” /><style type="text/css”> #page { background: url("<?php bloginfo('stylesheet_directory'); ?>/images/kubrickbg-ltr.jpg“) }</style><?php wp_head(); ?>
</head><body><div id="page"><div id="header" role="banner"><div id="headerimg"> <h1><a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a></h1> <div class="description"><?php bloginfo('description'); ?></div></div></div>
header.php
URL タイトル
サイトの説明
![Page 59: Wordpressで自分好みのテーマを作る](https://reader034.vdocuments.mx/reader034/viewer/2022051609/5463ce61af795927598b6c66/html5/thumbnails/59.jpg)
URL タイトル
サイトの説明
![Page 60: Wordpressで自分好みのテーマを作る](https://reader034.vdocuments.mx/reader034/viewer/2022051609/5463ce61af795927598b6c66/html5/thumbnails/60.jpg)
header.php<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>
<head><meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
<title> <?php wp_title('«', true, 'right'); ?> <?php bloginfo('name'); ?>
</title><link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css” /><style type="text/css”> #page { background: url("<?php bloginfo('stylesheet_directory'); ?>/images/kubrickbg-ltr.jpg“) }</style><?php wp_head(); ?>
</head><body><div id="page"><div id="header" role="banner"><div id="headerimg"> <h1><a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a></h1> <div class="description"><?php bloginfo('description'); ?></div></div></div>
bloginfoのマニュアルを見てみる
![Page 61: Wordpressで自分好みのテーマを作る](https://reader034.vdocuments.mx/reader034/viewer/2022051609/5463ce61af795927598b6c66/html5/thumbnails/61.jpg)
header.php<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>
<head><meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
<title> <?php wp_title('«', true, 'right'); ?> <?php bloginfo('name'); ?>
</title><link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css” /><style type="text/css”> #page { background: url("<?php bloginfo('stylesheet_directory'); ?>/images/kubrickbg-ltr.jpg“) }</style><?php wp_head(); ?>
</head><body><div id="page"><div id="header" role="banner"><div id="headerimg"> <h1><a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a></h1> <div class="description"><?php bloginfo('description'); ?></div></div></div>
ドキュメントの場所は?
![Page 62: Wordpressで自分好みのテーマを作る](https://reader034.vdocuments.mx/reader034/viewer/2022051609/5463ce61af795927598b6c66/html5/thumbnails/62.jpg)
wordpress codex 検 索
![Page 63: Wordpressで自分好みのテーマを作る](https://reader034.vdocuments.mx/reader034/viewer/2022051609/5463ce61af795927598b6c66/html5/thumbnails/63.jpg)
次に、WordPressループの説明
![Page 64: Wordpressで自分好みのテーマを作る](https://reader034.vdocuments.mx/reader034/viewer/2022051609/5463ce61af795927598b6c66/html5/thumbnails/64.jpg)
<?php get_header(); ?>
<?php while (have_posts()) : the_post(); ?>
<?php endwhile; ?>
<?php get_sidebar(); ?>
<?php get_footer(); ?>
index.php(or loop.php)WordPressループ(Main Contents)
footer
header
sidebar
maincontents
![Page 65: Wordpressで自分好みのテーマを作る](https://reader034.vdocuments.mx/reader034/viewer/2022051609/5463ce61af795927598b6c66/html5/thumbnails/65.jpg)
繰り返し
記事タイトル日付
本文
カテゴリ、コメント
![Page 66: Wordpressで自分好みのテーマを作る](https://reader034.vdocuments.mx/reader034/viewer/2022051609/5463ce61af795927598b6c66/html5/thumbnails/66.jpg)
<?php while (have_posts()) : the_post(); ?> <div <?php post_class(); ?> id="post-<?php the_ID(); ?>">
<h2><a href="<?php the_permalink() ?>“ ><?php the_title(); ?></a></h2>
<small><?php the_time(__('F jS, Y', 'kubrick')) ?></small> <div class="entry">
<?php the_content(__('Read the rest of this entry »', 'kubrick')); ?> </div> <p class="postmetadata">
<?php printf(__('Posted in %s', 'kubrick'), get_the_category_list(', ')); ?> | <?php edit_post_link(__('Edit', 'kubrick'), '', ' | '); ?>
<?php comments_popup_link(__('No Comments »', 'kubrick'), __('1 Comment »', 'kubrick'), __('% Comments »', 'kubrick'), '', __('Comments Closed', 'kubrick') ); ?> </p> </div>
<?php endwhile; ?>
WordPressループ
![Page 67: Wordpressで自分好みのテーマを作る](https://reader034.vdocuments.mx/reader034/viewer/2022051609/5463ce61af795927598b6c66/html5/thumbnails/67.jpg)
<?php while (have_posts()) : the_post(); ?> <div <?php post_class(); ?> id="post-<?php the_ID(); ?>">
<h2><a href="<?php the_permalink() ?>“ ><?php the_title(); ?></a></h2>
<small><?php the_time(__('F jS, Y', 'kubrick')) ?></small> <div class="entry">
<?php the_content(__('Read the rest of this entry »', 'kubrick')); ?> </div> <p class="postmetadata">
<?php printf(__('Posted in %s', 'kubrick'), get_the_category_list(', ')); ?> | <?php edit_post_link(__('Edit', 'kubrick'), '', ' | '); ?>
<?php comments_popup_link(__('No Comments »', 'kubrick'), __('1 Comment »', 'kubrick'), __('% Comments »', 'kubrick'), '', __('Comments Closed', 'kubrick') ); ?> </p> </div>
<?php endwhile; ?>
WordPressループ
投稿の数だけループ
投稿がある間Loopする 投稿1つ分の準備
![Page 68: Wordpressで自分好みのテーマを作る](https://reader034.vdocuments.mx/reader034/viewer/2022051609/5463ce61af795927598b6c66/html5/thumbnails/68.jpg)
<?php while (have_posts()) : the_post(); ?> <div <?php post_class(); ?> id="post-<?php the_ID(); ?>">
<h2><a href="<?php the_permalink() ?>“ ><?php the_title(); ?></a></h2>
<small><?php the_time(__('F jS, Y', 'kubrick')) ?></small> <div class="entry">
<?php the_content(__('Read the rest of this entry »', 'kubrick')); ?> </div> <p class="postmetadata">
<?php printf(__('Posted in %s', 'kubrick'), get_the_category_list(', ')); ?> | <?php edit_post_link(__('Edit', 'kubrick'), '', ' | '); ?>
<?php comments_popup_link(__('No Comments »', 'kubrick'), __('1 Comment »', 'kubrick'), __('% Comments »', 'kubrick'), '', __('Comments Closed', 'kubrick') ); ?> </p> </div>
<?php endwhile; ?>
WordPressループ
タイトル
本文
![Page 69: Wordpressで自分好みのテーマを作る](https://reader034.vdocuments.mx/reader034/viewer/2022051609/5463ce61af795927598b6c66/html5/thumbnails/69.jpg)
<?php while (have_posts()) : the_post(); ?> <div <?php post_class(); ?> id="post-<?php the_ID(); ?>">
<h2><a href="<?php the_permalink() ?>“ ><?php the_title(); ?></a></h2>
<small><?php the_time(__('F jS, Y', 'kubrick')) ?></small> <div class="entry">
<?php the_content(__('Read the rest of this entry »', 'kubrick')); ?> </div> <p class="postmetadata">
<?php printf(__('Posted in %s', 'kubrick'), get_the_category_list(', ')); ?> | <?php edit_post_link(__('Edit', 'kubrick'), '', ' | '); ?>
<?php comments_popup_link(__('No Comments »', 'kubrick'), __('1 Comment »', 'kubrick'), __('% Comments »', 'kubrick'), '', __('Comments Closed', 'kubrick') ); ?> </p> </div>
<?php endwhile; ?>
タイトル
本文
全部理解しないといけないの?
![Page 70: Wordpressで自分好みのテーマを作る](https://reader034.vdocuments.mx/reader034/viewer/2022051609/5463ce61af795927598b6c66/html5/thumbnails/70.jpg)
・すべてのコードを理解する必要はない。・イメージにあったテーマを見つけてきて、 それをカスタマイズすればよい。
![Page 71: Wordpressで自分好みのテーマを作る](https://reader034.vdocuments.mx/reader034/viewer/2022051609/5463ce61af795927598b6c66/html5/thumbnails/71.jpg)
default
他のファイルは?
![Page 72: Wordpressで自分好みのテーマを作る](https://reader034.vdocuments.mx/reader034/viewer/2022051609/5463ce61af795927598b6c66/html5/thumbnails/72.jpg)
default
← not foundページ アーカイブページ
コメントページ
← 共通関数用
← 画像一覧ページ
言語関連ファイル
← リンクページ← 特定の1ページ
← スクリーンショット← 検索ページ
← 1投稿分の詳細ページ
![Page 73: Wordpressで自分好みのテーマを作る](https://reader034.vdocuments.mx/reader034/viewer/2022051609/5463ce61af795927598b6c66/html5/thumbnails/73.jpg)
default
← not foundページ アーカイブページ
コメントページ
← 共通関数用
← 画像一覧ページ
言語関連ファイル
← リンクページ← 特定の1ページ
← スクリーンショット← 検索ページ
← 1投稿分の詳細ページ
あとは調べれればなんとかなる!
![Page 74: Wordpressで自分好みのテーマを作る](https://reader034.vdocuments.mx/reader034/viewer/2022051609/5463ce61af795927598b6c66/html5/thumbnails/74.jpg)
終わり