• Like
2014/03/29 WordBench TOKYO
Upcoming SlideShare
Loading in...5
×

2014/03/29 WordBench TOKYO

  • 2,780 views
Uploaded on

 

More in: Design
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
2,780
On Slideshare
0
From Embeds
0
Number of Embeds
8

Actions

Shares
Downloads
11
Comments
0
Likes
14

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

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