SlideShare une entreprise Scribd logo
1  sur  60
Télécharger pour lire hors ligne
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 月 中 旬   1 9 : 3 0 ∼ 2 1 : 0 0
デ ザ イ ン の 基 礎
∼ レ イ ア ウ ト と デ ザ イ ン の 考 え 方 ∼
W o r d C o m m u n i t y C h a n n e l / ス ク ー
h t t p : / / s c h o o . j p /
次 回 : 4 月 2 0 日 ( 仮 )   2 0 : 0 0 ∼ 2 1 : 0 0
ゼ ロ か ら の W o r d P r e s s ( 2 限 目 )
∼ プ ラ グ イ ン と テ ー マ に つ い て ∼
P H P な に そ れ こ わ い 。
か ら は じ め る テ ー マ 作 り
Q
P H P … ?
P H P … ?
テ ー マ は こ う や っ て 作 ら れ て い る
P H P な に そ れ こ わ い 。
か ら は じ め る テ ー マ 作 り
中 身 は こ う や っ て 書 か れ て い る
テ ー マ は こ う や っ て 作 ら れ て い る
h t t p : / / W o r d P r e s s の 場 所 / w p - c o n t e n t / t h e m e s /
「 テ ー マ フ ォ ル ダ の 場 所 」
こ こ に ダ ウ ン ロ ー ド し た テ ー マ や
自 分 で 作 っ た テ ー マ フ ォ ル ダ を
入 れ る
「 テ ー マ フ ォ ル ダ に 必 要 な も の 」
i n 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: タグ
*/
な く て も O K
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 / テ ン プ レ ー ト 階 層
「 テ ン プ レ ー ト 階 層 」
中 身 は こ う や っ て 書 か れ て い る
「 P H P フ ァ イ ル の 中 を 見 て み る 」
実 際 の P H P フ ァ イ ル に 書 か れ て い る 例
?
「 テ ン プ レ ー ト タ グ 」
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(); ?>
「 P H P フ ァ イ ル の 中 を 見 て み る 」
実 際 の P H P フ ァ イ ル に 書 か れ て い る 例
「 P H P フ ァ イ ル の 中 を 見 て み る 」
実 際 の P H P フ ァ イ ル に 書 か れ て い る 例
「 P H P フ ァ イ ル の 中 を 見 て み る 」
実 際 の P H P フ ァ イ ル に 書 か れ て い る 例
ち な み に
<?php the_title(); ?>
P H P ダ ヨ 宣 言
「 テ ン プ レ ー ト タ グ 」
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(); ?>
個 別 の 記 事 に 関 す る 情 報
「 P H P フ ァ イ ル の 中 を 見 て み る 」
実 際 の P H P フ ァ イ ル に 書 か れ て い る 例
「 P H P フ ァ イ ル の 中 を 見 て み る 」
実 際 の P H P フ ァ イ ル に 書 か れ て い る 例
「 P H P フ ァ イ ル の 中 を 見 て み る 」
ル ー プ
実 際 の P H P フ ァ イ ル に 書 か れ て い る 例
ル ー プ で す
「 ル ー プ っ て な に ? 」
実 際 の P H P フ ァ イ ル に 書 か れ て い る 例
「 ル ー プ っ て な に ? 」
実 際 の P H P フ ァ イ ル に 書 か れ て い る 例
「 ル ー プ っ て な に ? 」
記 事 一 個 だ っ た ら
「 ル ー プ っ て な に ? 」
記 事 三 個 だ っ た ら
P H P ?
ル ー プ ?
DEMO
Q
W o r d B e n c h T o k y o
2 0 1 4 . 3 . 2 9
あ り が と う ご ざ い ま し た

Contenu connexe

Tendances

BuddyPressで街のポータルサイトを作ろう
BuddyPressで街のポータルサイトを作ろうBuddyPressで街のポータルサイトを作ろう
BuddyPressで街のポータルサイトを作ろう松田 千尋
 
