テーマカスタマイズ入門~バレンタインまでに子テーマをつくろう~ 2
-
Upload
susumu-seino -
Category
Documents
-
view
2.918 -
download
0
Transcript of テーマカスタマイズ入門~バレンタインまでに子テーマをつくろう~ 2
![Page 1: テーマカスタマイズ入門~バレンタインまでに子テーマをつくろう~ 2](https://reader037.fdocuments.net/reader037/viewer/2022102606/5594354e1a28ab851a8b4716/html5/thumbnails/1.jpg)
![Page 2: テーマカスタマイズ入門~バレンタインまでに子テーマをつくろう~ 2](https://reader037.fdocuments.net/reader037/viewer/2022102606/5594354e1a28ab851a8b4716/html5/thumbnails/2.jpg)
WordBenchTOKYO
テーマカスタマイズ入門~バレンタインまでに子テーマを作ろう~
![Page 3: テーマカスタマイズ入門~バレンタインまでに子テーマをつくろう~ 2](https://reader037.fdocuments.net/reader037/viewer/2022102606/5594354e1a28ab851a8b4716/html5/thumbnails/3.jpg)
WordBenchTOKYO
【ノンプログラマーのための WordPress プラグイン開発超入門
~クリスマスまでにプラグインを作ろう!】
![Page 4: テーマカスタマイズ入門~バレンタインまでに子テーマをつくろう~ 2](https://reader037.fdocuments.net/reader037/viewer/2022102606/5594354e1a28ab851a8b4716/html5/thumbnails/4.jpg)
WordBenchTOKYO
自己紹介
せいの すすむ
・WEBクリエイター、グラフィックデザイナー・東京生まれ東京育ち 東京在住の25歳・WEB業界3年生
・健忘症気味
・納豆が好き・WordPressは、もっと好き
![Page 5: テーマカスタマイズ入門~バレンタインまでに子テーマをつくろう~ 2](https://reader037.fdocuments.net/reader037/viewer/2022102606/5594354e1a28ab851a8b4716/html5/thumbnails/5.jpg)
WordBenchTOKYO
一応、ブロガーです。
http://musus.jp
![Page 6: テーマカスタマイズ入門~バレンタインまでに子テーマをつくろう~ 2](https://reader037.fdocuments.net/reader037/viewer/2022102606/5594354e1a28ab851a8b4716/html5/thumbnails/6.jpg)
WordBenchTOKYO
一応、ブロガーです。記事数は2年でたったの五個…
http://musus.jp
![Page 7: テーマカスタマイズ入門~バレンタインまでに子テーマをつくろう~ 2](https://reader037.fdocuments.net/reader037/viewer/2022102606/5594354e1a28ab851a8b4716/html5/thumbnails/7.jpg)
WordBenchTOKYO
現在の活動
WordBench埼玉 スタッフ
WordBench東京 スタッフ
WordCampTOKYO 2014
実行委員長
![Page 8: テーマカスタマイズ入門~バレンタインまでに子テーマをつくろう~ 2](https://reader037.fdocuments.net/reader037/viewer/2022102606/5594354e1a28ab851a8b4716/html5/thumbnails/8.jpg)
WordBenchTOKYO
本題に入る前に…そもそも
![Page 9: テーマカスタマイズ入門~バレンタインまでに子テーマをつくろう~ 2](https://reader037.fdocuments.net/reader037/viewer/2022102606/5594354e1a28ab851a8b4716/html5/thumbnails/9.jpg)
WordBenchTOKYO
子テーマの事などすでに教わる事はない!!
![Page 10: テーマカスタマイズ入門~バレンタインまでに子テーマをつくろう~ 2](https://reader037.fdocuments.net/reader037/viewer/2022102606/5594354e1a28ab851a8b4716/html5/thumbnails/10.jpg)
WordBenchTOKYO
初スピーカーです!
![Page 11: テーマカスタマイズ入門~バレンタインまでに子テーマをつくろう~ 2](https://reader037.fdocuments.net/reader037/viewer/2022102606/5594354e1a28ab851a8b4716/html5/thumbnails/11.jpg)
WordBenchTOKYO
どうか、お付き合い頂けたら光栄です!! (両手を振るって喜びます)
![Page 12: テーマカスタマイズ入門~バレンタインまでに子テーマをつくろう~ 2](https://reader037.fdocuments.net/reader037/viewer/2022102606/5594354e1a28ab851a8b4716/html5/thumbnails/12.jpg)
WordBenchTOKYO
どうか、お付き合い頂けたら光栄です!! (両手を振るって喜びます)
ペコリ
![Page 13: テーマカスタマイズ入門~バレンタインまでに子テーマをつくろう~ 2](https://reader037.fdocuments.net/reader037/viewer/2022102606/5594354e1a28ab851a8b4716/html5/thumbnails/13.jpg)
WordBenchTOKYO
テーマカスタマイズ入門~バレンタインまでに子テーマを作ろう~
![Page 14: テーマカスタマイズ入門~バレンタインまでに子テーマをつくろう~ 2](https://reader037.fdocuments.net/reader037/viewer/2022102606/5594354e1a28ab851a8b4716/html5/thumbnails/14.jpg)
WordBenchTOKYO
テーマカスタマイズ入門~バレンタインまでに子テーマを作ろう~
STEP 1~style.cssをつくろう~
![Page 15: テーマカスタマイズ入門~バレンタインまでに子テーマをつくろう~ 2](https://reader037.fdocuments.net/reader037/viewer/2022102606/5594354e1a28ab851a8b4716/html5/thumbnails/15.jpg)
WordBenchTOKYO
テーマカスタマイズ入門~バレンタインまでに子テーマを作ろう~
・ファイルはたったの一個
・行数はたったの四行
![Page 16: テーマカスタマイズ入門~バレンタインまでに子テーマをつくろう~ 2](https://reader037.fdocuments.net/reader037/viewer/2022102606/5594354e1a28ab851a8b4716/html5/thumbnails/16.jpg)
WordBenchTOKYO
テーマカスタマイズ入門~バレンタインまでに子テーマを作ろう~
STEP 2~アップロードして有効化~
![Page 17: テーマカスタマイズ入門~バレンタインまでに子テーマをつくろう~ 2](https://reader037.fdocuments.net/reader037/viewer/2022102606/5594354e1a28ab851a8b4716/html5/thumbnails/17.jpg)
WordBenchTOKYO
テーマカスタマイズ入門~バレンタインまでに子テーマを作ろう~
・あとはWordPressにぶちこむだけ!
![Page 18: テーマカスタマイズ入門~バレンタインまでに子テーマをつくろう~ 2](https://reader037.fdocuments.net/reader037/viewer/2022102606/5594354e1a28ab851a8b4716/html5/thumbnails/18.jpg)
WordBenchTOKYO
テーマカスタマイズ入門~バレンタインまでに子テーマを作ろう~
できたぜ子テーマ!!
![Page 19: テーマカスタマイズ入門~バレンタインまでに子テーマをつくろう~ 2](https://reader037.fdocuments.net/reader037/viewer/2022102606/5594354e1a28ab851a8b4716/html5/thumbnails/19.jpg)
WordBenchTOKYO
テーマカスタマイズ入門~バレンタインまでに子テーマを作ろう~
ご静聴ありがとうございました。
![Page 20: テーマカスタマイズ入門~バレンタインまでに子テーマをつくろう~ 2](https://reader037.fdocuments.net/reader037/viewer/2022102606/5594354e1a28ab851a8b4716/html5/thumbnails/20.jpg)
WordBenchTOKYO
テーマカスタマイズ入門~バレンタインまでに子テーマを作ろう~
ご静聴ありがとうございました。
ペコリ
![Page 21: テーマカスタマイズ入門~バレンタインまでに子テーマをつくろう~ 2](https://reader037.fdocuments.net/reader037/viewer/2022102606/5594354e1a28ab851a8b4716/html5/thumbnails/21.jpg)
WordBenchTOKYO
テーマカスタマイズ入門~バレンタインまでに子テーマを作ろう~
子テーマ作成は簡単!!
![Page 22: テーマカスタマイズ入門~バレンタインまでに子テーマをつくろう~ 2](https://reader037.fdocuments.net/reader037/viewer/2022102606/5594354e1a28ab851a8b4716/html5/thumbnails/22.jpg)
WordBenchTOKYO
テーマカスタマイズ入門~バレンタインまでに子テーマを作ろう~
子テーマ作成は簡単!!ですが・・・
![Page 23: テーマカスタマイズ入門~バレンタインまでに子テーマをつくろう~ 2](https://reader037.fdocuments.net/reader037/viewer/2022102606/5594354e1a28ab851a8b4716/html5/thumbnails/23.jpg)
WordBenchTOKYO
テーマカスタマイズ入門~バレンタインまでに子テーマを作ろう~
![Page 24: テーマカスタマイズ入門~バレンタインまでに子テーマをつくろう~ 2](https://reader037.fdocuments.net/reader037/viewer/2022102606/5594354e1a28ab851a8b4716/html5/thumbnails/24.jpg)
WordBenchTOKYO
テーマカスタマイズ入門~バレンタインまでに子テーマを作ろう~
そもそも子テーマってなんぞや?
![Page 25: テーマカスタマイズ入門~バレンタインまでに子テーマをつくろう~ 2](https://reader037.fdocuments.net/reader037/viewer/2022102606/5594354e1a28ab851a8b4716/html5/thumbnails/25.jpg)
WordBenchTOKYO
テーマカスタマイズ入門~バレンタインまでに子テーマを作ろう~
親
![Page 26: テーマカスタマイズ入門~バレンタインまでに子テーマをつくろう~ 2](https://reader037.fdocuments.net/reader037/viewer/2022102606/5594354e1a28ab851a8b4716/html5/thumbnails/26.jpg)
WordBenchTOKYO
テーマカスタマイズ入門~バレンタインまでに子テーマを作ろう~
親 子
子テーマのファイルだけ上書きして適用する
![Page 27: テーマカスタマイズ入門~バレンタインまでに子テーマをつくろう~ 2](https://reader037.fdocuments.net/reader037/viewer/2022102606/5594354e1a28ab851a8b4716/html5/thumbnails/27.jpg)
WordBenchTOKYO
テーマカスタマイズ入門~バレンタインまでに子テーマを作ろう~
・何も記述がないので、 そりゃそうなる。
![Page 28: テーマカスタマイズ入門~バレンタインまでに子テーマをつくろう~ 2](https://reader037.fdocuments.net/reader037/viewer/2022102606/5594354e1a28ab851a8b4716/html5/thumbnails/28.jpg)
WordBenchTOKYO
テーマカスタマイズ入門~バレンタインまでに子テーマを作ろう~
・@importで親テーマの
CSSを読み込み
・追記した記述は上書きされる
![Page 29: テーマカスタマイズ入門~バレンタインまでに子テーマをつくろう~ 2](https://reader037.fdocuments.net/reader037/viewer/2022102606/5594354e1a28ab851a8b4716/html5/thumbnails/29.jpg)
WordBenchTOKYO
テーマカスタマイズ入門~バレンタインまでに子テーマを作ろう~
![Page 30: テーマカスタマイズ入門~バレンタインまでに子テーマをつくろう~ 2](https://reader037.fdocuments.net/reader037/viewer/2022102606/5594354e1a28ab851a8b4716/html5/thumbnails/30.jpg)
WordBenchTOKYO
テーマカスタマイズ入門~バレンタインまでに子テーマを作ろう~
ご静聴ありがとうございました。
![Page 31: テーマカスタマイズ入門~バレンタインまでに子テーマをつくろう~ 2](https://reader037.fdocuments.net/reader037/viewer/2022102606/5594354e1a28ab851a8b4716/html5/thumbnails/31.jpg)
WordBenchTOKYO
テーマカスタマイズ入門~バレンタインまでに子テーマを作ろう~
ご静聴ありがとうございました。
ペコリ
![Page 32: テーマカスタマイズ入門~バレンタインまでに子テーマをつくろう~ 2](https://reader037.fdocuments.net/reader037/viewer/2022102606/5594354e1a28ab851a8b4716/html5/thumbnails/32.jpg)
WordBenchTOKYO
子テーマ作成時の注意点~僕がハマった理由~
テーマカスタマイズ入門~バレンタインまでに子テーマを作ろう~
![Page 33: テーマカスタマイズ入門~バレンタインまでに子テーマをつくろう~ 2](https://reader037.fdocuments.net/reader037/viewer/2022102606/5594354e1a28ab851a8b4716/html5/thumbnails/33.jpg)
WordBenchTOKYO
テーマカスタマイズ入門~バレンタインまでに子テーマを作ろう~
Point 1~階層には気をつけろ~
![Page 34: テーマカスタマイズ入門~バレンタインまでに子テーマをつくろう~ 2](https://reader037.fdocuments.net/reader037/viewer/2022102606/5594354e1a28ab851a8b4716/html5/thumbnails/34.jpg)
WordBenchTOKYO
テーマカスタマイズ入門~バレンタインまでに子テーマを作ろう~
![Page 35: テーマカスタマイズ入門~バレンタインまでに子テーマをつくろう~ 2](https://reader037.fdocuments.net/reader037/viewer/2022102606/5594354e1a28ab851a8b4716/html5/thumbnails/35.jpg)
WordBenchTOKYO
テーマカスタマイズ入門~バレンタインまでに子テーマを作ろう~
子
親
![Page 36: テーマカスタマイズ入門~バレンタインまでに子テーマをつくろう~ 2](https://reader037.fdocuments.net/reader037/viewer/2022102606/5594354e1a28ab851a8b4716/html5/thumbnails/36.jpg)
WordBenchTOKYO
テーマカスタマイズ入門~バレンタインまでに子テーマを作ろう~
![Page 37: テーマカスタマイズ入門~バレンタインまでに子テーマをつくろう~ 2](https://reader037.fdocuments.net/reader037/viewer/2022102606/5594354e1a28ab851a8b4716/html5/thumbnails/37.jpg)
WordBenchTOKYO
テーマカスタマイズ入門~バレンタインまでに子テーマを作ろう~
子
親
kotheme
![Page 38: テーマカスタマイズ入門~バレンタインまでに子テーマをつくろう~ 2](https://reader037.fdocuments.net/reader037/viewer/2022102606/5594354e1a28ab851a8b4716/html5/thumbnails/38.jpg)
WordBenchTOKYO
テーマカスタマイズ入門~バレンタインまでに子テーマを作ろう~
Point 2~スペースには気をつけろ~
![Page 39: テーマカスタマイズ入門~バレンタインまでに子テーマをつくろう~ 2](https://reader037.fdocuments.net/reader037/viewer/2022102606/5594354e1a28ab851a8b4716/html5/thumbnails/39.jpg)
WordBenchTOKYO
テーマカスタマイズ入門~バレンタインまでに子テーマを作ろう~
![Page 40: テーマカスタマイズ入門~バレンタインまでに子テーマをつくろう~ 2](https://reader037.fdocuments.net/reader037/viewer/2022102606/5594354e1a28ab851a8b4716/html5/thumbnails/40.jpg)
WordBenchTOKYO
テーマカスタマイズ入門~バレンタインまでに子テーマを作ろう~
ここ!!
![Page 41: テーマカスタマイズ入門~バレンタインまでに子テーマをつくろう~ 2](https://reader037.fdocuments.net/reader037/viewer/2022102606/5594354e1a28ab851a8b4716/html5/thumbnails/41.jpg)
WordBenchTOKYO
テーマカスタマイズ入門~バレンタインまでに子テーマを作ろう~
Point 3~functions.phpには気をつけろ~
![Page 42: テーマカスタマイズ入門~バレンタインまでに子テーマをつくろう~ 2](https://reader037.fdocuments.net/reader037/viewer/2022102606/5594354e1a28ab851a8b4716/html5/thumbnails/42.jpg)
WordBenchTOKYO
テーマカスタマイズ入門~バレンタインまでに子テーマを作ろう~
親 子
functions.php
![Page 43: テーマカスタマイズ入門~バレンタインまでに子テーマをつくろう~ 2](https://reader037.fdocuments.net/reader037/viewer/2022102606/5594354e1a28ab851a8b4716/html5/thumbnails/43.jpg)
WordBenchTOKYO
テーマカスタマイズ入門~バレンタインまでに子テーマを作ろう~
親 子
functions.php
![Page 44: テーマカスタマイズ入門~バレンタインまでに子テーマをつくろう~ 2](https://reader037.fdocuments.net/reader037/viewer/2022102606/5594354e1a28ab851a8b4716/html5/thumbnails/44.jpg)
WordBenchTOKYO
テーマカスタマイズ入門~バレンタインまでに子テーマを作ろう~
親 子
functions.php functions.php
![Page 45: テーマカスタマイズ入門~バレンタインまでに子テーマをつくろう~ 2](https://reader037.fdocuments.net/reader037/viewer/2022102606/5594354e1a28ab851a8b4716/html5/thumbnails/45.jpg)
WordBenchTOKYO
テーマカスタマイズ入門~バレンタインまでに子テーマを作ろう~
![Page 46: テーマカスタマイズ入門~バレンタインまでに子テーマをつくろう~ 2](https://reader037.fdocuments.net/reader037/viewer/2022102606/5594354e1a28ab851a8b4716/html5/thumbnails/46.jpg)
WordBenchTOKYO
テーマカスタマイズ入門~バレンタインまでに子テーマを作ろう~
Point 4~Theme Name と Template には気をつけろ~
![Page 47: テーマカスタマイズ入門~バレンタインまでに子テーマをつくろう~ 2](https://reader037.fdocuments.net/reader037/viewer/2022102606/5594354e1a28ab851a8b4716/html5/thumbnails/47.jpg)
WordBenchTOKYO
テーマカスタマイズ入門~バレンタインまでに子テーマを作ろう~
Theme Name は、テーマ変更時にでる名前
![Page 48: テーマカスタマイズ入門~バレンタインまでに子テーマをつくろう~ 2](https://reader037.fdocuments.net/reader037/viewer/2022102606/5594354e1a28ab851a8b4716/html5/thumbnails/48.jpg)
WordBenchTOKYO
テーマカスタマイズ入門~バレンタインまでに子テーマを作ろう~
Theme Name は、テーマ変更時にでる名前
![Page 49: テーマカスタマイズ入門~バレンタインまでに子テーマをつくろう~ 2](https://reader037.fdocuments.net/reader037/viewer/2022102606/5594354e1a28ab851a8b4716/html5/thumbnails/49.jpg)
WordBenchTOKYO
テーマカスタマイズ入門~バレンタインまでに子テーマを作ろう~
Template は、親テーマのフォルダ名
![Page 50: テーマカスタマイズ入門~バレンタインまでに子テーマをつくろう~ 2](https://reader037.fdocuments.net/reader037/viewer/2022102606/5594354e1a28ab851a8b4716/html5/thumbnails/50.jpg)
WordBenchTOKYO
テーマカスタマイズ入門~バレンタインまでに子テーマを作ろう~
親
twentyfourteen
Theme Name は、コレ!!
Template は、コレ!!
![Page 51: テーマカスタマイズ入門~バレンタインまでに子テーマをつくろう~ 2](https://reader037.fdocuments.net/reader037/viewer/2022102606/5594354e1a28ab851a8b4716/html5/thumbnails/51.jpg)
WordBenchTOKYO
テーマカスタマイズ入門~バレンタインまでに子テーマを作ろう~
Point 1~階層には気をつけろ~
Point 2~スペースには気をつけろ~
Point 3~functions.phpには気をつけろ~
Point 4~Theme Name と Templateには気をつけろ~
![Page 52: テーマカスタマイズ入門~バレンタインまでに子テーマをつくろう~ 2](https://reader037.fdocuments.net/reader037/viewer/2022102606/5594354e1a28ab851a8b4716/html5/thumbnails/52.jpg)
WordBenchTOKYO
テーマカスタマイズ入門~バレンタインまでに子テーマを作ろう~
結局どうやって使うの?
![Page 53: テーマカスタマイズ入門~バレンタインまでに子テーマをつくろう~ 2](https://reader037.fdocuments.net/reader037/viewer/2022102606/5594354e1a28ab851a8b4716/html5/thumbnails/53.jpg)
WordBenchTOKYO
テーマカスタマイズ入門~バレンタインまでに子テーマを作ろう~
![Page 54: テーマカスタマイズ入門~バレンタインまでに子テーマをつくろう~ 2](https://reader037.fdocuments.net/reader037/viewer/2022102606/5594354e1a28ab851a8b4716/html5/thumbnails/54.jpg)
WordBenchTOKYO
テーマカスタマイズ入門~バレンタインまでに子テーマを作ろう~
![Page 55: テーマカスタマイズ入門~バレンタインまでに子テーマをつくろう~ 2](https://reader037.fdocuments.net/reader037/viewer/2022102606/5594354e1a28ab851a8b4716/html5/thumbnails/55.jpg)
テーマカスタマイズ入門~バレンタインまでに子テーマを作ろう~
![Page 56: テーマカスタマイズ入門~バレンタインまでに子テーマをつくろう~ 2](https://reader037.fdocuments.net/reader037/viewer/2022102606/5594354e1a28ab851a8b4716/html5/thumbnails/56.jpg)
WordBenchTOKYO
テーマカスタマイズ入門~バレンタインまでに子テーマを作ろう~
子テーマを使うメリットは?
![Page 57: テーマカスタマイズ入門~バレンタインまでに子テーマをつくろう~ 2](https://reader037.fdocuments.net/reader037/viewer/2022102606/5594354e1a28ab851a8b4716/html5/thumbnails/57.jpg)
WordBenchTOKYO
テーマカスタマイズ入門~バレンタインまでに子テーマを作ろう~
逆にデメリットは?
![Page 58: テーマカスタマイズ入門~バレンタインまでに子テーマをつくろう~ 2](https://reader037.fdocuments.net/reader037/viewer/2022102606/5594354e1a28ab851a8b4716/html5/thumbnails/58.jpg)
WordBenchTOKYO
テーマカスタマイズ入門~バレンタインまでに子テーマを作ろう~
子テーマカスタマイズでWordPressを覚えよう!
![Page 59: テーマカスタマイズ入門~バレンタインまでに子テーマをつくろう~ 2](https://reader037.fdocuments.net/reader037/viewer/2022102606/5594354e1a28ab851a8b4716/html5/thumbnails/59.jpg)
WordBenchTOKYO
テーマカスタマイズ入門~バレンタインまでに子テーマを作ろう~
最後に
![Page 60: テーマカスタマイズ入門~バレンタインまでに子テーマをつくろう~ 2](https://reader037.fdocuments.net/reader037/viewer/2022102606/5594354e1a28ab851a8b4716/html5/thumbnails/60.jpg)
WordBenchTOKYO
テーマカスタマイズ入門~バレンタインまでに子テーマを作ろう~
バレンタインまでに
子テーマを作ってみよう!!
![Page 61: テーマカスタマイズ入門~バレンタインまでに子テーマをつくろう~ 2](https://reader037.fdocuments.net/reader037/viewer/2022102606/5594354e1a28ab851a8b4716/html5/thumbnails/61.jpg)
WordBenchTOKYO
テーマカスタマイズ入門~バレンタインまでに子テーマを作ろう~
子テーマで
公式ディレクトリに挑戦しよう!!
![Page 62: テーマカスタマイズ入門~バレンタインまでに子テーマをつくろう~ 2](https://reader037.fdocuments.net/reader037/viewer/2022102606/5594354e1a28ab851a8b4716/html5/thumbnails/62.jpg)
WordBenchTOKYO
テーマカスタマイズ入門~バレンタインまでに子テーマを作ろう~
ご静聴ありがとうございました。
ペコリ