WordPressのオリジナルテーマで初めてサイト制作した話

2018/07/21 WordBench Kyotoの登壇資料です。

Transcript

1. .BSJF
   5PNPJTIJ 
   8PSE#FODI
   ,ZPUP 8PSE1SFTTͷΦϦδφϧςʔϚͰ
   ॳΊͯαΠτ੍࡞ͨ͠࿩
2. ࣗݾ঺հ
3. ͔͚ͩ͠ͷϑϦʔϥϯε8FCσβΠφʔ ೥݄೔։ۀ
   
   ԰߸ɿNBSJXFC લ৬͸৯඼ϝʔΧʔͷ8FC୲౰ αΠτϦχϡʔΞϧ΍-1੍࡞ͳͲʢ.PWBCMF
   5ZQF࢖༻ʣ
   
   ಈը੍࡞
   
   ύοέʔδσβΠϯͷσΟϨΫγϣϯ
   
   ޿ࠂӡ༻
   
   Πϕϯτؔ࿈ͷө૾ɾ Իڹ୲౰
   ༑ੴ
   ຬཬֆ .BSJF
   5PNPJTIJ !NBSJFFFFQ 8PSE$BNQ
   0TBLB
   ࣮ߦҕһ αΠτߏஙҰ෦ɺσβΠϯνʔϜʢγϦίϯόϯυɺΞΫϦϧΩʔϘϧ μʔͷσβΠϯʣ ໨ඪ ৯඼ʹڧ͍8FCσβΠφʔ
   
   ʢ৯඼ੜ෺ՊֶՊଔɺ৯඼ϝʔΧʔۈ຿ܦݧʣ
4. ͓࢓ࣄ 8FCαΠτ੍࡞ ҿ৯ళͷαΠτϦχϡʔΞϧ ৯඼ϝʔΧʔӳޠαΠτϦχϡʔΞϧ
5. ͓࢓ࣄ Ϩγϐಈը੍࡞
6. ຊ೔ͷ͓࿩
7. ࠓճ͸8PSE1SFTTͰʢطଘςʔϚΛ࢖ΘͣʹʣαΠτΛ࡞ͬͯΈͨܦݧΛ͓࿩ͯ͠͠ɺΈ ͳ͞Μͱ஌ࣝͷڞ༗Λͨ͠ΓɺΑΓྑ͍΋ͷΛ࡞ΔͨΊͷ͓࿩ͷ͖͔͚ͬʹͳΕ͹ྑ͍ͳ ͱࢥ͍ͬͯ·͢ɻ ຊ೔ͷ͓࿩ ʘҿ৯ళͷαΠτʗ
8. 8PSE1SFTTͰαΠτΛ࡞ͬͨཧ༝  ͲͷΑ͏ʹ੍࡞͔ͨ͠  ۤઓͨ͠ͱ͜Ζ  8PSE1SFTTΛ࢖ͬͯྑ͔ͬͨͱ͜Ζɺྑ͘ͳ͔ͬͨͱ͜Ζ  ຊ೔ͷ͓࿩
9. 8PSE1SFTTͰαΠτΛ࡞ͬͨཧ༝  ʘ.PWBCMF
   5ZQFϢʔβʔͩͬͨࢲ͕ʗ
10. ແྉͰಋೖͰ͖Δ͔Β ਓؾ͔ͩΒ ؆୯ Β͍͠ ͔Β .PWBCMF
    5ZQF͸ಋೖʹඅ༻͕݁ߏ͔͔Δɻʢ.PWBCMF
    5ZQF
    ɿ
     ԁʣ 8PSE1SFTT͕Ͱ͖Ε͹͓࢓ࣄͱͯ͠༗རʢΉ͠Ζઈରඞਢʣ ͜͜͸൒৴൒ٙɻ 8PSE1SFTTͰαΠτΛ࡞ͬͨཧ༝
11. ͲͷΑ͏ʹ੍࡞͔ͨ͠ 
12. σβΠϯ ͲͷΑ͏ʹ੍࡞͔ͨ͠ طଘςʔϚ͸࢖༻ͤͣʹɺσβΠϯʙ8PSE1SFTTͷ࣮૷·ͰҰ௨Γ΍ͬͯΈͨɻ ੩త
    ίʔσΟϯά 8PSE1SFTT
    ࣮૷
