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

.BSJF5PNPJTIJ 8PSE#FODI,ZPUP 8PSE1SFTTͷΦϦδφϧςʔϚͰ ॳΊͯαΠτ੍࡞ͨ͠࿩

ࣗݾ঺հ

͔͚ͩ͠ͷϑϦʔϥϯε8FCσβΠφʔ ೥݄೔։ۀ԰߸ɿNBSJXFC લ৬͸৯඼ϝʔΧʔͷ8FC୲౰ αΠτϦχϡʔΞϧ΍-1੍࡞ͳͲʢ.PWBCMF5ZQF࢖༻ʣಈը੍࡞ ύοέʔδσβΠϯͷσΟϨΫγϣϯ޿ࠂӡ༻Πϕϯτؔ࿈ͷө૾ɾ Իڹ୲౰ ༑ੴຬཬֆ .BSJF5PNPJTIJ !NBSJFFFFQ 8PSE$BNQ0TBLB࣮ߦҕһ
αΠτߏஙҰ෦ɺσβΠϯνʔϜʢγϦίϯόϯυɺΞΫϦϧΩʔϘϧ μʔͷσβΠϯʣ ໨ඪ ৯඼ʹڧ͍8FCσβΠφʔ ʢ৯඼ੜ෺ՊֶՊଔɺ৯඼ϝʔΧʔۈ຿ܦݧʣ

͓࢓ࣄ 8FCαΠτ੍࡞ ҿ৯ళͷαΠτϦχϡʔΞϧ ৯඼ϝʔΧʔӳޠαΠτϦχϡʔΞϧ

͓࢓ࣄ Ϩγϐಈը੍࡞

ຊ೔ͷ͓࿩

ࠓճ͸8PSE1SFTTͰʢطଘςʔϚΛ࢖ΘͣʹʣαΠτΛ࡞ͬͯΈͨܦݧΛ͓࿩ͯ͠͠ɺΈ ͳ͞Μͱ஌ࣝͷڞ༗Λͨ͠ΓɺΑΓྑ͍΋ͷΛ࡞ΔͨΊͷ͓࿩ͷ͖͔͚ͬʹͳΕ͹ྑ͍ͳ ͱࢥ͍ͬͯ·͢ɻ ຊ೔ͷ͓࿩ ʘҿ৯ళͷαΠτʗ

8PSE1SFTTͰαΠτΛ࡞ͬͨཧ༝ ͲͷΑ͏ʹ੍࡞͔ͨ͠ ۤઓͨ͠ͱ͜Ζ 8PSE1SFTTΛ࢖ͬͯྑ͔ͬͨͱ͜Ζɺྑ͘ͳ͔ͬͨͱ͜Ζ ຊ೔ͷ͓࿩

8PSE1SFTTͰαΠτΛ࡞ͬͨཧ༝ ʘ.PWBCMF5ZQFϢʔβʔͩͬͨࢲ͕ʗ

ແྉͰಋೖͰ͖Δ͔Β ਓؾ͔ͩΒ ؆୯ Β͍͠ ͔Β .PWBCMF5ZQF͸ಋೖʹඅ༻͕݁ߏ͔͔Δɻʢ.PWBCMF5ZQFɿ ԁʣ 8PSE1SFTT͕Ͱ͖Ε͹͓࢓ࣄͱͯ͠༗རʢΉ͠Ζઈରඞਢʣ ͜͜͸൒৴൒ٙɻ 8PSE1SFTTͰαΠτΛ࡞ͬͨཧ༝

ͲͷΑ͏ʹ੍࡞͔ͨ͠

σβΠϯ ͲͷΑ͏ʹ੍࡞͔ͨ͠ طଘςʔϚ͸࢖༻ͤͣʹɺσβΠϯʙ8PSE1SFTTͷ࣮૷·ͰҰ௨Γ΍ͬͯΈͨɻ ੩త ίʔσΟϯά 8PSE1SFTT ࣮૷

ͲͷΑ͏ʹ੍࡞͔ͨ͠ σβΠϯɾίʔσΟϯάฤ ׬શʹࣗ༝ͳσβΠϯ 8PSE1SFTTͰͲͷΑ͏ʹ࣮૷͢Δ͔͸શ͘ߟ͑ ͣʹσβΠϯɾίʔσΟϯάΛͨ͠ɻ