WordPressプラグイン Jetpack って何だ?!
WordPressプラグイン Jetpack って何だ?!WordPressプラグイン Jetpack って何だ?!
WordPressプラグイン Jetpack って何だ?!Yuji Nojima
 
20190920 hannaripython20
20190920 hannaripython2020190920 hannaripython20
20190920 hannaripython20Otazo Man
 
WordPressテーマ Foundation for WordPress の紹介
WordPressテーマ Foundation for WordPress の紹介WordPressテーマ Foundation for WordPress の紹介
WordPressテーマ Foundation for WordPress の紹介Takashi Uemura
 
Word pressの可能性とplugin拡張
Word pressの可能性とplugin拡張Word pressの可能性とplugin拡張
Word pressの可能性とplugin拡張Yuya Matsushima
 
WordPressプラグイン作成入門
WordPressプラグイン作成入門WordPressプラグイン作成入門
WordPressプラグイン作成入門Yuji Nojima
 
WordPress中級者への道!テンプレートタグはどう動くのか!?
WordPress中級者への道!テンプレートタグはどう動くのか!?WordPress中級者への道!テンプレートタグはどう動くのか!?
WordPress中級者への道!テンプレートタグはどう動くのか!?Shinichi Nishikawa
 
4時間まったりWordPressテーマ作成講座
4時間まったりWordPressテーマ作成講座4時間まったりWordPressテーマ作成講座
4時間まったりWordPressテーマ作成講座Shinichi Nishikawa
 
テーマ制作時の疑問とノンプログラマーにも優しいテーマを考える
テーマ制作時の疑問とノンプログラマーにも優しいテーマを考えるテーマ制作時の疑問とノンプログラマーにも優しいテーマを考える
テーマ制作時の疑問とノンプログラマーにも優しいテーマを考えるTsuyoshi.
 
レスポンシブWebデザイン@マカベンvol.5
レスポンシブWebデザイン@マカベンvol.5レスポンシブWebデザイン@マカベンvol.5
レスポンシブWebデザイン@マカベンvol.5Shogo Tamura
 
Twenty Fourteen徹底解剖! ~デフォルトテーマに学ぶ今ドキテーマの作り方~
Twenty Fourteen徹底解剖! ~デフォルトテーマに学ぶ今ドキテーマの作り方~Twenty Fourteen徹底解剖! ~デフォルトテーマに学ぶ今ドキテーマの作り方~
Twenty Fourteen徹底解剖! ~デフォルトテーマに学ぶ今ドキテーマの作り方~Keisuke Imura
 
仕事で使うちょっとしたコードをOSSとして開発メンテしていく - Django Redshift Backend の開発 - PyCon JP 2016
仕事で使うちょっとしたコードをOSSとして開発メンテしていく- Django Redshift Backend の開発 - PyCon JP 2016仕事で使うちょっとしたコードをOSSとして開発メンテしていく- Django Redshift Backend の開発 - PyCon JP 2016
仕事で使うちょっとしたコードをOSSとして開発メンテしていく - Django Redshift Backend の開発 - PyCon JP 2016Takayuki Shimizukawa
 
WordPressはじめてのプラグイン作成
WordPressはじめてのプラグイン作成WordPressはじめてのプラグイン作成
WordPressはじめてのプラグイン作成Shoji Endo
 
WordBench熊本第3回勉強会
WordBench熊本第3回勉強会WordBench熊本第3回勉強会
WordBench熊本第3回勉強会Akinori Tateyama
 

Tendances (15)

BuddyPressで街のポータルサイトを作ろう
BuddyPressで街のポータルサイトを作ろうBuddyPressで街のポータルサイトを作ろう
BuddyPressで街のポータルサイトを作ろう
 
WordPressプラグイン Jetpack って何だ?!
WordPressプラグイン Jetpack って何だ?!WordPressプラグイン Jetpack って何だ?!
WordPressプラグイン Jetpack って何だ?!
 
