Pro Yearly is on sale from $80 to $50! »

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

7e56a691cfb413e0f6e631791f33fe54?s=47 misumi
July 10, 2016

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

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

7e56a691cfb413e0f6e631791f33fe54?s=128

misumi

July 10, 2016
Tweet

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 ਌ςʔϚͷσβΠϯ΍ػೳΛ࢖͑ΔͷͰ؆୯ʹ࡞ΕΔ ਌ςʔϚ ࢠςʔϚ

    5XFOUZ4JYUFFO 5XFOUZ4JYUFFODIJME
  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/BNF5XFOUZ4JYUFFO$IJME 5FNQMBUFUXFOUZTJYUFFO 

  20. ᶅGVODUJPOTQIQͷ࡞੒ ࢠςʔϚ༻ϑΥϧμʹGVODUJPOTQIQΛ࡞੒͠ɺ ਌ςʔϚͷ$44ΛಡΈࠐΉίʔυΛهड़ <GVODUJPOTQIQ>  QIQ BEE@BDUJPO XQ@FORVFVF@TDSJQUT UIFNF@FORVFVF@TUZMFT 

    GVODUJPOUIFNF@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ʣΛ௥Ճ͍ͨ͠ GVODUJPONZ@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. ͋Γ͕ͱ͏͍͟͝·ͨ͠