ͲͷΑ͏ʹ੍࡞͔ͨ͠ 8PSE1SFTTͷ࣮૷ 8PSE1SFTTΛΠϯετʔϧ ΦϦδφϧςʔϚΛ࢖͑ΔΑ͏ʹ͢Δ ͲͷϖʔδΛͲͷػೳͰ࣮૷͢Δ͔Λߟ͑Δ ੩తίʔσΟϯάͨ͠΋ͷΛςϯϓϨʔτԽ͍ͯ͘͠ ౤ߘ΍ύʔϚϦϯΫɺϓϥάΠϯɺGVODUJPOTQIQͷઃఆΛ͢Δ

ͲͷΑ͏ʹ੍࡞͔ͨ͠ 8PSE1SFTTͷ࣮૷ 8PSE1SFTTΛΠϯετʔϧ ΦϦδφϧςʔϚΛ࢖͑ΔΑ͏ʹ͢Δ ͲͷϖʔδΛͲͷػೳͰ࣮૷͢Δ͔Λߟ͑Δ ੩తίʔσΟϯάͨ͠΋ͷΛςϯϓϨʔτԽ͍ͯ͘͠ ౤ߘ΍ύʔϚϦϯΫɺϓϥάΠϯɺGVODUJPOTQIQͷઃఆΛ͢Δ ۤઓͨ͠ ۤઓͨ͠ ۤઓͨ͠
ͪΐͬͱۤઓͨ͠

ͲͷΑ͏ʹ੍࡞͔ͨ͠ 8PSE1SFTTͷ࣮૷ 8PSE1SFTTΛΠϯετʔϧ ͘͞ΒαʔόʔͷϥΠτϓϥϯ.Z42-͕࢖͑ͳ͍ 42-JUF*OUFHSBUJPOΛ࢖ͬͯͳΜͱ͔Πϯετʔϧ ࠓճ͸։ൃ؀ڥ͸࡞Βͣʹͦͷ··αʔόʔʹΠϯετʔϧ ໰୊ൃੜ ղܾ

ͲͷΑ͏ʹ੍࡞͔ͨ͠ 8PSE1SFTTͷ࣮૷ ΦϦδφϧςʔϚΛ࢖͑ΔΑ͏ʹ͢Δ XPSEQSFTT XQDPOUFOU UIFNFT NZUIFNF ɾJOEFYQIQ ɾGVODUJPOTQIQ ɾTUZMFDTT
ϑΥϧμ࡞੒ʢ໊લ͸ͳΜͰ΋0,ʣ ̍ ࡞ͬͨϑΥϧμʹ࠷௿ݶͷϑΝΠϧΛೖΕΔɻ ʢ͜ͷஈ֊Ͱ͸த਎ॻ͍ͯͳͯ͘΋େৎ෉ʣ 8PSE1SFTT؅ཧը໘ͷʮ֎؍ʯ͔Β ࡞੒ͨ͠ςʔϚΛબͿ ̏

ͲͷΑ͏ʹ੍࡞͔ͨ͠ 8PSE1SFTTͷ࣮૷ ͲͷϖʔδΛͲͷػೳͰ࣮૷͢Δ͔Λߟ͑Δ ϑϩϯτϖʔδ ͓஌Βͤ ϝχϡʔ ͓ళʹ͍ͭͯ ΞΫηε ͓໰͍߹Θͤ ϒϩά
˞֎෦ϦϯΫ ΞʔΧΠϒ ౤ߘهࣄ ౤ߘهࣄ

ͲͷΑ͏ʹ੍࡞͔ͨ͠ 8PSE1SFTTͷ࣮૷ ͲͷϖʔδΛͲͷػೳͰ࣮૷͢Δ͔Λߟ͑Δ ϑϩϯτϖʔδ ͓஌Βͤ ΞʔΧΠϒ ౤ߘهࣄ ϝχϡʔ ౤ߘهࣄ ͓ళʹ͍ͭͯ
ΞΫηε ͓໰͍߹Θͤ ϒϩά ˞֎෦ϦϯΫ ͓ళͰߋ৽͢Δ ௨ৗͷ౤ߘ ΧελϜ౤ߘ

ͲͷΑ͏ʹ੍࡞͔ͨ͠ 8PSE1SFTTͷ࣮૷ ͲͷϖʔδΛͲͷػೳͰ࣮૷͢Δ͔Λߟ͑Δ ϑϩϯτϖʔδ ͓஌Βͤ ΞʔΧΠϒ ౤ߘهࣄ ϝχϡʔ ౤ߘهࣄ ͓ళʹ͍ͭͯ
ΞΫηε ͓໰͍߹Θͤ ϒϩά ˞֎෦ϦϯΫ ݻఆϖʔδ