20190920 hannaripython20
20190920 hannaripython2020190920 hannaripython20
20190920 hannaripython20
 
WordPressテーマ Foundation for WordPress の紹介
WordPressテーマ Foundation for WordPress の紹介WordPressテーマ Foundation for WordPress の紹介
WordPressテーマ Foundation for WordPress の紹介
 
Word pressの可能性とplugin拡張
Word pressの可能性とplugin拡張Word pressの可能性とplugin拡張
Word pressの可能性とplugin拡張
 
WordPressプラグイン作成入門
WordPressプラグイン作成入門WordPressプラグイン作成入門
WordPressプラグイン作成入門
 
WordPress中級者への道!テンプレートタグはどう動くのか!?
WordPress中級者への道!テンプレートタグはどう動くのか!?WordPress中級者への道!テンプレートタグはどう動くのか!?
WordPress中級者への道!テンプレートタグはどう動くのか!?
 
4時間まったりWordPressテーマ作成講座
4時間まったりWordPressテーマ作成講座4時間まったりWordPressテーマ作成講座
4時間まったりWordPressテーマ作成講座
 
テーマ制作時の疑問とノンプログラマーにも優しいテーマを考える
テーマ制作時の疑問とノンプログラマーにも優しいテーマを考えるテーマ制作時の疑問とノンプログラマーにも優しいテーマを考える
テーマ制作時の疑問とノンプログラマーにも優しいテーマを考える
 
レスポンシブWebデザイン@マカベンvol.5
レスポンシブWebデザイン@マカベンvol.5レスポンシブWebデザイン@マカベンvol.5
レスポンシブWebデザイン@マカベンvol.5
 
Twenty Fourteen徹底解剖! ~デフォルトテーマに学ぶ今ドキテーマの作り方~
Twenty Fourteen徹底解剖! ~デフォルトテーマに学ぶ今ドキテーマの作り方~Twenty Fourteen徹底解剖! ~デフォルトテーマに学ぶ今ドキテーマの作り方~
Twenty Fourteen徹底解剖! ~デフォルトテーマに学ぶ今ドキテーマの作り方~
 
Wp html5
Wp html5Wp html5
Wp html5
 
仕事で使うちょっとしたコードをOSSとして開発メンテしていく - Django Redshift Backend の開発 - PyCon JP 2016
仕事で使うちょっとしたコードをOSSとして開発メンテしていく- Django Redshift Backend の開発 - PyCon JP 2016仕事で使うちょっとしたコードをOSSとして開発メンテしていく- Django Redshift Backend の開発 - PyCon JP 2016
仕事で使うちょっとしたコードをOSSとして開発メンテしていく - Django Redshift Backend の開発 - PyCon JP 2016
 
WordPressはじめてのプラグイン作成
WordPressはじめてのプラグイン作成WordPressはじめてのプラグイン作成
WordPressはじめてのプラグイン作成
 
WordBench熊本第3回勉強会
WordBench熊本第3回勉強会WordBench熊本第3回勉強会
WordBench熊本第3回勉強会
 

Similaire à 2014/03/29 WordBench TOKYO

101210 supreme web adobe seminar Nagoya
101210 supreme web adobe seminar Nagoya101210 supreme web adobe seminar Nagoya
101210 supreme web adobe seminar Nagoyatamotsu toyoda
 
WordPress テーマ作成&PHP超入門
WordPress テーマ作成&PHP超入門WordPress テーマ作成&PHP超入門
WordPress テーマ作成&PHP超入門Michinari Odajima
 
WordPressで投稿記事情報の取得方法
WordPressで投稿記事情報の取得方法WordPressで投稿記事情報の取得方法
WordPressで投稿記事情報の取得方法regret raym
 
Wordpressで自分好みのテーマを作る
Wordpressで自分好みのテーマを作るWordpressで自分好みのテーマを作る
Wordpressで自分好みのテーマを作るTakashi Uemura
 
