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

2014/03/29 WordBench TOKYO

on

  • 1,708 views

 

Statistics

Views

Total Views
1,708
Views on SlideShare
1,083
Embed Views
625

Actions

Likes
14
Downloads
10
Comments
0

7 Embeds 625

http://yotsuba-d.com 337
http://ribbon-works.jp 142
http://timing.jp 104
https://twitter.com 22
http://feedly.com 11
http://www.feedspot.com 5
http://s.deeeki.com 4
More...

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

2014/03/29 WordBench TOKYO 2014/03/29 WordBench TOKYO Presentation Transcript

  • 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 あ り が と う ご ざ い ま し た