ͲͷΑ͏ʹ੍࡞͔ͨ͠ 8PSE1SFTTͷ࣮૷ ͲͷϖʔδΛͲͷػೳͰ࣮૷͢Δ͔Λߟ͑Δ ΧελϜ౤ߘλΠϓʹ͢Δඞཁੑʢ௨ৗͷ౤ߘͰΧςΰϦʔ෼͚Ͱ΋ྑ͍ʁʣ GSPOUQBHFQIQPSIPNFQIQ ΧελϜ౤ߘͷΞʔΧΠϒͬͯݻఆϖʔδ͡Όμϝʁ ɾ೰Μͩ10*/5ɾ Έͳ͞ΜͲ͏ͯ͠·͔͢ʁ

ͲͷΑ͏ʹ੍࡞͔ͨ͠ 8PSE1SFTTͷ࣮૷ ੩తίʔσΟϯάͨ͠΋ͷΛςϯϓϨʔτԽ͍ͯ͘͠ IFBEFSQIQ TJEFCBSQIQ GPPUFSQIQ TJOHMFQIQ IFBEFS TJEFCBS GPPUFSͳͲΛ෦඼
ʹ෼͚ͯಡΈࠐΉ ̍ ಈతʹ͍ͨ͠෦෼ΛQIQͰॻ͖׵͑ͯ ͍͘ɻʢϧʔϓ΋ؚΉʣ QIQUIF@UJUMF QIQ UIF@DPOUFOU QIQͷ஌͕ࣝͦΕ΄Ͳͳͯ͘΋ɺ ௐ΂ͨΒ݁ߏͰ͖ͯ·͢ɻ

ͲͷΑ͏ʹ੍࡞͔ͨ͠ 8PSE1SFTTͷ࣮૷ ౤ߘ΍ύʔϚϦϯΫɺϓϥάΠϯɺGVODUJPOTQIQͷઃఆΛ͢Δ GVODUJPOTQIQͰઃఆͨ͠಺༰ ࢖ͬͨϓϥάΠϯ ͷҰ෦Λ͝঺հ͠·͢

ͲͷΑ͏ʹ੍࡞͔ͨ͠ 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') ) ); }

ͲͷΑ͏ʹ੍࡞͔ͨ͠ 8PSE1SFTTͷ࣮૷ GVODUJPOTQIQͰઃఆͨ͠಺༰ᶄαϜωΠϧαΠζͷઃఆ add_image_size('thumbnailmenu', 360, 270, true); // ϝχϡʔ౤ߘ༻ add_image_size('thumbnailpickup',
640, 360, true); // ϐοΫΞοϓ౤ߘ༻ ඞཁͳαϜωΠϧαΠζΛGVODUJPOQIQʹॻ͍ͯ ࡞੒͓ͯ͘͠ͱɺڊେͳը૾ͱ͔ొ࿥͞Εͯ΋େৎ෉

ͲͷΑ͏ʹ੍࡞͔ͨ͠ 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; } දࣔதͷϝχϡʔ͚ͩελΠϧΛ ม͍͑ͨ৔߹ʹศར

ͲͷΑ͏ʹ੍࡞͔ͨ͠ 8PSE1SFTTͷ࣮૷ ࢖ͬͨϓϥάΠϯᶃ"EWBODFE$VTUPN'JFMET ౤ߘը໘ʹΧελϜϑΟʔϧυΛ ࣗ༝ʹઃஔͰ͖Δ ঎඼৘ใ΍ϝχϡʔͳͲͷొ࿥ʹ͸ศར

ͲͷΑ͏ʹ੍࡞͔ͨ͠ 8PSE1SFTTͷ࣮૷ ࢖ͬͨϓϥάΠϯᶄ$POUBDU'PSN αΠτʹ͓໰͍߹ΘͤϑΥʔϜΛ ઃஔ͢ΔͨΊͷఆ൪ϓϥάΠϯ

ͲͷΑ͏ʹ੍࡞͔ͨ͠ 8PSE1SFTTͷ࣮૷ ࢖ͬͨϓϥάΠϯᶅ811BHF/BWJ ϖʔδૹΓΛ؆୯ʹઃஔ Ͱ͖ΔϓϥάΠϯ

ͲͷΑ͏ʹ੍࡞͔ͨ͠ 8PSE1SFTTͷ࣮૷ ౤ߘ΍ύʔϚϦϯΫɺϓϥάΠϯɺGVODUJPOTQIQͷઃఆΛ͢Δ ɾ೰Μͩ10*/5ɾ ϓϥάΠϯ͸Ͱ͖Δ͚ͩ ࢖ΘͣʹGVODUJPOTQIQ ʹॻ͍ͨํ͕ྑ͍೿ ϓϥάΠϯ͸ศརͳͷͰ ͲΜͲΜ࢖͑͹ྑ͍೿ 74
Ͳͬͪͳͷʂʁ ͪͳΈʹࢲ͸αΠτͰݸ͙Β͍࢖ͬͯ·͢

