SlideShare a Scribd company logo
テーマを作りたい人にも、
カスタマイズしたい人にも、
きっと役に立つ
テーマ設計のキホン
ちまたでは ぼけっちと
いわれています
こんにちは、うぇぶるじょんです
あらためまして・・・
相原 知栄子(あいはら ちえこ)
相原 知栄子(あいはら ちえこ)
フリーランスでのウェブ制作活動の後、
WordPressエンジニアとして
プライム・ストラテジー株式会社に入社。
現在はプロジェクトマネジャーとして、
大規模サイトの企画・制作・運用を担当。
20160430co-edo
相原 知栄子(あいはら ちえこ)
2011年 WordBench 東京 スピーカー
2013年 WordBench しずおか スピーカー
2013年 Microsoft Virtual Academy 動画講座
2014年 東北デベロッパーズカンファレンス2014
「6周年記念ワークショップ祭り!」 ワークショップ
2014年 スクーでお話しました
相原 知栄子(あいはら ちえこ)
Twitter:@Webourgeon
Blog : http://webourgeon.net/
相原 知栄子(あいはら ちえこ)
プラグインになりました
本を書きました。
WordPressの
カスタマイズが
わかる本
相原 知栄子(あいはら ちえこ)
ほかにも・・・
相原 知栄子(あいはら ちえこ)
突然ですが
みなさんはWordPressで
なにがしたいですか?
20160430co-edo
20160430co-edo
ん?
これはゴールじゃないですね
WordPressは
パブリッシングツール
誰かに
何かを
伝えるためにある
伝えるには
整理する
何をどう整理したいか = 設計
またまた質問です
Blog About Sitemap
Top
Category A Category B
記事
記事
記事
記事
News
記事
記事
記事
記事
記事
記事
記事
記事
Profile Works
どのテンプレートを使うか
頭の中に
浮かびましたか?
Blog About Sitemap
Top
Category A Category B
記事
記事
記事
記事
News
記事
記事
記事
記事
記事
記事
記事
記事
Profile Works
整理してみましょう
Blog About Sitemap
Top
Category A Category B
記事
記事
記事
記事
News
記事
記事
記事
記事
記事
記事
記事
記事
Profile Works
Blog About Sitemap
Top
Category A Category B
記事
記事
記事
記事
News
記事
記事
記事
記事
記事
記事
記事
記事
Profile Works
あんまり更新しない?
Blog About Sitemap
Top
Category A Category B
記事
記事
記事
記事
News
記事
記事
記事
記事
記事
記事
記事
記事
Profile Works
あんまり更新しない?
親子になってる
またまた質問です
固定ページと投稿のちがい
すぐに言えますか?
固定ページ
固定ページ
親 親
子 子
孫
子
孫
階層構造
固定ページ
親 親
子 子
孫
子
孫
階層構造
時系列に左右されない
投稿
投稿
記事
記事
記事
記事
アーカイブ
(一覧)
時系列
投稿
記事
記事
記事
記事
アーカイブ
(一覧)
時系列
カテゴリーやタグによる分類
投稿 固定ページ
添付ファイル(メディア)
リビジョン
ナビゲーションメニュー
カスタム投稿タイプ
投稿タイプ
わけてみよう
Blog About Sitemap
Top
Category A Category B
記事
記事
記事
記事
News
記事
記事
記事
記事
記事
記事
記事
記事
Profile Works
あんまり更新しない?
親子になってる
Blog About Sitemap
Top
Category A Category B
記事
記事
記事
記事
News
記事
記事
記事
記事
記事
記事
記事
記事
Profile Works
投稿 固定ページ
すっきり!
またまたまた質問です
またまたまた質問です
カテゴリとタグの違い
いえますか?
親 親
子 子
孫
子
孫
カテゴリー
アイテム アイテム
アイテム
アイテム
タグ
動物 植物
哺乳類 魚
犬
樹木
桜
カテゴリー
かわいい 長生き
綺麗
茶色
タグ
これらは
「分類」です
「カスタム分類」
っていうのもあるよ
だいぶ整理されてきましたね
でもこれじゃテンプレート
つくれないよ?
そこで登場するのが
「テンプレート階層」
です
????
WordPressで
記事をつくるとき
管理画面で何も指定しなくても
ちゃんとテンプレートが
選択されますよね
そのルールが
「テンプレート階層」
です
カテゴリー ID=1 「dog」
カテゴリー ID=1 「dog」
category-dog.php
(´・ω・`)
ナイ・・・
カテゴリー ID=1 「dog」
category-dog.php category-1.php
(´・ω・`)
ナイ・・・
(´・ω・`)
ナイ・・・
カテゴリー ID=1 「dog」
category-dog.php category-1.php category.php
(´・ω・`)
ナイ・・・
(´・ω・`)
ナイ・・・
(´・ω・`)
ナイ・・・
カテゴリー ID=1 「dog」
category-dog.php category-1.php category.php archive.php
(´・ω・`)
ナイ・・・
(´・ω・`)
ナイ・・・
(´・ω・`)
ナイ・・・
(´・ω・`)
ナイ・・・
カテゴリー ID=1 「dog」
category-dog.php category-1.php category.php archive.php Index.php
(´・ω・`)
ナイ・・・
(´・ω・`)
ナイ・・・
(´・ω・`)
ナイ・・・
(´・ω・`)
ナイ・・・ ヽ(=´▽`=)ノ
あったー
WordPressえらいね
このルールに沿って
どのテンプレートを使うか
選ぶだけ!!!
https://wpdocs.osdn.jp/テンプレート階層
同じとこはど~こだ?
ロゴ
メニュー
サイド
メニュー
コピーライト
おしらせ
トピックス
ブログ新着
ロゴ
メニュー
サイド
メニュー
コピーライト
ロゴ
メニュー
サイド
メニュー
コピーライト
記事タイトル
本文
記事
タイトル
記事
タイトル
記事
タイトル
記事
タイトル
記事
タイトル
ロゴ
メニュー
サイド
メニュー
コピーライト
おしらせ
トピックス
ブログ新着
ロゴ
メニュー
サイド
メニュー
コピーライト
ロゴ
メニュー
サイド
メニュー
コピーライト
記事タイトル
本文
記事
タイトル
記事
タイトル
記事
タイトル
記事
タイトル
記事
タイトル
ロゴ
メニュー
サイド
メニュー
コピーライト
おしらせ
トピックス
ブログ新着
ロゴ
メニュー
サイド
メニュー
コピーライト
ロゴ
メニュー
サイド
メニュー
コピーライト
記事タイトル
本文
記事
タイトル
記事
タイトル
記事
タイトル
記事
タイトル
記事
タイトル
header
sidebar
footer
これもひとつの
整理方法
20160430co-edo
カスタマイズ
できそうでしょ?
整理と分類ができて
仕組みと
考え方がわかれば
こわくない
Enjoy!

More Related Content

PDF
WordCamp Kansai 2015 はじめの一歩テーマ作成ハンズオン「今あるテーマを有効活用!子テーマではじめるお手軽テーマ作成法」
PDF
WordCamp Kansai 2015 - WordPress.org フォーラム参加のススメ
PDF
第11回ゼロから始めるWordPress勉強会
PDF
Word pressはじめの一歩 テーマ作成ハンズオン
PDF
WordCampKansai 2015 公式ディレクトリへの􏰀 テーマ掲載とビジネスモデル
PDF
コミュニティ立ち上げのときに本当にあった恐い話
PDF
WordPressのローカル開発環境構築【WordBench Nagoya 5月度勉強会】
PDF
WordCamp Tokyo2016-WooCommerceのすすめ
WordCamp Kansai 2015 はじめの一歩テーマ作成ハンズオン「今あるテーマを有効活用!子テーマではじめるお手軽テーマ作成法」
WordCamp Kansai 2015 - WordPress.org フォーラム参加のススメ
第11回ゼロから始めるWordPress勉強会
Word pressはじめの一歩 テーマ作成ハンズオン
WordCampKansai 2015 公式ディレクトリへの􏰀 テーマ掲載とビジネスモデル
コミュニティ立ち上げのときに本当にあった恐い話
WordPressのローカル開発環境構築【WordBench Nagoya 5月度勉強会】
WordCamp Tokyo2016-WooCommerceのすすめ

What's hot (20)

PDF
オープンソースプロジェクトのはじめかた@Creators MeetUp #25
PPTX
WooCommerce 勉強会 - 20161022
PPTX
Advanced bookmarkpresentedbymonacapressproject日本語
PDF
WordPress tokyo2015 - 公式プラグインでお金を稼ぐことができるか?
PDF
WordPressで行うシステム開発 WordCamp Tokyo 2015用
PDF
WordPressを仕事で使用する際に便利なおすすめプラグインの紹介
PDF
『ライターと制作者のメディアの作り方』WordCamp Tokyo2015
PDF
フリーランスミートアップを開催してきた@Creators MeetUp #44
PDF
Advanced bookmarkpresentedbymonacapressproject日本語
PDF
WordCamp Tokyo 2015 リアルフォーラム
PPTX
WordPress アジュール部 テーマ制作について考えること
PDF
ローカルでのWordPress開発環境に向けて【WordBench 三重 5月度勉強会】
PDF
アジャイルコーチが現場で学んだプロダクトオーナーの実際と勘所 POの二番目に大事なことと
PDF
バスケ複業エンジニアのたのしみ
PDF
もくもくと過ごした2016年振り返り
PPTX
An example of how to make the accessibility ready theme
PDF
Yat-wbnara201602
PDF
doshirouto2014のcssだけを改造して子テーマを作る、最速手抜きカスタマイズ (初級)
PDF
四国でリモートワーク時々お遍路
PDF
HTML5 / Web APIの上手な使い方
オープンソースプロジェクトのはじめかた@Creators MeetUp #25
WooCommerce 勉強会 - 20161022
Advanced bookmarkpresentedbymonacapressproject日本語
WordPress tokyo2015 - 公式プラグインでお金を稼ぐことができるか?
WordPressで行うシステム開発 WordCamp Tokyo 2015用
WordPressを仕事で使用する際に便利なおすすめプラグインの紹介
『ライターと制作者のメディアの作り方』WordCamp Tokyo2015
フリーランスミートアップを開催してきた@Creators MeetUp #44
Advanced bookmarkpresentedbymonacapressproject日本語
WordCamp Tokyo 2015 リアルフォーラム
WordPress アジュール部 テーマ制作について考えること
ローカルでのWordPress開発環境に向けて【WordBench 三重 5月度勉強会】
アジャイルコーチが現場で学んだプロダクトオーナーの実際と勘所 POの二番目に大事なことと
バスケ複業エンジニアのたのしみ
もくもくと過ごした2016年振り返り
An example of how to make the accessibility ready theme
Yat-wbnara201602
doshirouto2014のcssだけを改造して子テーマを作る、最速手抜きカスタマイズ (初級)
四国でリモートワーク時々お遍路
HTML5 / Web APIの上手な使い方
Ad

Viewers also liked (12)

PDF
ぷらぐいんになっちゃった
PDF
ぷらぐいんになっちゃった2
PPTX
WordPressの学習方法
PPTX
千葉コワーキングスペース201の紹介
PDF
CSSだけでもけっこうイケルTwenty Tenのカスタマイズとそこから踏み出す第一歩
PDF
WordCamp KOBE 「初めてのWordPress!オリジナルのテーマでブログを作る方法」Parkn'Park
PDF
WordPressでサイト作成するときに知っておくといいことあれこれ
PDF
Think user first #2 フリルの機能改善における仮説と検証
PPTX
かんたん!わかりやすいWafのおはなし
PPTX
スタートアップの 3 分ピッチテンプレート
PDF
WordPress安全運用の基礎
PDF
Guided Reading: Making the Most of It
ぷらぐいんになっちゃった
ぷらぐいんになっちゃった2
WordPressの学習方法
千葉コワーキングスペース201の紹介
CSSだけでもけっこうイケルTwenty Tenのカスタマイズとそこから踏み出す第一歩
WordCamp KOBE 「初めてのWordPress!オリジナルのテーマでブログを作る方法」Parkn'Park
WordPressでサイト作成するときに知っておくといいことあれこれ
Think user first #2 フリルの機能改善における仮説と検証
かんたん!わかりやすいWafのおはなし
スタートアップの 3 分ピッチテンプレート
WordPress安全運用の基礎
Guided Reading: Making the Most of It
Ad

Similar to 20160430co-edo (20)

PDF
10/12 WordBench神戸 WordPressの学習方法
PDF
中級者のためのWordPress講座[第2回]WordPressテーマをカスタマイズしてみよう!
PDF
WordPress公式テーマ登録のための5ステップ
PDF
WordPress テーマカスタマイズ 基本の「き」
PDF
テーマ作成のアプローチ
PDF
「最新デフォルトテーマをひも解きながら、オリジナルテーマへとカスタマイズするヒントを学ぼう。」in ゆるゆるカフェ
PDF
ゼロからのWordPress(第三回)〜テーマの構造、カスタマイズの基礎〜
PDF
CSS Nite in OSAKA, Vol.32:デザイナーのためのWordPressカスタマイズ
PDF
ゼロからのWordPress(第三回)〜テーマの構造、カスタマイズの基礎〜
PDF
テーマ制作時の疑問とノンプログラマーにも優しいテーマを考える
PDF
ゼロからのWordPress(第三回)〜テーマの構造、カスタマイズの基礎〜
KEY
PHPがわからないデザイナーでもできる、簡単カスタマイズ術
PDF
テーマカスタマイズ入門~バレンタインまでに子テーマをつくろう~ 2
PDF
ノンプログラマーのためのカンタンWordPressテーマ作成入門 ∼子テーマで WordPress のテーマをつくろう∼
PDF
Abc words
PDF
WordPressをこれから始める人のためのテーマ講座
PDF
テーマに機能を含めちゃダメなんて誰が決めた! テーマをモリモリにカスタマイズする
PDF
Webの勉強会#14
PDF
Word Beach Nagoya
PDF
第18回WordBench大阪【2013年6月23日】
10/12 WordBench神戸 WordPressの学習方法
中級者のためのWordPress講座[第2回]WordPressテーマをカスタマイズしてみよう!
WordPress公式テーマ登録のための5ステップ
WordPress テーマカスタマイズ 基本の「き」
テーマ作成のアプローチ
「最新デフォルトテーマをひも解きながら、オリジナルテーマへとカスタマイズするヒントを学ぼう。」in ゆるゆるカフェ
ゼロからのWordPress(第三回)〜テーマの構造、カスタマイズの基礎〜
CSS Nite in OSAKA, Vol.32:デザイナーのためのWordPressカスタマイズ
ゼロからのWordPress(第三回)〜テーマの構造、カスタマイズの基礎〜
テーマ制作時の疑問とノンプログラマーにも優しいテーマを考える
ゼロからのWordPress(第三回)〜テーマの構造、カスタマイズの基礎〜
PHPがわからないデザイナーでもできる、簡単カスタマイズ術
テーマカスタマイズ入門~バレンタインまでに子テーマをつくろう~ 2
ノンプログラマーのためのカンタンWordPressテーマ作成入門 ∼子テーマで WordPress のテーマをつくろう∼
Abc words
WordPressをこれから始める人のためのテーマ講座
テーマに機能を含めちゃダメなんて誰が決めた! テーマをモリモリにカスタマイズする
Webの勉強会#14
Word Beach Nagoya
第18回WordBench大阪【2013年6月23日】

More from Chieko Aihara (7)

PDF
2014 01-11-tdc-6th-anniversary
PDF
バックアッププラグインあれこれ
PDF
WordPressのデフォルトテーマ Twenty Twelveから見る レスポンシブウェブデザインと モバイルファーストの考え方@Co-Edo
PDF
WordPressの多言語プラグイン「qtranslate」で、あなたのサイトも世界にデビュー♪ @Co-Edo
PDF
WordPressのデフォルトテーマ Twenty Twelveから見るレスポンシブウェブデザインとモバイルファーストの考え方
PDF
お客様に「WordPressにして」、っていわれたけど、どうやって仕組みを考えたらいいかわからない、とか、ここ突っ込んで確認しとかないとはまるよ、み...
PDF
WordPressの多言語プラグイン「qTranslate」で、あなたのサイトも世界にデビュー♪
2014 01-11-tdc-6th-anniversary
バックアッププラグインあれこれ
WordPressのデフォルトテーマ Twenty Twelveから見る レスポンシブウェブデザインと モバイルファーストの考え方@Co-Edo
WordPressの多言語プラグイン「qtranslate」で、あなたのサイトも世界にデビュー♪ @Co-Edo
WordPressのデフォルトテーマ Twenty Twelveから見るレスポンシブウェブデザインとモバイルファーストの考え方
お客様に「WordPressにして」、っていわれたけど、どうやって仕組みを考えたらいいかわからない、とか、ここ突っ込んで確認しとかないとはまるよ、み...
WordPressの多言語プラグイン「qTranslate」で、あなたのサイトも世界にデビュー♪

20160430co-edo