13. ͲͷΑ͏ʹ੍࡞͔ͨ͠ σβΠϯɾίʔσΟϯάฤ ׬શʹࣗ༝ͳσβΠϯ 8PSE1SFTTͰͲͷΑ͏ʹ࣮૷͢Δ͔͸શ͘ߟ͑ ͣʹσβΠϯɾίʔσΟϯάΛͨ͠ɻ
14. ͲͷΑ͏ʹ੍࡞͔ͨ͠ 8PSE1SFTTͷ࣮૷ 8PSE1SFTTΛΠϯετʔϧ ΦϦδφϧςʔϚΛ࢖͑ΔΑ͏ʹ͢Δ ͲͷϖʔδΛͲͷػೳͰ࣮૷͢Δ͔Λߟ͑Δ ੩తίʔσΟϯάͨ͠΋ͷΛςϯϓϨʔτԽ͍ͯ͘͠ ౤ߘ΍ύʔϚϦϯΫɺϓϥάΠϯɺGVODUJPOTQIQͷઃఆΛ͢Δ
15. ͲͷΑ͏ʹ੍࡞͔ͨ͠ 8PSE1SFTTͷ࣮૷ 8PSE1SFTTΛΠϯετʔϧ ΦϦδφϧςʔϚΛ࢖͑ΔΑ͏ʹ͢Δ ͲͷϖʔδΛͲͷػೳͰ࣮૷͢Δ͔Λߟ͑Δ ੩తίʔσΟϯάͨ͠΋ͷΛςϯϓϨʔτԽ͍ͯ͘͠ ౤ߘ΍ύʔϚϦϯΫɺϓϥάΠϯɺGVODUJPOTQIQͷઃఆΛ͢Δ ۤઓͨ͠ ۤઓͨ͠ ۤઓͨ͠ ͪΐͬͱۤઓͨ͠
16. ͲͷΑ͏ʹ੍࡞͔ͨ͠ 8PSE1SFTTͷ࣮૷ 8PSE1SFTTΛΠϯετʔϧ ͘͞ΒαʔόʔͷϥΠτϓϥϯ
    
    .Z42-͕࢖͑ͳ͍ 42-JUF
    *OUFHSBUJPOΛ࢖ͬͯͳΜͱ͔Πϯετʔϧ ࠓճ͸։ൃ؀ڥ͸࡞Βͣʹͦͷ··αʔόʔʹΠϯετʔϧ ໰୊ൃੜ ղܾ
17. ͲͷΑ͏ʹ੍࡞͔ͨ͠ 8PSE1SFTTͷ࣮૷ ΦϦδφϧςʔϚΛ࢖͑ΔΑ͏ʹ͢Δ XPSEQSFTT XQDPOUFOU UIFNFT NZUIFNF ɾJOEFYQIQ ɾGVODUJPOTQIQ ɾTUZMFDTT ϑΥϧμ࡞੒ʢ໊લ͸ͳΜͰ΋0,ʣ ̍ ࡞ͬͨϑΥϧμʹ࠷௿ݶͷϑΝΠϧΛೖΕΔɻ
    ʢ͜ͷஈ֊Ͱ͸த਎ॻ͍ͯͳͯ͘΋େৎ෉ʣ  8PSE1SFTT؅ཧը໘ͷʮ֎؍ʯ͔Β
    ࡞੒ͨ͠ςʔϚΛબͿ ̏
