W o r d B e n c h T o k y o 2 0 1 4 . 3 . 2 9

F a c e b o o k : t a k a s h i . k i t a m u r a . 9 9

T w i t t e r : @ t a h _ t i m i n g

T I M I N G D e s i g n　北村 崇

CharacterLogomark

Graphic Design

Flyer Poster Goods

Website

CSM

Writer

Speaker

ビジネスサイト制作で学ぶ WordPress「テーマカスタマイズ」徹底攻略

2/25発売

http://peatix.com/event/32677

h t t p : / / t i m i n g - d e s i g n . j p /

デザイン勉強会@赤羽次回：4月中旬　19 :30～21 :00 デザインの基礎 ～レイアウトとデザインの考え方～

Wo r dC ommun i t y C h a n n e l /スクー

h t t p : / / s c h o o . j p /

次回：4月20日（仮）　20 :00～21 :00 ゼロからのWordP r e s s（2限目） ～プラグインとテーマについて～

P H Pなにそれこわい。 からはじめるテーマ作り

Q

PHP…？

PHP…？

テーマはこうやって作られている

P H Pなにそれこわい。 からはじめるテーマ作り

中身はこうやって書かれている

テーマはこうやって作られている

h t t p : / /W o r d P r e s sの場所/wp - c o n t e n t / t h em e s /

「テーマフォルダの場所」

ここにダウンロードしたテーマや 自分で作ったテーマフォルダを

入れる

「テーマフォルダに必要なもの」

in d e x . p h p

s t y l e . c s s

だけ

ちなみに

/* Theme Name: 自分のテーマ名（必須）

Theme URI: テーマのホームサイトのURL

Description: テーマの説明

Author: 作者である自分の名前

Author URI: 作者である自分のサイトのURL

Version: バージョン

Tags: タグ

*/

なくてもOK

s t y l e . c s sの冒頭

「テンプレートファイル」必要なパーツごとにインポート

デザインでわけてみる

header.phpの呼び出し <?php get_header(); ?>

footer.phpの呼び出し <?php get_footer(); ?>

sidebar.phpの呼び出し <?php get_sidebar(); ?>

「テンプレートファイル」必要なパーツごとにインポート

<?php get_header(); ?> ～コンテンツ～ <?php get_sidebar(); ?> <?php get_footer(); ?>

「テンプレートファイル」必要なパーツごとにインポート

どこに呼び出す？

機能でわけている

「テンプレートファイル」機能ごとのテンプレート

マルチファイル index.php

トップページ front-page.php

固定ページ page.php

投稿ページ single.php

カテゴリーページ category.php

検索結果ページ search.php

404ページ 404.php

h t t p : / /w p d o c s . s o u r c e f o r g e . j p /テンプレート階層

「テンプレート階層」

中身はこうやって書かれている

「PHPファイルの中を見てみる」実際のPHPファイルに書かれている例

？

「テンプレートタグ」h t t p : / /w p d o c s . s o u r c e f o r g e . j p /テンプレートタグ

ブログタイトル出力 <?php bloginfo('name'); ?>

ブログURL出力 <?php echo home_url( '/' ); ?>

スタイルシートへのリンク <?php echo get_stylesheet_uri(); ?>

記事のパーマリンク出力 <?php the_permalink() ?>

記事のタイトル出力 <?php the_title(); ?>

記事のコンテンツ出力 <?php the_content(); ?>

アイキャッチ出力 <?php the_post_thumbnail(); ?>

時間情報出力 <?php the_time() ?>

記事内のタグ出力 <?php the_tags(); ?>

コメントテンプレート出力 <?php comments_template(); ?>

「PHPファイルの中を見てみる」実際のPHPファイルに書かれている例

「PHPファイルの中を見てみる」実際のPHPファイルに書かれている例

「PHPファイルの中を見てみる」実際のPHPファイルに書かれている例

ちなみに

<?php the_title(); ?>

PHPダヨ宣言

「テンプレートタグ」h t t p : / /w p d o c s . s o u r c e f o r g e . j p /テンプレートタグ

ブログタイトル出力 <?php bloginfo('name'); ?>

ブログURL出力 <?php echo home_url( '/' ); ?>

スタイルシートへのリンク <?php echo get_stylesheet_uri(); ?>

記事のパーマリンク出力 <?php the_permalink() ?>

記事のタイトル出力 <?php the_title(); ?>

記事のコンテンツ出力 <?php the_content(); ?>

アイキャッチ出力 <?php the_post_thumbnail(); ?>

時間情報出力 <?php the_time() ?>

記事内のタグ出力 <?php the_tags(); ?>

コメントテンプレート出力 <?php comments_template(); ?>

ブログタイトル出力 <?php bloginfo('name'); ?>

ブログURL出力 <?php echo home_url( '/' ); ?>

スタイルシートへのリンク <?php echo get_stylesheet_uri(); ?>

サイト全体に関する情報

記事のパーマリンク出力 <?php the_permalink() ?>

記事のタイトル出力 <?php the_title(); ?>

記事のコンテンツ出力 <?php the_content(); ?>

アイキャッチ出力 <?php the_post_thumbnail(); ?>

時間情報出力 <?php the_time() ?>

記事内のタグ出力 <?php the_tags(); ?>

コメントテンプレート出力 <?php comments_template(); ?>

個別の記事に関する情報

「PHPファイルの中を見てみる」実際のPHPファイルに書かれている例

「PHPファイルの中を見てみる」実際のPHPファイルに書かれている例

「PHPファイルの中を見てみる」

ループ

実際のPHPファイルに書かれている例

ループです

「ループってなに？」実際のPHPファイルに書かれている例

「ループってなに？」実際のPHPファイルに書かれている例

「ループってなに？」記事一個だったら

「ループってなに？」記事三個だったら

PHP？ ループ？

DEMO

Q

W o r d B e n c h T o k y o 2 0 1 4 . 3 . 2 9

ありがとうございました