WordPressでオリジナルサイト作り超入門。子テーマでテーマ作成・カスタマイズをやってみよう！

WordCamp kansai 2016のハンズオンスライド
WordPressの公式テーマをカスタマイズする上で知っておく必要がある子テーマ。
子テーマでカスタマイズをしないと、テーマアップデートの際にカスタマイズしたところが消えてしまう恐れがあります...。
そうならないために、このハンズオンでは子テーマの作り方・カスタマイズ方法を紹介します。
子テーマは難しいことはありません！子テーマで公式テーマのカスタマイズをやってみましょう！

Transcript

1. ࢠςʔϚͰςʔϚ࡞੒ɾΧελϚΠζΛ
   ΍ͬͯΈΑ͏ʂ 8PSE1SFTTͰΦϦδφϧαΠτ࡞Γ௒ೖ໳ 
   8PSE$BNQ
   ,BOTBJ
   
2. ࠓ೔ͷྲྀΕ  ࢠςʔϚʹ͍ͭͯ
    ࢠςʔϚΛ࡞ͬͯΈΑ͏
    ΧελϚΠβʔΛ࢖ͬͯࢠςʔϚͷΧελϚΠζ
    $44Ͱ͞ΒʹΧελϚΠζ
    ࢠςʔϚͰ࡞ͬͨαΠτͷࣄྫ঺հ
    ΋ͬͱΧελϚΠζ͢Δʹ͸
3. ࠓ೔ͷ໨ඪ CFGPSF BGUFS
4. ࠓ೔஌ͬͯ΄͍͜͠ͱ w Ұ͔ΒςʔϚΛ࡞Βͳͯ͘΋ɺࣗ෼޷ΈͷαΠτ͕ ࡞ΕΔ
   w ࣌ؒΛ͔͚ͣʹςʔϚΛ࡞Δ͜ͱ͕Ͱ͖Δɻ
   w 1)1ͷ஌͕ࣝͳͯ͘΋ɺ؆୯ʹςʔϚͷΧελϚ ΠζͰ͖Δɻ
5. ࢠςʔϚʹ͍ͭͯ
6. ͦͷલʹ
   Ͳ͏΍ͬͯςʔϚ࡞Γ·͔͢ʁ
7. ϑϧεΫϥον w Ұ͔Βࣗ෼Ͱ࡞Δ
   w ੩త)5.-Λ8PSE1SFTTԽ͢Δ
   w 1)18PSE1SFTTͷ஌͕ࣝඞཁ
8. ελʔλʔςʔϚ w @TʢΞϯμʔείΞʔɾΤεʣͳͲͷελʔλʔςʔϚ
   w ඞཁͳ1)1ίʔυͱ࠷௿ݶͷ$44
   w $44ͱ+4ͷ஌͕ࣝ͋Ε͹࡞ΕΔ
9. ࠷ॳʹ΍Δʹ͸
   ೉қ౓ߴΊ
10. ࢠςʔϚ w طʹ͋ΔςʔϚͷػೳ΍σβΠϯΛड͚ܧ͍ͩςʔϚ
    w ਌ςʔϚͷػೳ΍σβΠϯΛࢠςʔϚͰ্ॻ͖͢Δ͜ͱͰ
 ΧελϚΠζ͢Δ
    w ਌ςʔϚͷσβΠϯ΍ػೳΛ࢖͑ΔͷͰ؆୯ʹ࡞ΕΔ ਌ςʔϚ ࢠςʔϚ 5XFOUZ
    4JYUFFO 5XFOUZ
    4JYUFFO
    DIJME
11. ࢠςʔϚΛ࢖͏ཧ༝ᶃ طʹ͋Δػೳ΍σβΠϯΛ࢖͑Δ ΧϥϜϒϩά ίʔϙϨʔταΠτ ϚΨδϯ෩ εϥΠμʔػೳ υϩϫʔϝχϡʔ ϐϯλϨετ෩
12. ࢠςʔϚΛ࢖͏ཧ༝ᶄ ਌ςʔϚͷιʔείʔυͰςʔϚ։ൃΛษڧͰ͖Δ ެࣜσΟϨΫτϦܝࡌςʔϚ͸
    ϨϏϡϫʔʹΑΔݫ͍͠νΣοΫΛ
 ௨ͬͯެ։͞ΕΔ ϨϏϡʔͷ༷ࢠ ݫ͍͠νΣοΫΛ௨ͬͨίʔυΛݟΕ͹ɺ
 ςʔϚ։ൃͷษڧʹ΋ͳΔɻ ˞ߋ৽͞ΕͯΔςʔϚΛ࢖͍·͠ΐ͏
13. ͦΕͬͯ਌ςʔϚΛ
    ௚઀ΧελϚΠζͨ͠Β
    ͍͍ͷͰ͸ʁ