デザイナーのためのPHP講座 for WordPress (初級)
デザイナーのためのPHP講座  for WordPress (初級)デザイナーのためのPHP講座  for WordPress (初級)
デザイナーのためのPHP講座 for WordPress (初級)佑 小田垣佑
 
WordPressでオリジナルサイトを作るための最初の一歩的なカスタマイズテクニック
WordPressでオリジナルサイトを作るための最初の一歩的なカスタマイズテクニックWordPressでオリジナルサイトを作るための最初の一歩的なカスタマイズテクニック
WordPressでオリジナルサイトを作るための最初の一歩的なカスタマイズテクニックTakashi Uemura
 
第2回こけむさズword press部
第2回こけむさズword press部第2回こけむさズword press部
第2回こけむさズword press部Yuki Suzuki
 
WordPress実践 導入からカスタマイズまで
WordPress実践 導入からカスタマイズまでWordPress実践 導入からカスタマイズまで
WordPress実践 導入からカスタマイズまでTakashi Uemura
 
FukuokaPHP 3
FukuokaPHP 3FukuokaPHP 3
FukuokaPHP 3ichikaway
 
Modern PHP Programming @ PFI Seminar
Modern PHP Programming @ PFI SeminarModern PHP Programming @ PFI Seminar
Modern PHP Programming @ PFI SeminarSotaro Karasawa
 
WordBeachDeathMarchWorkshop
WordBeachDeathMarchWorkshopWordBeachDeathMarchWorkshop
WordBeachDeathMarchWorkshoptakashi ono
 
Phpcon tokyo 20120_bigginer
Phpcon tokyo 20120_bigginerPhpcon tokyo 20120_bigginer
Phpcon tokyo 20120_bigginerHideo Kashioka
 
WebAPIではじめるphp入門
WebAPIではじめるphp入門WebAPIではじめるphp入門
WebAPIではじめるphp入門Hiroaki Murayama
 
Pinoco phptal-phpcon-kansai
Pinoco phptal-phpcon-kansaiPinoco phptal-phpcon-kansai
Pinoco phptal-phpcon-kansaiHisateru Tanaka
 
WordPress3.0 新デフォルトテーマ Twenty Ten 大解剖! ~秋バージョン~
WordPress3.0 新デフォルトテーマ Twenty Ten 大解剖! ~秋バージョン~WordPress3.0 新デフォルトテーマ Twenty Ten 大解剖! ~秋バージョン~
WordPress3.0 新デフォルトテーマ Twenty Ten 大解剖! ~秋バージョン~hokori matu
 
CRF を使った Web 本文抽出 for WebDB Forum 2011
CRF を使った Web 本文抽出 for WebDB Forum 2011CRF を使った Web 本文抽出 for WebDB Forum 2011
CRF を使った Web 本文抽出 for WebDB Forum 2011Shuyo Nakatani
 
ゼロからつくるWord pressテーマ第5回
ゼロからつくるWord pressテーマ第5回ゼロからつくるWord pressテーマ第5回
ゼロからつくるWord pressテーマ第5回Hitsuji
 

Similaire à 2014/03/29 WordBench TOKYO (20)

101210 supreme web adobe seminar Nagoya
101210 supreme web adobe seminar Nagoya101210 supreme web adobe seminar Nagoya
101210 supreme web adobe seminar Nagoya
 
WordPress テーマ作成&PHP超入門
WordPress テーマ作成&PHP超入門WordPress テーマ作成&PHP超入門
WordPress テーマ作成&PHP超入門
 
WordPressで投稿記事情報の取得方法
WordPressで投稿記事情報の取得方法WordPressで投稿記事情報の取得方法
WordPressで投稿記事情報の取得方法
 
Wordpressで自分好みのテーマを作る
Wordpressで自分好みのテーマを作るWordpressで自分好みのテーマを作る
Wordpressで自分好みのテーマを作る
 