ʘಛʹʗ ۤઓͨ͠ͱ͜Ζ ̏

ΧελϜ౤ߘͷΞʔΧΠϒ͕ දࣔ͞Εͳ͍ʂʂ ۤઓͨ͠ͱ͜Ζ ໰୊ൃੜ

ݻఆϖʔδͰΧελϜ౤ߘͷΞʔΧΠϒΛදࣔ͠Α͏ͱͨ͠Βɺ ॳΊ͸ͪΌΜͱදࣔ͞Ε͍ͯͨͷʹɺ͍ͭͷؒʹ͔QIQ͕දࣔ͞Ε͍ͯΔɻ ۤઓͨ͠ͱ͜Ζ ΧελϜ౤ߘͷΞʔΧΠϒ͕දࣔ͞Εͳ͍ʂʂ ঢ়گ ݻఆϖʔδͷTMVH 63M ͱಉ໊͡લͷΧελϜ౤ߘλΠϓΛ࡞੒ͯ͠͠·ͬͨ৔߹ɺ ύʔϚϦϯΫͷઃఆΛอଘ͠௚͢ͱɺΧελϜ౤ߘͷΞʔΧΠϒϖʔδ͕༏ઌ͞ΕΔ ݪҼ
ʻࢀߟαΠτʼIUUQTDIBJLBIBUFOBCMPHDPNFOUSZ BSDIJWFNFOVQIQΛͭͬͨ͘

BSDIJWFNFOVQIQΛͭͬͯ͘΋ɺ ΧελϜ౤ߘͷΞʔΧΠϒ͕ දࣔ͞Εͳ͍ʂʂ ۤઓͨ͠ͱ͜Ζ ໰୊ൃੜ

ۤઓͨ͠ͱ͜Ζ GVODUJPOTQIQͷΧελϜ౤ߘλΠϓͷઃఆͷͱ͜Ζʹ هड़͕ൈ͚͍ͯͨ ݪҼ ΧελϜ౤ߘͷΞʔΧΠϒ͕දࣔ͞Εͳ͍ʂʂ 'has_archive' => true,

ϓϥάΠϯ͕͖͔ͳ͍ʂ ۤઓͨ͠ͱ͜Ζ ໰୊ൃੜ

ۤઓͨ͠ͱ͜Ζ ϓϥάΠϯ͕ޮ͔ͳ͍ʂʂ GPPUFSQIQʹඞཁͳهड़͕ൈ͚͍ͯͨɻ ݪҼ <?php wp_footer(); ?> IFBEFSʹ͸ QIQXQ@IFBE
ɺGPPUFSʹ͸ QIQXQ@GPPUFS ͕ඞཁ ͜Ε͕ͳ͍ͱϓϥάΠϯͷKT΍DTT͕ಡΈࠐ·Εͳ͔ͬͨΓ͢Δɻ

ۤઓͨ͠ͱ͜Ζ ϓϥάΠϯ͕ޮ͔ͳ͍ʂʂ ࣗ෼ͰಡΈࠐΜͰͨK2VFSZͷόʔδϣϯ͕ϓϥάΠϯʹ͍͋ͬͯͳ͔ͬͨɻ ݪҼ QIQXQ@GPPUFS ΛೖΕΔͱɺ΄ͱΜͲͷϓϥάΠϯ͸ػೳͨ͠ͷͰؾ͔ͮͳ͔͕ͬͨɺ $POUBDU'PSNͷڍಈ͕͓͔͍͜͠ͱʹؾ͖ͮɺௐࠪͯ͠Έͨɻ K2VFSZ͸XQ@IFBE
Λهड़͍ͯ͠Ε͹উखʹಡΈࠐ· ΕΔͷͰɺࣗ෼ͰಡΈࠐΉͷΛ΍ΊͨΒޮ͘Α͏ʹͳͬͨ

ۤઓͨ͠ͱ͜Ζ ϓϥάΠϯ͕ޮ͔ͳ͍ʂʂ ࣗ෼Λա৴͠ͳ͍ ΋ͬͱ8PSE1SFTTʹཔΔ

8PSE1SFTTͷྑ͔ͬͨͱ͜Ζɺྑ͘ͳ͔ͬͨͱ͜Ζ ʘ.PWBCMF5ZQFϢʔβʔͩͬͨࢲ͕ײͨ͡ʗ