18. ͲͷΑ͏ʹ੍࡞͔ͨ͠ 8PSE1SFTTͷ࣮૷ ͲͷϖʔδΛͲͷػೳͰ࣮૷͢Δ͔Λߟ͑Δ ϑϩϯτϖʔδ ͓஌Βͤ ϝχϡʔ ͓ళʹ͍ͭͯ ΞΫηε ͓໰͍߹Θͤ ϒϩά ˞֎෦ϦϯΫ ΞʔΧΠϒ ౤ߘهࣄ ౤ߘهࣄ
19. ͲͷΑ͏ʹ੍࡞͔ͨ͠ 8PSE1SFTTͷ࣮૷ ͲͷϖʔδΛͲͷػೳͰ࣮૷͢Δ͔Λߟ͑Δ ϑϩϯτϖʔδ ͓஌Βͤ ΞʔΧΠϒ ౤ߘهࣄ ϝχϡʔ ౤ߘهࣄ ͓ళʹ͍ͭͯ ΞΫηε ͓໰͍߹Θͤ ϒϩά ˞֎෦ϦϯΫ ͓ళͰߋ৽͢Δ ௨ৗͷ౤ߘ ΧελϜ౤ߘ
20. ͲͷΑ͏ʹ੍࡞͔ͨ͠ 8PSE1SFTTͷ࣮૷ ͲͷϖʔδΛͲͷػೳͰ࣮૷͢Δ͔Λߟ͑Δ ϑϩϯτϖʔδ ͓஌Βͤ ΞʔΧΠϒ ౤ߘهࣄ ϝχϡʔ ౤ߘهࣄ ͓ళʹ͍ͭͯ ΞΫηε ͓໰͍߹Θͤ ϒϩά ˞֎෦ϦϯΫ ݻఆϖʔδ
21. ͲͷΑ͏ʹ੍࡞͔ͨ͠ 8PSE1SFTTͷ࣮૷ ͲͷϖʔδΛͲͷػೳͰ࣮૷͢Δ͔Λߟ͑Δ ΧελϜ౤ߘλΠϓʹ͢Δඞཁੑʢ௨ৗͷ౤ߘͰΧςΰϦʔ෼͚Ͱ΋ྑ͍ʁʣ GSPOUQBHFQIQ
    PS
    IPNFQIQ ΧελϜ౤ߘͷΞʔΧΠϒͬͯݻఆϖʔδ͡Όμϝʁ ɾ೰Μͩ10*/5ɾ Έͳ͞ΜͲ͏ͯ͠·͔͢ʁ
22. ͲͷΑ͏ʹ੍࡞͔ͨ͠ 8PSE1SFTTͷ࣮૷ ੩తίʔσΟϯάͨ͠΋ͷΛςϯϓϨʔτԽ͍ͯ͘͠ IFBEFSQIQ TJEFCBSQIQ GPPUFSQIQ TJOHMFQIQ IFBEFS
    TJEFCBS
    GPPUFSͳͲΛ෦඼ ʹ෼͚ͯಡΈࠐΉ ̍  ಈతʹ͍ͨ͠෦෼ΛQIQͰॻ͖׵͑ͯ ͍͘ɻʢϧʔϓ΋ؚΉʣ  QIQ
    UIF@UJUMF 
      QIQ
    UIF@DPOUFOU 
     QIQͷ஌͕ࣝͦΕ΄Ͳͳͯ͘΋ɺ
    ௐ΂ͨΒ݁ߏͰ͖ͯ·͢ɻ