WordBeach @kurudrive
WordBeach @kurudriveWordBeach @kurudrive
WordBeach @kurudrive
 
デザイナーのためのPHP講座 for WordPress (初級)
デザイナーのためのPHP講座  for WordPress (初級)デザイナーのためのPHP講座  for WordPress (初級)
デザイナーのためのPHP講座 for WordPress (初級)
 
WordPressでオリジナルサイトを作るための最初の一歩的なカスタマイズテクニック
WordPressでオリジナルサイトを作るための最初の一歩的なカスタマイズテクニックWordPressでオリジナルサイトを作るための最初の一歩的なカスタマイズテクニック
WordPressでオリジナルサイトを作るための最初の一歩的なカスタマイズテクニック
 
第2回こけむさズword press部
第2回こけむさズword press部第2回こけむさズword press部
第2回こけむさズword press部
 
WordPress実践 導入からカスタマイズまで
WordPress実践 導入からカスタマイズまでWordPress実践 導入からカスタマイズまで
WordPress実践 導入からカスタマイズまで
 
FukuokaPHP 3
FukuokaPHP 3FukuokaPHP 3
FukuokaPHP 3
 
Modern PHP Programming @ PFI Seminar
Modern PHP Programming @ PFI SeminarModern PHP Programming @ PFI Seminar
Modern PHP Programming @ PFI Seminar
 
WordBeachDeathMarchWorkshop
WordBeachDeathMarchWorkshopWordBeachDeathMarchWorkshop
WordBeachDeathMarchWorkshop
 
超高速WordPress
超高速WordPress超高速WordPress
超高速WordPress
 
Phpcon tokyo 20120_bigginer
Phpcon tokyo 20120_bigginerPhpcon tokyo 20120_bigginer
Phpcon tokyo 20120_bigginer
 
WebAPIではじめるphp入門
WebAPIではじめるphp入門WebAPIではじめるphp入門
WebAPIではじめるphp入門
 
Pinoco phptal-phpcon-kansai
Pinoco phptal-phpcon-kansaiPinoco phptal-phpcon-kansai
Pinoco phptal-phpcon-kansai
 
WordPress3.0 新デフォルトテーマ Twenty Ten 大解剖! ~秋バージョン~
WordPress3.0 新デフォルトテーマ Twenty Ten 大解剖! ~秋バージョン~WordPress3.0 新デフォルトテーマ Twenty Ten 大解剖! ~秋バージョン~
WordPress3.0 新デフォルトテーマ Twenty Ten 大解剖! ~秋バージョン~
 
CRF を使った Web 本文抽出 for WebDB Forum 2011
CRF を使った Web 本文抽出 for WebDB Forum 2011CRF を使った Web 本文抽出 for WebDB Forum 2011
CRF を使った Web 本文抽出 for WebDB Forum 2011
 
WCO2012「PHP教室」
WCO2012「PHP教室」WCO2012「PHP教室」
WCO2012「PHP教室」
 
ゼロからつくるWord pressテーマ第5回
ゼロからつくるWord pressテーマ第5回ゼロからつくるWord pressテーマ第5回
ゼロからつくるWord pressテーマ第5回
 

Plus de Takashi Kitamura

38回/デザイン勉強会@赤羽「これからはじめるWebデザイン〜Webデザイナーに必要なもの〜」
38回/デザイン勉強会@赤羽「これからはじめるWebデザイン〜Webデザイナーに必要なもの〜」38回/デザイン勉強会@赤羽「これからはじめるWebデザイン〜Webデザイナーに必要なもの〜」
38回/デザイン勉強会@赤羽「これからはじめるWebデザイン〜Webデザイナーに必要なもの〜」Takashi Kitamura
 
「人にやさしいデザイン(はモテる)」
「人にやさしいデザイン(はモテる)」「人にやさしいデザイン(はモテる)」
「人にやさしいデザイン(はモテる)」Takashi Kitamura
 