8PSE1SFTTͷྑ͔ͬͨͱ͜Ζɺྑ͘ͳ͔ͬͨͱ͜Ζ ྑ͘ͳ͔ͬͨͱ͜Ζ

8PSE1SFTTͷྑ͘ͳ͔ͬͨͱ͜Ζ ύʔϚϦϯΫͷ࢓૊Έ͕Θ͔Γʹ͍͘ .PWBCMF5ZQFͷ৔߹͸ϒϩάຖʹࣗ༝ʹઃఆͰ͖Δ͕ɺ8PSE1SFTTͷ৔߹ΧελϜ౤ߘͱ͔͋Δͱ ॳ৺ऀʹͱͬͯ͸ྑ͘Θ͔Βͳ͘ͳΔɻ Τϥʔ͕αΠτʹͦͷ··දࣔ͞Εͯ͠·͏ GVODUJPOTQIQΛؒҧͬͨΓͯ͠ΔͱαΠτʹΤϥʔ͕දࣔ͞Εͯ͠·͏ͷ͸ා͍ɻ ˠXQDPOpHQIQͷதͷEFCVHͷ߲໨Ͱදࣔ͞Εͳ͍Α͏ʹઃఆͰ͖Δɻ ϘϦϡʔϜͷଟ͍αΠτʹ͸޲͍͍ͯͳ͍͔΋ ΧελϜ౤ߘλΠϓ͕ଟ͘ͳΔͱྑ͘Θ͔Βͳ͘ͳͬͯ͘ΔͷͰɺϘϦϡʔϜ͕͔ͳΓଟ͍αΠτʹ͸ .PWBCMF5ZQFͱ͔ଞͷ$.4ͷํ͕޲͍͍ͯΔΑ͏ͳؾ͕ͨ͠ɻ

8PSE1SFTTͷྑ͔ͬͨͱ͜Ζɺྑ͘ͳ͔ͬͨͱ͜Ζ ྑ͔ͬͨͱ͜Ζ

8PSE1SFTTͷྑ͔ͬͨͱ͜Ζ ϓϥάΠϯΊͪΌͪ͘Όศར ௐ΂ͨΒղܾํ๏ΊͬͪΌग़ͯ͘Δ GVODUJPOQIQʹॻ͚͹ͳΜͰ΋Ͱ͖ͦ͏ ͔͔࣌ؒΓͦ͏ͳ͜ͱ΍ϊϯϓϩάϥϚʔͰ͸Ͱ͖ͳ͍Α͏ͳ͜ͱͰ΋ɺϓϥάΠϯΛ࢖͑͹Ұॠ Ͱ࣮૷Ͱ͖ͨΓ͢Δɻ ΍͸ΓϢʔβʔ͕ଟ͍෼ɺΘ͔Βͳ͍͜ͱ͕͋Ε͹ղܾํ๏͕͙͢ʹग़ͯ͘Δɻ ·ͩྑ͘Θ͔͍ͬͯͳ͍͚ͲɺͳΜͰ΋Ͱ͖ͦ͏ͳؾ͕͍ͯ͠Δɻ

·ͱΊ ʢࠓճֶΜͩ͜ͱʣ

·ͱΊʢࠓճֶΜͩ͜ͱʣ 8PSE1SFTTͰΦϦδφϧςʔϚͰαΠτΛ࡞ͬͯΈͨΒɺͱͯ΋ۤઓ͚ͨ͠Ͳɺ 8PSE1SFTTͷՄೳੑΛײ͡Δ͜ͱ͕Ͱ͖ͨ͠ͱͯ΋ษڧʹͳͬͨɻ ΦϦδφϧςʔϚͰॳΊͯ࡞Δͱ͖͸ɺࣗ෼Λ৴༻͗͢͠ͳ͍͜ͱ͕େࣄɻ ʮϓϥάΠϯͷׯবʯͱ͔Ͱ͸ͳͯ͘ɺ΄ͱΜͲͷ৔߹͸ࣗ෼ͷ͍ͤɻ Ұ౓࡞ͬͯΈΔͱɺ͔࣍Β͸֨ஈʹૣ͘࡞ΕΔΑ͏ʹͳͬͨɻ શͯࣗྗͰ࡞Ζ͏ͱ͢Δͱɺগ͠ͷؒҧ͍Ͱ͏·͍͔͘ͳͯ͘೰Έ·͘ΔͷͰɺ खॱॻͳͲΛࢀߟʹ͢Δ͜ͱΛ͓קΊ͠·͢ɻ

͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠

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

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

More Decks by Marie Tomoishi

Other Decks in Technology

Featured

Transcript