23. ͲͷΑ͏ʹ੍࡞͔ͨ͠ 8PSE1SFTTͷ࣮૷ ౤ߘ΍ύʔϚϦϯΫɺϓϥάΠϯɺGVODUJPOTQIQͷઃఆΛ͢Δ GVODUJPOTQIQͰઃఆͨ͠಺༰ ࢖ͬͨϓϥάΠϯ ͷҰ෦Λ͝঺հ͠·͢
24. ͲͷΑ͏ʹ੍࡞͔ͨ͠ 8PSE1SFTTͷ࣮૷ GVODUJPOTQIQͰઃఆͨ͠಺༰ᶃ
    ΧελϜ౤ߘλΠϓ add_action( 'init', 'create_post_type' ); function create_post_type() { register_post_type( ‘menu’, //ΧελϜ౤ߘλΠϓ໊Λࢦఆ array( 'labels' => array( 'name' => __( 'ϝχϡʔ' ), 'singular_name' => __( 'ϝχϡʔ' ) ), 'public' => true, 'has_archive' => true, 'menu_position' =>5, 'supports' => array('title', 'editor', 'thumbnail', 'comments', 'custom-fields') ) ); }
25. ͲͷΑ͏ʹ੍࡞͔ͨ͠ 8PSE1SFTTͷ࣮૷ GVODUJPOTQIQͰઃఆͨ͠಺༰ᶄ
    αϜωΠϧαΠζͷઃఆ add_image_size('thumbnailmenu', 360, 270, true); // ϝχϡʔ౤ߘ༻ add_image_size('thumbnailpickup', 640, 360, true); // ϐοΫΞοϓ౤ߘ༻ ඞཁͳαϜωΠϧαΠζΛGVODUJPOQIQʹॻ͍ͯ
    ࡞੒͓ͯ͘͠ͱɺڊେͳը૾ͱ͔ొ࿥͞Εͯ΋େৎ෉
26. ͲͷΑ͏ʹ੍࡞͔ͨ͠ 8PSE1SFTTͷ࣮૷ GVODUJPOTQIQͰઃఆͨ͠಺༰ᶅ
    දࣔதϝχϡʔʹ
    bDVSSFOUΛ͚ͭΔ add_filter( 'nav_menu_css_class', 'remove_to_currentClass', 10, 2 ); function remove_to_currentClass( $classes, $item ) { $classes = array(); if( $item -> current == true ) { $classes[] = 'current'; } return $classes; } දࣔதͷϝχϡʔ͚ͩελΠϧΛ
    ม͍͑ͨ৔߹ʹศར
27. ͲͷΑ͏ʹ੍࡞͔ͨ͠ 8PSE1SFTTͷ࣮૷ ࢖ͬͨϓϥάΠϯᶃ
    "EWBODFE
    $VTUPN
    'JFMET ౤ߘը໘ʹΧελϜϑΟʔϧυΛ
    ࣗ༝ʹઃஔͰ͖Δ ঎඼৘ใ΍ϝχϡʔͳͲͷొ࿥ʹ͸ศར
28. ͲͷΑ͏ʹ੍࡞͔ͨ͠ 8PSE1SFTTͷ࣮૷ ࢖ͬͨϓϥάΠϯᶄ
    $POUBDU
    'PSN
     αΠτʹ͓໰͍߹ΘͤϑΥʔϜΛ
    ઃஔ͢ΔͨΊͷఆ൪ϓϥάΠϯ
29. ͲͷΑ͏ʹ੍࡞͔ͨ͠ 8PSE1SFTTͷ࣮૷ ࢖ͬͨϓϥάΠϯᶅ
    811BHF/BWJ ϖʔδૹΓΛ؆୯ʹઃஔ
    Ͱ͖ΔϓϥάΠϯ
30. ͲͷΑ͏ʹ੍࡞͔ͨ͠ 8PSE1SFTTͷ࣮૷ ౤ߘ΍ύʔϚϦϯΫɺϓϥάΠϯɺGVODUJPOTQIQͷઃఆΛ͢Δ ɾ೰Μͩ10*/5ɾ ϓϥάΠϯ͸Ͱ͖Δ͚ͩ ࢖ΘͣʹGVODUJPOTQIQ ʹॻ͍ͨํ͕ྑ͍೿ ϓϥάΠϯ͸ศརͳͷͰ ͲΜͲΜ࢖͑͹ྑ͍೿ 74 Ͳͬͪͳͷʂʁ ͪͳΈʹࢲ͸αΠτͰݸ͙Β͍࢖ͬͯ·͢
31. ʘಛʹʗ ۤઓͨ͠ͱ͜Ζ ̏
32. ΧελϜ౤ߘͷΞʔΧΠϒ͕
    දࣔ͞Εͳ͍ʂʂ ۤઓͨ͠ͱ͜Ζ ໰୊ൃੜ
33. ݻఆϖʔδͰΧελϜ౤ߘͷΞʔΧΠϒΛදࣔ͠Α͏ͱͨ͠Βɺ
    ॳΊ͸ͪΌΜͱදࣔ͞Ε͍ͯͨͷʹɺ͍ͭͷؒʹ͔QIQ͕දࣔ͞Ε͍ͯΔɻ ۤઓͨ͠ͱ͜Ζ ΧελϜ౤ߘͷΞʔΧΠϒ͕දࣔ͞Εͳ͍ʂʂ ঢ়گ ݻఆϖʔδͷTMVH 63M ͱಉ໊͡લͷΧελϜ౤ߘλΠϓΛ࡞੒ͯ͠͠·ͬͨ৔߹ɺ
    ύʔϚϦϯΫͷઃఆΛอଘ͠௚͢ͱɺΧελϜ౤ߘͷΞʔΧΠϒϖʔδ͕༏ઌ͞ΕΔ ݪҼ
    ʻࢀߟαΠτʼIUUQTDIBJLBIBUFOBCMPHDPNFOUSZ BSDIJWFNFOVQIQΛͭͬͨ͘
34. BSDIJWFNFOVQIQΛͭͬͯ͘΋ɺ
    ΧελϜ౤ߘͷΞʔΧΠϒ͕
    දࣔ͞Εͳ͍ʂʂ ۤઓͨ͠ͱ͜Ζ ໰୊ൃੜ
35. ۤઓͨ͠ͱ͜Ζ GVODUJPOTQIQͷΧελϜ౤ߘλΠϓͷઃఆͷͱ͜Ζʹ
    هड़͕ൈ͚͍ͯͨ ݪҼ
    ΧελϜ౤ߘͷΞʔΧΠϒ͕දࣔ͞Εͳ͍ʂʂ 'has_archive' => true,
36. ϓϥάΠϯ͕͖͔ͳ͍ʂ ۤઓͨ͠ͱ͜Ζ ໰୊ൃੜ
37. ۤઓͨ͠ͱ͜Ζ ϓϥάΠϯ͕ޮ͔ͳ͍ʂʂ GPPUFSQIQʹඞཁͳهड़͕ൈ͚͍ͯͨɻ ݪҼ
    <?php wp_footer(); ?> IFBEFSʹ͸
     QIQ
    XQ@IFBE 
    ɺGPPUFSʹ͸
     QIQ
    XQ@GPPUFS 
    ͕ඞཁ
    ͜Ε͕ͳ͍ͱϓϥάΠϯͷKT΍DTT͕ಡΈࠐ·Εͳ͔ͬͨΓ͢Δɻ
38. ۤઓͨ͠ͱ͜Ζ ϓϥάΠϯ͕ޮ͔ͳ͍ʂʂ ࣗ෼ͰಡΈࠐΜͰͨK2VFSZͷόʔδϣϯ͕ϓϥάΠϯʹ͍͋ͬͯͳ͔ͬͨɻ ݪҼ
     QIQ
    XQ@GPPUFS 
    ΛೖΕΔͱɺ΄ͱΜͲͷϓϥάΠϯ͸ػೳͨ͠ͷͰؾ͔ͮͳ͔͕ͬͨɺ $POUBDU
    'PSN
    ͷڍಈ͕͓͔͍͜͠ͱʹؾ͖ͮɺௐࠪͯ͠Έͨɻ K2VFSZ͸
    XQ@IFBE
    Λهड़͍ͯ͠Ε͹উखʹಡΈࠐ· ΕΔͷͰɺࣗ෼ͰಡΈࠐΉͷΛ΍ΊͨΒޮ͘Α͏ʹͳͬͨ
39. ۤઓͨ͠ͱ͜Ζ ϓϥάΠϯ͕ޮ͔ͳ͍ʂʂ ࣗ෼Λա৴͠ͳ͍
    ΋ͬͱ8PSE1SFTTʹཔΔ
40. 8PSE1SFTTͷྑ͔ͬͨͱ͜Ζɺྑ͘ͳ͔ͬͨͱ͜Ζ  ʘ.PWBCMF
    5ZQFϢʔβʔͩͬͨࢲ͕ײͨ͡ʗ
41. 8PSE1SFTTͷྑ͔ͬͨͱ͜Ζɺྑ͘ͳ͔ͬͨͱ͜Ζ ྑ͘ͳ͔ͬͨͱ͜Ζ
42. 8PSE1SFTTͷྑ͘ͳ͔ͬͨͱ͜Ζ ύʔϚϦϯΫͷ࢓૊Έ͕Θ͔Γʹ͍͘ .PWBCMF
    5ZQFͷ৔߹͸ϒϩάຖʹࣗ༝ʹઃఆͰ͖Δ͕ɺ8PSE1SFTTͷ৔߹ΧελϜ౤ߘͱ͔͋Δͱ
    ॳ৺ऀʹͱͬͯ͸ྑ͘Θ͔Βͳ͘ͳΔɻ Τϥʔ͕αΠτʹͦͷ··දࣔ͞Εͯ͠·͏ GVODUJPOTQIQΛؒҧͬͨΓͯ͠ΔͱαΠτʹΤϥʔ͕දࣔ͞Εͯ͠·͏ͷ͸ා͍ɻ
    ˠXQDPOpHQIQͷதͷEFCVHͷ߲໨Ͱදࣔ͞Εͳ͍Α͏ʹઃఆͰ͖Δɻ ϘϦϡʔϜͷଟ͍αΠτʹ͸޲͍͍ͯͳ͍͔΋ ΧελϜ౤ߘλΠϓ͕ଟ͘ͳΔͱྑ͘Θ͔Βͳ͘ͳͬͯ͘ΔͷͰɺϘϦϡʔϜ͕͔ͳΓଟ͍αΠτʹ͸
    .PWBCMF
    5ZQFͱ͔ଞͷ$.4ͷํ͕޲͍͍ͯΔΑ͏ͳؾ͕ͨ͠ɻ
43. 8PSE1SFTTͷྑ͔ͬͨͱ͜Ζɺྑ͘ͳ͔ͬͨͱ͜Ζ ྑ͔ͬͨͱ͜Ζ
44. 8PSE1SFTTͷྑ͔ͬͨͱ͜Ζ ϓϥάΠϯΊͪΌͪ͘Όศར ௐ΂ͨΒղܾํ๏ΊͬͪΌग़ͯ͘Δ GVODUJPOQIQʹॻ͚͹ͳΜͰ΋Ͱ͖ͦ͏ ͔͔࣌ؒΓͦ͏ͳ͜ͱ΍ϊϯϓϩάϥϚʔͰ͸Ͱ͖ͳ͍Α͏ͳ͜ͱͰ΋ɺϓϥάΠϯΛ࢖͑͹Ұॠ Ͱ࣮૷Ͱ͖ͨΓ͢Δɻ ΍͸ΓϢʔβʔ͕ଟ͍෼ɺΘ͔Βͳ͍͜ͱ͕͋Ε͹ղܾํ๏͕͙͢ʹग़ͯ͘Δɻ ·ͩྑ͘Θ͔͍ͬͯͳ͍͚ͲɺͳΜͰ΋Ͱ͖ͦ͏ͳؾ͕͍ͯ͠Δɻ
45. ·ͱΊ
    ʢࠓճֶΜͩ͜ͱʣ
46. ·ͱΊʢࠓճֶΜͩ͜ͱʣ 8PSE1SFTTͰΦϦδφϧςʔϚͰαΠτΛ࡞ͬͯΈͨΒɺͱͯ΋ۤઓ͚ͨ͠Ͳɺ
    8PSE1SFTTͷՄೳੑΛײ͡Δ͜ͱ͕Ͱ͖ͨ͠ͱͯ΋ษڧʹͳͬͨɻ ΦϦδφϧςʔϚͰॳΊͯ࡞Δͱ͖͸ɺࣗ෼Λ৴༻͗͢͠ͳ͍͜ͱ͕େࣄɻ
    ʮϓϥάΠϯͷׯবʯͱ͔Ͱ͸ͳͯ͘ɺ΄ͱΜͲͷ৔߹͸ࣗ෼ͷ͍ͤɻ Ұ౓࡞ͬͯΈΔͱɺ͔࣍Β͸֨ஈʹૣ͘࡞ΕΔΑ͏ʹͳͬͨɻ શͯࣗྗͰ࡞Ζ͏ͱ͢Δͱɺগ͠ͷؒҧ͍Ͱ͏·͍͔͘ͳͯ͘೰Έ·͘ΔͷͰɺ खॱॻͳͲΛࢀߟʹ͢Δ͜ͱΛ͓קΊ͠·͢ɻ
47. ͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