大分クリエイターズ 2015/11/14 北村崇「デザインをはじめる 前に知っておきたい 本当のデザイン」
大分クリエイターズ 2015/11/14 北村崇「デザインをはじめる 前に知っておきたい 本当のデザイン」大分クリエイターズ 2015/11/14 北村崇「デザインをはじめる 前に知っておきたい 本当のデザイン」
大分クリエイターズ 2015/11/14 北村崇「デザインをはじめる 前に知っておきたい 本当のデザイン」Takashi Kitamura
 
WordCamp Tokyo2015 (Lt kitamura)
WordCamp Tokyo2015 (Lt kitamura)WordCamp Tokyo2015 (Lt kitamura)
WordCamp Tokyo2015 (Lt kitamura)Takashi Kitamura
 
20150619デザイン勉強会34「本のリ・デザイン アイデアソン」
20150619デザイン勉強会34「本のリ・デザイン アイデアソン」20150619デザイン勉強会34「本のリ・デザイン アイデアソン」
20150619デザイン勉強会34「本のリ・デザイン アイデアソン」Takashi Kitamura
 
20150417デザイン勉強会33
20150417デザイン勉強会3320150417デザイン勉強会33
20150417デザイン勉強会33Takashi Kitamura
 
第32回デザイン勉強会 「web制作のプロトタイピングツール」
第32回デザイン勉強会 「web制作のプロトタイピングツール」第32回デザイン勉強会 「web制作のプロトタイピングツール」
第32回デザイン勉強会 「web制作のプロトタイピングツール」Takashi Kitamura
 
WP-D Fes03 Osaka Kitamura Tah
WP-D Fes03 Osaka Kitamura TahWP-D Fes03 Osaka Kitamura Tah
WP-D Fes03 Osaka Kitamura TahTakashi Kitamura
 
イマドキWEBデザイン/140712fsumi
イマドキWEBデザイン/140712fsumiイマドキWEBデザイン/140712fsumi
イマドキWEBデザイン/140712fsumiTakashi Kitamura
 
2014/02/01 WP-D Fes #01(sat) Megane Fes in GMO
2014/02/01 WP-D Fes #01(sat) Megane Fes in GMO2014/02/01 WP-D Fes #01(sat) Megane Fes in GMO
2014/02/01 WP-D Fes #01(sat) Megane Fes in GMOTakashi Kitamura
 

Plus de Takashi Kitamura (12)

38回/デザイン勉強会@赤羽「これからはじめるWebデザイン〜Webデザイナーに必要なもの〜」
38回/デザイン勉強会@赤羽「これからはじめるWebデザイン〜Webデザイナーに必要なもの〜」38回/デザイン勉強会@赤羽「これからはじめるWebデザイン〜Webデザイナーに必要なもの〜」
38回/デザイン勉強会@赤羽「これからはじめるWebデザイン〜Webデザイナーに必要なもの〜」
 
「人にやさしいデザイン(はモテる)」
「人にやさしいデザイン(はモテる)」「人にやさしいデザイン(はモテる)」
「人にやさしいデザイン(はモテる)」
 
大分クリエイターズ 2015/11/14 北村崇「デザインをはじめる 前に知っておきたい 本当のデザイン」
大分クリエイターズ 2015/11/14 北村崇「デザインをはじめる 前に知っておきたい 本当のデザイン」大分クリエイターズ 2015/11/14 北村崇「デザインをはじめる 前に知っておきたい 本当のデザイン」
大分クリエイターズ 2015/11/14 北村崇「デザインをはじめる 前に知っておきたい 本当のデザイン」
 
WordCamp Tokyo2015 (Lt kitamura)
WordCamp Tokyo2015 (Lt kitamura)WordCamp Tokyo2015 (Lt kitamura)
WordCamp Tokyo2015 (Lt kitamura)
 
20150619デザイン勉強会34「本のリ・デザイン アイデアソン」
20150619デザイン勉強会34「本のリ・デザイン アイデアソン」20150619デザイン勉強会34「本のリ・デザイン アイデアソン」
20150619デザイン勉強会34「本のリ・デザイン アイデアソン」
 
