WordPress_テーマのつくりかた.pdf

Transcript

1. 8PSE1SFTTςʔϚͷ
   ͭ͘Γ͔ͨ
   

   View Slide

2. ςΩετ
   ΩλδϚλΧγ
   !JOD
   
   ϑϦʔϥϯε ϞϯΩʔϨϯν௕࡚
   
   4OPX.POLFZ
   .881'PSN
   

   View Slide

3. 4OPX.POLFZ
   ԁ ੫ผ
   ೥
   (1-
   ϒϩοΫΤσΟλʔରԠ
   ։ൃऀ޲͚"1*
   

   View Slide

4. ͪΐͬͱ͚ͩσϞ
   

   View Slide

5. w ·ͱ΋ͳ8PSE1SFTTςʔϚͱ͸
   w ϋϯυϒοΫΛಡ΋͏
   w ςϯϓϨʔτλάΛ࢖͓͏
   w 8PSE1SFTTͷηΦϦʔʹԊ͓͏
   w ϒϩοΫΤσΟλʔରԠ
   ΞδΣϯμ
   

   View Slide

6. w ͜Ε͔Β8PSE1SFTTςʔϚΛͭ͘Ζ͏ͱͯ͠
   ͍Δํ
   w ձࣾͷ࢓ࣄͰΦϦδφϧͷ8PSE1SFTTςʔϚ
   Λ৮Γ͸͡Ίͨํ
   ର৅
   

   View Slide

7. ·ͱ΋ͳ8PSE1SFTT

   ςʔϚͱ͸
   

   View Slide

8. w 8PSE1SFTTࣗମͷػೳ͕࢖͑Δ
   w ϓϥάΠϯΛ௥Ճͯ͠΋յΕͳ͍
   w Ͳ͜ͰͳʹΛ΍͍ͬͯΔ͔༧૝͕ͭ͘
   ·ͱ΋ͳ8PSE1SFTTςʔϚͱ͸
   

   View Slide

9. w ϝχϡʔػೳ
   w ϗʔϜϖʔδઃఆ
   w ΤσΟλʔ
   w ӈدͤࠨدͤதԝἧ͑ɺશ෯෯޿
   w FUD
   8PSE1SFTTࣗମͷػೳ͕࢖͑Δʁ
   

   View Slide

10. w ϓϥάΠϯͷ+4$44͕ಡΈࠐ·Εͳ͍
    w K2VFSZΛࠩ͠ସ͍͑ͯΔͨΊόʔδϣϯ͕ׯ
    ব͠Τϥʔ
    w ಈ࡞΍දࣔΛมߋ͢ΔܥϓϥάΠϯͰɺΤϥʔ
    Λى͍ͯ͜͠ͳ͍ͷʹͳ͔ͥը໘্ʹ൓ө͞Ε
    ͳ͍
    ϓϥάΠϯΛ௥Ճͯ͠΋յΕͳ͍ʁ
    

    View Slide

11. w ਺ઍߦɺ਺ສߦͷGVODUJPOTQIQ
    w ໋໊نଇ͕ҙຯෆ໌ʢ$441)1ʣ
    Ͳ͜ͰͳʹΛ΍͍ͬͯΔ͔૝૾͕ͭ͘ʁ
    

    View Slide

12. w ద੾ʹςϯϓϨʔτλά͕࢖ΘΕ͍ͯΔ
    w 8PSE1SFTTͷηΦϦʔʹԊ͍ͬͯΔ
    w ϑΝΠϧߏ଄໋໊نଇ͕੔ཧ͞Ε͓ͯΓ༧૝
    Ͱ͖Δ
    ·ͱ΋ͳ8PSE1SFTTςʔϚͱ͸
    

    View Slide

13. ϋϯυϒοΫΛಡ΋͏
    

    View Slide