14. ࢠςʔϚΛ࢖͏ཧ༝ᶅ ςʔϚΞοϓσʔτͷ࣌ʹ্ॻ͖͞Εͳ͍ ਌ςʔϚΛ
 ௚઀ΧελϚΠζ ࢠςʔϚͰ
 ΧελϚΠζ ߋ ৽ ্ॻ͖͞ΕͪΌ͏ʂ ΧελϚΠζΛ
 ࢒ͨ͠··ߋ৽Ͱ͖Δ
15. ਌ςʔϚͷબͼํ w ެࣜσΟϨΫτϦܝࡌςʔϚΛ࢖͍·͠ΐ͏ɻ
 ݫ͍͠ϨϏϡʔΛ௨ա͍ͯ͠Δ
    w ༻్ʢϒϩάɺίʔϙϨʔταΠτʣ
    w ϨΠΞ΢τʢΧϥϜɺΧϥϜɺλΠϧঢ়ʣ
    w ػೳʢεϥΠμʔɺϝχϡʔͳͲʣ
16. ࢠςʔϚΛ࡞ͬͯΈΑ͏
17. ඞཁͳ΋ͷ͸͚ͭͩʂ ᶃࢠςʔϚϑΥϧμ ᶄTUZMFDTT ᶅGVODUJPOTQIQ UIFNFTσΟϨΫτϦҎԼʹ࡞Δ
18. ᶃࢠςʔϚϑΥϧμͷ࡞੒ UIFNFσΟϨΫτϦҎԼʹࢠςʔϚ༻ϑΥϧμΛ࡞੒ UXFOUZTJYUFFODIJME w ଞͷςʔϚ໊ͱඃΒͳ͍Α͏ʹ͢Δ
 ߋ৽௨஌͕དྷͯ͠·͍·͢ ςʔϚ໊Λ͚ͭΔ࣌ͷ஫ҙ఺ w ຤ඌʹʮDIJMEʯΛ͚ͭΔ͜ͱ͕ਪ঑
 ެࣜσΟϨΫτϦʹਃ੥͢Δ࣌͸ࣗ༝ w ۭനΛೖΕ͍ͨ৔߹͸ʮʯʢϋΠϑϯʣ Ͱͭͳ͙
19. ᶄTUZMFDTTͷ࡞੒ ࢠςʔϚ༻ϑΥϧμʹTUZMFDTTΛ࡞੒͠ɺ
    ਌ςʔϚͷࢦఆͱࢠςʔϚ໊Λهड़͢Δ <TUZMFDTT> 
    
    5IFNF
    /BNF
    5XFOUZ
    4JYUFFO
    $IJME
    
    5FNQMBUF
    UXFOUZTJYUFFO
    