20150417デザイン勉強会33
20150417デザイン勉強会3320150417デザイン勉強会33
20150417デザイン勉強会33
 
第32回デザイン勉強会 「web制作のプロトタイピングツール」
第32回デザイン勉強会 「web制作のプロトタイピングツール」第32回デザイン勉強会 「web制作のプロトタイピングツール」
第32回デザイン勉強会 「web制作のプロトタイピングツール」
 
WP-D Fes03 Osaka Kitamura Tah
WP-D Fes03 Osaka Kitamura TahWP-D Fes03 Osaka Kitamura Tah
WP-D Fes03 Osaka Kitamura Tah
 
イマドキWEBデザイン/140712fsumi
イマドキWEBデザイン/140712fsumiイマドキWEBデザイン/140712fsumi
イマドキWEBデザイン/140712fsumi
 
2014/02/01 WP-D Fes #01(sat) Megane Fes in GMO
2014/02/01 WP-D Fes #01(sat) Megane Fes in GMO2014/02/01 WP-D Fes #01(sat) Megane Fes in GMO
2014/02/01 WP-D Fes #01(sat) Megane Fes in GMO
 
W ctokyo2012 timing
W ctokyo2012 timingW ctokyo2012 timing
W ctokyo2012 timing
 
Osc2012tokyo timing
Osc2012tokyo timingOsc2012tokyo timing
Osc2012tokyo timing
 