14. w 5IFNF)BOECPPL

    IUUQTEFWFMPQFSXPSEQSFTTPSHUIFNFT
    w 5IFNF3FWJFX(VJEFMJOFT

    IUUQTNBLFXPSEQSFTTPSHUIFNFTIBOECPPL
    SFWJFXSFRVJSFE
    w (PPHMF຋༁Ͱ΋ΘΓͱ·ͱ΋ʹಡΊ·͢
    w Ҏ্ʂ
    ϋϯυϒοΫΛಡ΋͏
    

    View Slide

15. w @TʢVOEFSTDPSFTʣ

    IUUQTVOEFSTDPSFTNF
    w 5XFOUZ5XFOUZɺ5XFOUZ/JOFUFFOʜ
    ࢀߟςʔϚ
    

    View Slide

16. ςϯϓϨʔτλάΛ
    ࢖͓͏
    

    View Slide

17. w %#಺ͷ஋΍ίϯςϯπΛऔಘ͢ΔͨΊʹ࢖༻͢Δ
    ؔ਺
    w ྫ͑͹ɺHFU@IFBEFS
    ɺUIF@UJUMF
    ɺUIF@QPTU
    ͳͲ
    w 8PSE1SFTTͷઃఆ΍ίϯςϯπ͸શ෦%#ʹೖͬͯ
    ͍ΔͷͰ42-Ͱͱͬͯ͘Δ͜ͱ΋Ͱ͖Δ͚Ͳɺςϯ
    ϓϨʔτλά͕͋Δ৔߹͸ʮઈରʹʯςϯϓϨʔτ
    λάΛ࢖͍·͠ΐ͏
    ςϯϓϨʔτλάͱ͸
    

    View Slide

18. w ྫ͑͹HFU@IFBEFS
    ͷதʹ͸HFU@IFBEFSΞΫγϣϯϑοΫ
    w ྫ͑͹UIF@UJUMF
    ͷதʹ͸UIF@UJUMFϑΟϧλʔϑοΫ
    w ϓϥάΠϯʢ΍ίΞʣ͸͜ͷϑοΫʹର͠ॲཧΛ͓͜ͳ͏ͷ
    ͰɺςϯϓϨʔτλάΛ࢖͍ͬͯͳ͍ͱϓϥάΠϯʢ΍ί
    Ξʣͷॲཧ͕ൈ͚ͯ͠·͏ɻ
    w طଘͷςϯϓϨʔτλά͕͋Δʹ΋ؔΘΒͣಠࣗॲཧͰͳΜ
    ͱ͔ͯ͠͠·͏ͱҾ͖ܧ͕͗େมʢ௒͋Δ͋Δʣ
    ςϯϓϨʔτλάΛ࢖Θͳ͍ͱͲ͏ͳΔ͔
    

    View Slide

19. 8PSE1SFTTͷηΦϦʔ
    ʹԊ͓͏
    

    View Slide

20. w JOEFYQIQ͸࠷ޙͷࡆ
    w $44ͷಡΈࠐΈ͸XQ@FORVFVF@TUZMF
    
    w +4ͷಡΈࠐΈ͸XQ@FORVFVF@TDSJQU
    
    w ݟͨ໨ͱػೳͷ෼཭
    w FUD
    8PSE1SFTTͷηΦϦʔʹԊ͓͏
    

    View Slide

21. w 5FNQMBUF)JFSBSDIZ

    IUUQTEFWFMPQFSXPSEQSFTTPSHUIFNFTCBTJDT
    UFNQMBUFIJFSBSDIZ
    w JOEFYQIQ͸τοϓϖʔδ༻ͷςϯϓϨʔτʮͰ͸ͳ
    ͍ʯʂͲͷςϯϓϨʔτ΋Ϛον͠ͳ͔ͬͨͱ͖ͷ࠷ޙͷ
    ࡆͷςϯϓϨʔτɻ
    w τοϓϖʔδ༻͸GSPOUQBHFQIQɺ

    ϒϩάͷτοϓ͸IPNFQIQ
    JOEFYQIQ͸࠷ޙͷࡆ
    

    View Slide

22. View Slide

23. w IFBEʹ௚ॻ͖ʁ
    w XQ@FORVFVF@TUZMF
    Λ࢖͏͜ͱͰಡΈࠐΈॱ
    ͷ੔ཧɺΩϟογϡରࡦɺϓϥάΠϯ౳͔Βͷ
    ແޮԽͳͲͷૢ࡞͕Մೳ
    $44ͷಡΈࠐΈ͸XQ@FORVFVF@TUZMF
    
    

    View Slide

24. wp_enqueue_style(
    ‘ϋϯυϧ໊’,
    get_theme_file_uri( ‘/css/style.css’ ),
    [ ‘ઌʹಡΈ͍ͨ CSS ͷϋϯυϧ໊’, … ],
    filemtime( get_theme_file_path( ‘/css/style.css’ ) )
    );
    

    View Slide

25. w IFBEʹ௚ॻ͖ʁ
    w XQ@FORVFVF@TDSJQU
    Λ࢖͏͜ͱͰಡΈࠐΈॱ
    ͷ੔ཧɺΩϟογϡରࡦɺϓϥάΠϯ౳͔Βͷ
    ແޮԽͳͲͷૢ࡞͕Մೳ
    +4ͷಡΈࠐΈ͸XQ@FORVFVF@TDSJQU
    
    

    View Slide

26. wp_enqueue_script(
    ‘ϋϯυϧ໊’,
    get_theme_file_uri( ‘/js/app.js’ ),
    [ ‘ઌʹಡΈ͍ͨ JS ͷϋϯυϧ໊’, … ],
    filemtime( get_theme_file_path( ‘/js/app.js’ ) ),
    true // ϑολʔ = trueɺhead = false
    );
    

    View Slide

27. w IUUQTNBLFXPSEQSFTTPSHUIFNFTIBOECPPL
    SFWJFXSFRVJSFEQSFTFOUBUJPOWTGVODUJPOBMJUZ
    w ഑෍ςʔϚɺࣗࣾར༻डୗ։ൃͰͲ͜·Ͱ΍Δ͔
    ͸ҧ͏ͱࢥ͍·͕͢ʜ
    w جຊతʹ͸ςʔϚΛ੾Γସ͑ͨͱ͖ʹফ͑ͨΒࠔ
    Δ΋ͷʢΧελϜ౤ߘλΠϓɺγϣʔτίʔυ౳ʣ
    ͸ϓϥάΠϯྖҬʹॻ͘͜ͱ͕ਪ঑͞Ε͍ͯ·͢ɻ
    ݟͨ໨ͱػೳͷ෼཭
    

    View Slide

28. w ςʔϚ͕·ͱ΋͔Ͳ͏͔ࣗಈνΣοΫͰ͖·͢ɻ
    w ؆қతͳ΋ͷͳΒςʔϚνΣοΫϓϥάΠϯ͕ศར

    IUUQTXPSEQSFTTPSHQMVHJOTUIFNFDIFDL
    w ίϚϯυͰ΍Γ͍ͨɺνΣοΫ಺༰ΛΧελϚΠζ͍ͨ͠
    ͳΒ8PSE1SFTT$PEJOH4UBOEBSETGPS1)1@$PEF4OJ⒎FS

    IUUQTHJUIVCDPN8PSE1SFTT8PSE1SFTT$PEJOH
    4UBOEBSET
    FUD
    

    View Slide

