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
デ ザ イ ン の 基 礎
∼ ...
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
Ve...
「 テ ン プ レ ー ト フ ァ イ ル 」
必 要 な パ ー ツ ご と に イ ン ポ ー ト
デ ザ イ ン で わ け て み る
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
カテゴリ...
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('na...
「 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('na...
ブログタイトル出力 <?php bloginfo('name'); ?>
ブログURL出力 <?php echo home_url( '/' ); ?>
スタイルシートへのリンク <?php echo get_stylesheet_uri();...
「 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
あ り が と う ご ざ い ま し た
2014/03/29 WordBench TOKYO
2014/03/29 WordBench TOKYO
2014/03/29 WordBench TOKYO
2014/03/29 WordBench TOKYO
2014/03/29 WordBench TOKYO
2014/03/29 WordBench TOKYO
2014/03/29 WordBench TOKYO
2014/03/29 WordBench TOKYO
2014/03/29 WordBench TOKYO
2014/03/29 WordBench TOKYO
2014/03/29 WordBench TOKYO
2014/03/29 WordBench TOKYO
2014/03/29 WordBench TOKYO
Upcoming SlideShare
Loading in...5
×

2014/03/29 WordBench TOKYO

3,149

Published on

Published in: Design
0 Comments
16 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
3,149
On Slideshare
0
From Embeds
0
Number of Embeds
11
Actions
Shares
0
Downloads
12
Comments
0
Likes
16
Embeds 0
No embeds

No notes for slide

2014/03/29 WordBench TOKYO

  1. 1. W o r d B e n c h T o k y o 2 0 1 4 . 3 . 2 9
  2. 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. 3. CharacterLogomark Graphic Design Flyer Poster Goods Website CSM Writer Speaker
  4. 4. ビジネスサイト制作で学ぶ WordPress「テーマカスタマイズ」徹底攻略 2/25発売
  5. 5. http://peatix.com/event/32677
  6. 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. 7. P H P な に そ れ こ わ い 。 か ら は じ め る テ ー マ 作 り
  8. 8. Q
  9. 9. P H P … ?
  10. 10. P H P … ?
  11. 11. テ ー マ は こ う や っ て 作 ら れ て い る P H P な に そ れ こ わ い 。 か ら は じ め る テ ー マ 作 り 中 身 は こ う や っ て 書 か れ て い る
  12. 12. テ ー マ は こ う や っ て 作 ら れ て い る
  13. 13. 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 / 「 テ ー マ フ ォ ル ダ の 場 所 」
  14. 14. こ こ に ダ ウ ン ロ ー ド し た テ ー マ や 自 分 で 作 っ た テ ー マ フ ォ ル ダ を 入 れ る
  15. 15. 「 テ ー マ フ ォ ル ダ に 必 要 な も の 」 i n d e x . p h p s t y l e . c s s だ け
  16. 16. ち な み に
  17. 17. /* Theme Name: 自分のテーマ名(必須) Theme URI: テーマのホームサイトのURL Description: テーマの説明 Author: 作者である自分の名前 Author URI: 作者である自分のサイトのURL Version: バージョン Tags: タグ */ な く て も O K s t y l e . c s s の 冒 頭
  18. 18. 「 テ ン プ レ ー ト フ ァ イ ル 」 必 要 な パ ー ツ ご と に イ ン ポ ー ト
  19. 19. デ ザ イ ン で わ け て み る
  20. 20. header.phpの呼び出し <?php get_header(); ?> footer.phpの呼び出し <?php get_footer(); ?> sidebar.phpの呼び出し <?php get_sidebar(); ?> 「 テ ン プ レ ー ト フ ァ イ ル 」 必 要 な パ ー ツ ご と に イ ン ポ ー ト
  21. 21. <?php get_header(); ?> ∼コンテンツ∼ <?php get_sidebar(); ?> <?php get_footer(); ?> 「 テ ン プ レ ー ト フ ァ イ ル 」 必 要 な パ ー ツ ご と に イ ン ポ ー ト
  22. 22. ど こ に 呼 び 出 す ?
  23. 23. 機 能 で わ け て い る
  24. 24. 「 テ ン プ レ ー ト フ ァ イ ル 」 機 能 ご と の テ ン プ レ ー ト マルチファイル index.php トップページ front-page.php 固定ページ page.php 投稿ページ single.php カテゴリーページ category.php 検索結果ページ search.php 404ページ 404.php
  25. 25. h t t p : / / w p d o c s . s o u r c e f o r g e . j p / テ ン プ レ ー ト 階 層 「 テ ン プ レ ー ト 階 層 」
  26. 26. 中 身 は こ う や っ て 書 か れ て い る
  27. 27. 「 P H P フ ァ イ ル の 中 を 見 て み る 」 実 際 の P H P フ ァ イ ル に 書 か れ て い る 例 ?
  28. 28. 「 テ ン プ レ ー ト タ グ 」 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(); ?>
  29. 29. 「 P H P フ ァ イ ル の 中 を 見 て み る 」 実 際 の P H P フ ァ イ ル に 書 か れ て い る 例
  30. 30. 「 P H P フ ァ イ ル の 中 を 見 て み る 」 実 際 の P H P フ ァ イ ル に 書 か れ て い る 例
  31. 31. 「 P H P フ ァ イ ル の 中 を 見 て み る 」 実 際 の P H P フ ァ イ ル に 書 か れ て い る 例
  32. 32. ち な み に
  33. 33. <?php the_title(); ?> P H P ダ ヨ 宣 言
  34. 34. 「 テ ン プ レ ー ト タ グ 」 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(); ?>
  35. 35. ブログタイトル出力 <?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(); ?> 個 別 の 記 事 に 関 す る 情 報
  36. 36. 「 P H P フ ァ イ ル の 中 を 見 て み る 」 実 際 の P H P フ ァ イ ル に 書 か れ て い る 例
  37. 37. 「 P H P フ ァ イ ル の 中 を 見 て み る 」 実 際 の P H P フ ァ イ ル に 書 か れ て い る 例
  38. 38. 「 P H P フ ァ イ ル の 中 を 見 て み る 」 ル ー プ 実 際 の P H P フ ァ イ ル に 書 か れ て い る 例
  39. 39. ル ー プ で す
  40. 40. 「 ル ー プ っ て な に ? 」 実 際 の P H P フ ァ イ ル に 書 か れ て い る 例
  41. 41. 「 ル ー プ っ て な に ? 」 実 際 の P H P フ ァ イ ル に 書 か れ て い る 例
  42. 42. 「 ル ー プ っ て な に ? 」 記 事 一 個 だ っ た ら
  43. 43. 「 ル ー プ っ て な に ? 」 記 事 三 個 だ っ た ら
  44. 44. P H P ? ル ー プ ?
  45. 45. DEMO
  46. 46. Q
  47. 47. W o r d B e n c h T o k y o 2 0 1 4 . 3 . 2 9 あ り が と う ご ざ い ま し た
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×