2014/03/29 WordBench TOKYO

  • 1. W o r d B e n c h T o k y o 2 0 1 4 . 3 . 2 9
  • 2. 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  北 村 崇
  • 3. CharacterLogomark Graphic Design Flyer Poster Goods Website CSM Writer Speaker
  • 6. h t t p : / / t i m i n g - d e s i g n . j p / デ ザ イ ン 勉 強 会 @ 赤 羽 次 回 : 4 月 中 旬   1 9 : 3 0 ∼ 2 1 : 0 0 デ ザ イ ン の 基 礎 ∼ レ イ ア ウ ト と デ ザ イ ン の 考 え 方 ∼ W o r d C o m m u n i t y C h a n n e l / ス ク ー h t t p : / / s c h o o . j p / 次 回 : 4 月 2 0 日 ( 仮 )   2 0 : 0 0 ∼ 2 1 : 0 0 ゼ ロ か ら の W o r d P r e s s ( 2 限 目 ) ∼ プ ラ グ イ ン と テ ー マ に つ い て ∼
  • 7. P H P な に そ れ こ わ い 。 か ら は じ め る テ ー マ 作 り
  • 8. Q
  • 9. P H P … ?
  • 10. P H P … ?
  • 11.
  • 12.
  • 13. テ ー マ は こ う や っ て 作 ら れ て い る P H P な に そ れ こ わ い 。 か ら は じ め る テ ー マ 作 り 中 身 は こ う や っ て 書 か れ て い る
  • 14. テ ー マ は こ う や っ て 作 ら れ て い る
  • 15. h t t p : / / W o r d P r e s s の 場 所 / w p - c o n t e n t / t h e m e s / 「 テ ー マ フ ォ ル ダ の 場 所 」
  • 16. こ こ に ダ ウ ン ロ ー ド し た テ ー マ や 自 分 で 作 っ た テ ー マ フ ォ ル ダ を 入 れ る
  • 17. 「 テ ー マ フ ォ ル ダ に 必 要 な も の 」 i n d e x . p h p s t y l e . c s s だ け
  • 18.
  • 19.
  • 20. ち な み
  • 21. /* Theme Name: 自分のテーマ名(必須) Theme URI: テーマのホームサイトのURL Description: テーマの説明 Author: 作者である自分の名前 Author URI: 作者である自分のサイトのURL Version: バージョン Tags: タグ */ な く て も O K s t y l e . c s s の 冒 頭
  • 22. 「 テ ン プ レ ー ト フ ァ イ ル 」 必 要 な パ ー ツ ご と に イ ン ポ ー ト
  • 23. デ ザ イ ン で わ け て み る
  • 24.
  • 25. header.phpの呼び出し <?php get_header(); ?> footer.phpの呼び出し <?php get_footer(); ?> sidebar.phpの呼び出し <?php get_sidebar(); ?> 「 テ ン プ レ ー ト フ ァ イ ル 」 必 要 な パ ー ツ ご と に イ ン ポ ー ト
  • 26. <?php get_header(); ?> ∼コンテンツ∼ <?php get_sidebar(); ?> <?php get_footer(); ?> 「 テ ン プ レ ー ト フ ァ イ ル 」 必 要 な パ ー ツ ご と に イ ン ポ ー ト
  • 27.
  • 28. ど こ に 呼 び 出 す ?
  • 29. 機 能 で わ け て い る
  • 30. 「 テ ン プ レ ー ト フ ァ イ ル 」 機 能 ご と の テ ン プ レ ー ト マルチファイル index.php トップページ front-page.php 固定ページ page.php 投稿ページ single.php カテゴリーページ category.php 検索結果ページ search.php 404ページ 404.php
  • 31. h t t p : / / w p d o c s . s o u r c e f o r g e . j p / テ ン プ レ ー ト 階 層 「 テ ン プ レ ー ト 階 層 」
  • 32.
  • 33.
  • 34. 中 身 は こ う や っ て 書 か れ て い る
  • 35. 「 P H P フ ァ イ ル の 中 を 見 て み る 」 実 際 の P H P フ ァ イ ル に 書 か れ て い る 例 ?
  • 36.
  • 37. 「 テ ン プ レ ー ト タ グ 」 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(); ?>
  • 38. 「 P H P フ ァ イ ル の 中 を 見 て み る 」 実 際 の P H P フ ァ イ ル に 書 か れ て い る 例
  • 39. 「 P H P フ ァ イ ル の 中 を 見 て み る 」 実 際 の P H P フ ァ イ ル に 書 か れ て い る 例
  • 40. 「 P H P フ ァ イ ル の 中 を 見 て み る 」 実 際 の P H P フ ァ イ ル に 書 か れ て い る 例
  • 41.
  • 42. ち な み
  • 43. <?php the_title(); ?> P H P ダ ヨ 宣 言
  • 44. 「 テ ン プ レ ー ト タ グ 」 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(); ?>
  • 45. ブログタイトル出力 <?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(); ?> 個 別 の 記 事 に 関 す る 情 報
  • 46. 「 P H P フ ァ イ ル の 中 を 見 て み る 」 実 際 の P H P フ ァ イ ル に 書 か れ て い る 例
  • 47. 「 P H P フ ァ イ ル の 中 を 見 て み る 」 実 際 の P H P フ ァ イ ル に 書 か れ て い る 例
  • 48. 「 P H P フ ァ イ ル の 中 を 見 て み る 」 ル ー プ 実 際 の P H P フ ァ イ ル に 書 か れ て い る 例
  • 49. ル ー プ で す
  • 50.
  • 51. 「 ル ー プ っ て な に ? 」 実 際 の P H P フ ァ イ ル に 書 か れ て い る 例
  • 52. 「 ル ー プ っ て な に ? 」 実 際 の P H P フ ァ イ ル に 書 か れ て い る 例
  • 53.
  • 54. 「 ル ー プ っ て な に ? 」 記 事 一 個 だ っ た ら
  • 55. 「 ル ー プ っ て な に ? 」 記 事 三 個 だ っ た ら
  • 56. P H P ? ル ー プ ?
  • 57.
  • 58. DEMO
  • 59. Q
  • 60. W o r d B e n c h T o k y o 2 0 1 4 . 3 . 2 9 あ り が と う ご ざ い ま し た