29. ϒϩοΫΤσΟλʔ
    ରԠ
    

    View Slide

30. w #MPDL&EJUPS)BOECPPL

    IUUQTEFWFMPQFSXPSEQSFTTPSHCMPDL
    FEJUPS
    ϒϩοΫΤσΟλʔରԠ
    

    View Slide

31. w 8PSE1SFTT͔ΒΤσΟλʔ͕มߋ
    w 8:4*8:(ΤσΟλʔʢΫϥγοΫΤσΟ
    λʔʣ͔ΒϒϩοΫΤσΟλʔʹ
    ϒϩοΫΤσΟλʔରԠ
    

    View Slide

32. View Slide

33. View Slide

34. w ʮจষΛॻ͘ʯͱ͍͏جຊతͳૢ࡞ײ͸Ϋϥ
    γοΫΤσΟλʔͱ΄΅ಉ͡
    w ϒϩοΫ୯ҐͰૢ࡞ɻฒͼସ͕͑Ͱ͖ͨΓૢ࡞
    ײ͕޲্ɺઃఆ΋ϒϩοΫ୯ҐͰ࣋ͯΔ
    w )5.-͕͜ΘΕͳ͍
    ϒϩοΫΤσΟλʔͷϝϦοτ
    

    View Slide

35. w ʮΤσΟλʔͷதʹೖྗͨ͠จࣈʯ
    Λ૷০
    w )5.-͕Α͘͜ΘΕΔͷͰɺ)5.-
    ͷཧղ͕ඞཁ
    ৽چΤσΟλʔͷ͕͍ͪ
    w ϒϩοΫΛॏͶͯίϯςϯπΛߏ੒
    w )5.-Λॻ͔ͤͳ͍ͱ͍͏ڧ͍ҙࢤ
    w ಠࣗʹϒϩοΫΛ௥Ճ͢Δʹ͸
    +BWB4DSJQUྗ 3FBDU+49
    ͕ඞ
    ཁ
    ΫϥγοΫΤσΟλʔ ϒϩοΫΤσΟλʔ
    

    View Slide

36. w ΫϥγοΫΤσΟλʔʢϓϥάΠϯʣͷαϙʔτ͸
    ·Ͱ

    IUUQTNBLFXPSEQSFTTPSHDPSF
    DMBTTJDFEJUPSQMVHJOTVQQPSUXJOEPX
    w ϒϩοΫΤσΟλʔ͸(VUFOCFSHϓϩδΣΫτͷϑΣ
    ʔζɻϑΣʔζͱͯ͠αΠτશମͷϒϩοΫԽ͕ਐ
    ߦத

    IUUQTDBQJUBMQKQCMPDLCBTFEUIFNF
    ϒϩοΫΤσΟλʔରԠ
    

    View Slide

37. w 5IFNF)BOECPPL

    IUUQTEFWFMPQFSXPSEQSFTTPSHUIFNFT
    w 5IFNF3FWJFX(VJEFMJOFT

    IUUQTNBLFXPSEQSFTTPSHUIFNFTIBOECPPL
    SFWJFXSFRVJSFE
    w #MPDL&EJUPS)BOECPPL

    IUUQTEFWFMPQFSXPSEQSFTTPSHCMPDLFEJUPS
    ·ͱΊ
    

    View Slide