20. ᶅGVODUJPOTQIQͷ࡞੒ ࢠςʔϚ༻ϑΥϧμʹGVODUJPOTQIQΛ࡞੒͠ɺ
    ਌ςʔϚͷ$44ΛಡΈࠐΉίʔυΛهड़ <GVODUJPOTQIQ>  QIQ
    BEE@BDUJPO
    XQ@FORVFVF@TDSJQUT
    UIFNF@FORVFVF@TUZMFT
    
    GVODUJPO
    UIFNF@FORVFVF@TUZMFT
    \
    
    
    
    
    XQ@FORVFVF@TUZMF
    bQBSFOUTUZMF`
    HFU@UFNQMBUF@EJSFDUPSZ@VSJ
    
    TUZMFDTT
    
    ^
21. ࢠςʔϚΛ༗ޮԽ ؅ཧը໘͔ΒࢠςʔϚΛ༗ޮԽ͢Δ
22. ϋϯζΦϯ 
    ࢠςʔϚΛ࡞ͬͯΈΑ͏
23. ΧελϚΠβʔͰ
 ΧελϚΠζͯ͠ΈΑ͏
24. ΧελϚΠβʔͱ͸ ֎؍ˠΧελϚΠζ͔Β
    w
    ؅ཧը໘͔ΒςʔϚઃఆ΍৭ɺ
 ϨΠΞ΢τͷมߋ͕Ͱ͖Δɻ
 ʢίʔυΛ৮Βͳͯ͘0,ʣ
    w
    ΧελϚΠβʔͷมߋ΋਌ςʔϚͷ
 ΞοϓσʔτʹӨڹ͞Εͳ͍
    w
    ΧελϚΠζͰ͖Δ΋ͷ͸
 ςʔϚʹΑͬͯҧ͏
25. ΧελϚΠβʔΛ࢖ͬͯΈΑ͏  ϔομʔը૾ʢϝΠϯϏδϡΞϧʣ௥Ճ
     5XFOUZTJYUFFOͷ࿮ઢͷ৭Λมߋ
     ϝχϡʔͷ௥Ճ
     1$ɾλϒϨοτɾεϚʔτϑΥϯͰͷදࣔ֬ೝ ΧελϚΠβʔͰΧελϚΠζͯ͠ΈΑ͏
26. $44ͰΧελϚΠζͯ͠ΈΑ͏
27. TUZMFDTTʹίʔυΛ௥Ճ্ͯ͠ॻ͖ w ࠷ॳʹ࡞ͬͨTUZMFDTTʹ$44Λ௥Ճ͢Δ͜ͱͰɺ ਌ςʔϚͷ$44Λ্ॻ͖Ͱ͖Δ
    w ΧελϚΠβʔͰ͸Ͱ͖ͳ͍ࣗ༝ͳελΠϧมߋ͕ Մೳ
    w TUZMFDTTͱΧελϚΠβʔͷมߋ͸ΧελϚΠβʔ ͕༏ઌ͞ΕΔ
28. Ͳ͜Λ্ॻ͖ͨ͠Β͍͔෼͔Βͳ͍ʂ DISPNFͷσϕϩούʔπʔϧͳͲΛ࢖͍·͠ΐ͏ DISPNF αΠτλΠτϧʹ͸ࠇʢBBBʣ͕
 ద༻͞Ε͍ͯΔ
29. ΍ͬͯΈΑ͏  ࿮ઢͷ৭͕Կ৭͔ௐ΂ͯΈΔɻ
     αΠτλΠτϧͷϑΥϯτ৭Λ࿮ઢͱಉ͡৭ʹ͠ ͯΈΔɻ
     ຊจதͷΧϥϜΛΧϥϜʹ
     ͕࣌ؒ͋Ε͹ࣗ༝ʹΧελϚΠζʂ $44ͰΧελϚΠζͯ͠ΈΑ͏
30. ࣄྫ঺հ
31. ΋ͬͱΧελϚΠζ͢Δʹ͸
32. +BWB4DSJQUʢK2VFSZʣΛ௥Ճ͍ͨ͠ GVODUJPO
    NZ@TDSJQUT
    \
    
    
    
    
    XQ@FORVFVF@TDSJQU
    bDVTUPN
    HFU@TUZMFTIFFU@EJSFDUPSZ@VSJ
    
    bKTDVTUPNKT
    BSSBZ KRVFSZ
    
    USVF
    
    ^
    BEE@BDUJPO
    XQ@FORVFVF@TDSJQUT
    NZ@TDSJQUT 
33. ςϯϓϨʔτΛΧελϚΠζ ࢠςʔϚϑΥϧμ TUZMFDTT GVODUJPOTQIQ IFBEFSQIQ ֘౰͢ΔϑΝΠϧΛ
 ࢠςʔϚϑΥϧμʹίϐʔͯ͠ฤू $44ͱಉ༷ɺ্ॻ͖ͰΧελϚΠζ
34. 8PSE1SFTTͰ
 ෼͔Βͳ͍͜ͱ͕͋ͬͨ࣌
35. ίϛϡχςΟʹࢀՃ͠Α͏ʂ w 8PSE1SFTTίϛϡχςΟʹ͸ৄ͍͠ਓ͕ͨ͘͞ Μɻ͖ͬͱ΍͘͞͠ڭ͑ͯ͘ΕΔ͸ͣɻ
    w 8PSE#FODIʹࢀՃ͠Α͏ʂ
 ຖ݄ؔ੢ͷ8PSE#FODI͕։࠵͞Ε͍ͯΔɻຖ݄ 8PSE1SFTTΛษڧ͢Δ৔͕͋Γ·͢ɻ
 ʢେࡕɺਆށɺژ౎ɺಸྑʣ
36. ࣍ͷεςοϓ w ࣗ෼͕࡞Γ͍ͨαΠτ΍ϒϩάʹ͍ۙσβΠϯ΍ػ ೳΛ࣋ͬͨςʔϚΛ୳͢
    w ࠓ೔ͷखॱ௨ΓʹࢠςʔϚΛ࡞ͬͯΈΔ
    w ΧελϚΠβʔ΍$44Ͱमਖ਼
37. 8PSE1SFTTΛ͸͡ΊΔͨΊʹ w ·ͣ͸ಈ͘ίʔυΛ༻ҙ͢Δ
 ʢ͜Ε͸ࠓ೔Ͱ͖ͨʣ
    w ٧·ͬͨ࣌ʹฉ͚Δਓ͕͍Δ͜ͱ͕େࣄ
    w ίϛϡχςΟΛ׆༻͠Α͏
38. ͋Γ͕ͱ͏͍͟͝·ͨ͠