ブロックのカスタマイズ、基本の“キ”

concrete5 ؔ੢Ϣʔβʔάϧʔϓ TM ୈճਆށษڧձJOେࡕ ʮ஌ͬͯͯΑ͔ͬͨΞυΦϯಛूɾϖʔδϦετϒϩοΫΛͨͬ΀Γ͋Ε͜Εೖ໳ʯ ʢ౔ʣ ϒϩοΫͷΧελϚΠζɺجຊͷlΩz

ࣗ ݾ ঺ հ designer தࠜਈҰ / Shin’ichi Nakane ͜ΜͳΞΠίϯΛݟ͔͚ͨΒϤϩγΫ
@nipper_onside https://www.facebook.com/shin1.nakane

DPODSFUFͱͷؔΘΓ DPODSFUFؔ੢Ϣʔβʔάϧʔϓ ΠϯςάϨʔτύʔτφʔ ͪΐͬͱ͓ख఻͍͠·ͨ͠ ழ্ത࢙,BU[6FOPࡗ༑࠸ࠤʑ໦ଟੜதࠜਈҰඛ઒୓࿠٢઒ஐٱ<ஶ> DPODSFUF೔ຊϢʔβʔάϧʔϓ<؂म>

concrete5 Japan Evangelist https://concrete5-japan.org/community/evangelists/ ΤόϯδΣϦετʹͳΓ·ͨ͠

Marketplace Items https://www.concrete5.org/marketplace/themes ϚʔέοτϓϨΠεʹͭͷςʔϚʢϑϦʔʣΛΞοϓ͍ͯ͠·͢ Stucco Palette

ϒϩοΫͷΧελϚΠζɺجຊͷlΩz ʙϖʔδϦετΛྫʹͨ͠ΧελϜςϯϓϨʔτͷ࡞Γํʙ ΧελϚΠζͦͷલʹ DPODSFUFͷσΟϨΫτϦߏ଄Λ֬ೝͯ͠ΈΔ BQQMJDBUJPOσΟϨΫτϦ͸ΦʔόʔϥΠυσΟϨΫτϦ DPODSFUFσΟϨΫτϦ͸ίΞͷιʔεΛ֨ೲ BQQMJDBUJPO DPNQPTFSKTPO DPNQPTFSMPDL DPODSFUF
JOEFYQIQ -*$&/4&595 QBDLBHFT SPCPUTUYU VQEBUFT

BUUSJCVUFT BVUIFOUJDBUJPO CJO CMPDLT BVUPOBW DPOUFOU DPSF@BSFB@MBZPVU
DPSF@DPOWFSTBUJPO DPSF@DPOWFSTBUJPO@NFTTBHF DPSF@HBUIFSJOH CPPUTUSBQ DPOpH BUUSJCVUFT BVUIFOUJDBUJPO CJO CMPDLT CPPUTUSBQ DPOpH ΧελϚΠζ͢Δ࣌͸ɺΦʔόʔϥΠυσΟϨΫτϦͷBQQMJDBUJPOʹ֘౰͢ΔϑΝΠϧΛίϐʔɻ https://concrete5-japan.org/help/5-7/developer/background/migrating-to-5-7/ ࢀߟαΠτҎલ͔Βͷ։ൃऀͷͨΊͷΨΠυ σΟϨΫτϦΛൺ΂ͯΈΔ BQQMJDBUJPOσΟϨΫτϦ DPODSFUFσΟϨΫτϦͷϑΝΠϧ͸มߋ͠ͳ͍ DPODSFUFσΟϨΫτϦ

˞ΩϟογϡΛແޮʹ͓͔ͯ͠ͳ͍ͱมߋ͕൓ө͞Εͳͯ͘ɺϋϚΔɻ ˞σόοάઃఆΛมߋ͢ΔͱΤϥʔͷৄࡉΛදࣔ͢ΔͷͰɺ໰୊ղܾʹܨ͕Δɻʢެ։࣌ʹ͸໭͢ʣ ࠓճ͸ɺελΠϧγʔτʹՃචɾมߋ͠·͢ͷͰɺσϑΥϧτςʔϚ ͷΤϨϝϯλϧΛΦʔόʔϥΠυσΟϨΫτϦʹίϐʔ BQQMJDBUJPOUIFNFTFMFNFOUBM QBHF@UIFNFQIQߦ໨ͷOBNFTQBDF$PODSFUFa5IFNFa&MFNFOUBMΛOBNFTQBDF "QQMJDBUJPOa5IFNFa&MFNFOUBMʹมߋɻ BQQMJDBUJPOUIFNFTFMFNFOUBMDTT NBJOMFTTߦ໨ͷ!JNQPSUDPODSFUFDTTCVJMEDPSFJODMVEFNJYJOTMFTTΛ!JNQPSU DPODSFUFDTTCVJMEDPSFJODMVEFNJYJOTMFTTʹมߋɻ
ελΠϧͷมߋ౳͸BQQMJDBUJPOUIFNFTFMFNFOUBMͷελΠϧγʔτΛमਖ਼͠·͢ɻ γεςϜͱઃఆͷlΩϟογϡͱεϐʔυઃఆzɺlσόοάઃఆzͷ ઃఆΛมߋ ࡞ۀΛ͢Δલʹ

ΧελϜϒϩοΫΛ࡞Δํ๏ ɾػೳͱදࣔΛΦʔόʔϥΠυ͢Δ ɾΧελϜςϯϓϨʔτΛ௥Ճ͢Δ https://concrete5-japan.org/help/5-7/recipes/override-almost-any-core-file-in-5-7/ ࢀߟαΠτίΞϑΝΠϧΛΦʔόʔϥΠυ͢Δ ΦʔόʔϥΠυ

ϖʔδϦετϒϩοΫΛΧελϚΠζ͢Δ৔߹ ΧελϜϒϩοΫΛ࡞Δํ๏ ػೳͱදࣔΛΦʔόʔϥΠυ͢Δʢࠓճ͸දࣔʹ͍ͭͯʣ DPODSFUFCMPDLTQBHF@MJTUWJFXQIQΛBQQMJDBUJPOCMPDLTQBHF@MJTUWJFXQIQʹίϐʔ BQQMJDBUJPOCMPDLTҎԼʹ͸σΟϨΫτϦ͕͋Γ·ͤΜͷͰɺΧελϚΠζ͢ΔϒϩοΫΛదٓ࡞੒ɻ ͜ͷํ๏ͩͱσϑΥϧτͷϖʔδϦετϒϩοΫ͕ࣗಈతʹΦʔόʔϥΠυσΟϨΫτϦͷϑΝΠϧʹஔ͖ ׵Θͬͯදࣔ͠·͢ɻ DPODSFUF CMPDLT
QBHF@MJTU WJFXQIQ BQQMJDBUJPO CMPDLT QBHF@MJTU WJFXQIQ ίϐʔ

ϖʔδϦετϒϩοΫʹ)PHFIPHFͱ͍͏ΧελϜςϯϓϨʔτΛ௥Ճ͢Δ৔߹ ΧελϜϒϩοΫΛ࡞Δํ๏ ΧελϜςϯϓϨʔτΛ௥Ճ͢Δ DPODSFUFCMPDLTQBHF@MJTUWJFXQIQΛBQQMJDBUJPOCMPDLTQBHF@MJTUUFNQMBUFTIPHFIPHFQIQ ·ͨ͸ɺ BQQMJDBUJPOCMPDLTQBHF@MJTUUFNQMBUFTIPHFIPHFWJFXQIQ IPHFIPHFWJFXQIQ ͷΑ͏ͳΧελϜ໊ͷσΟϨΫτϦΛ࢖͏ํ๏ͷ৔߹͸ WJFXQIQ Ҏ֎ʹ
WJFXDTT΍WJFXKTΛಉࠝͰ͖ΔͷͰɺྫ͑͹-JHIU#PYͷΑ͏ͳදࣔΛ͍ͤͨ͞ͱ͖ʹελΠϧγʔ τͱ+4ϑΝΠϧΛηοτʹͰ͖Δɻ DPODSFUF CMPDLT QBHF@MJTU WJFXQIQ BQQMJDBUJPO CMPDLT QBHF@MJTU UFNQMBUFT IPHFIPHFQIQ IPHFIPHFQIQͱIPHFIPHFWJFXQIQͷҧ͍ BQQMJDBUJPO CMPDLT QBHF@MJTU UFNQMBUFT IPHFIPHF WJFXQIQ ·ͨ͸

࣮ࡍʹ࡞ͬͯΈΑ͏ https://concrete5-japan.org/help/5-7/using-concrete5-7/in-page-editing/block-areas/ add-block/page-list/ ϖʔδϦετϒϩοΫͷઆ໌ ϗʔϜʢτοϓϖʔδʣͷதԝͷΧελϜςϯϓϨʔτʰαϜωΠϧάϦουʱ Λద༻͍ͯ͠ΔϖʔδϦετΛΧελϚΠζ

࣮ࡍʹ࡞ͬͯΈΑ͏ σϑΥϧτͷϖʔδϦετϒϩοΫͷWJFXQIQʹهड़Λ਺ߦ௥Ճ͢Δ͚ͩͰɺ ελΠϧΛมߋ͢Δ w ΧελϜςϯϓϨʔτΛԿ΋બ୒͍ͯ͠ͳ͍ঢ়ଶʹ͢Δ w αϜωΠϧ͕େ͖͍ͷͰɺαϜωΠϧΛҰ୴ඇදࣔʹ͢Δ w ೔෇Λද͍ࣔͨ͠ͷͰɺʰ೔෇ΛؚΊΔʱΛʰ͸͍ʱʹ͢Δ w
ΧελϚΠζͷجຊͷlΩz͸ελΠϧͷมߋ w ΧελϜςϯϓϨʔτʰ1JZPQJZPʱΛ࡞੒ʢBQQMJDBUJPOCMPDLTQBHF@MJTU UFNQMBUFTQJZPQJZPQIQʣ w Ϋϥε໊ʰQJZPQJZPQBHFMJTUʱͰϖʔδϦετΛғͬͯΈΔ w ߦ໨ʹʰEJWDMBTTQJZPQJZPQBHFMJTUʱΛ௥Ճ w ߦ໨ʹด͡λάʰEJWʱΛ௥Ճ w Ϋϩʔϯͨ͠ςʔϚͷελΠϧγʔτʹελΠϧΛهड़ʢBQQMJDBUJPOUIFNFT FMFNFOUBMDTTNBJOMFTTʣ w ೔෇ͷද͕͍ࣔ·͍ͪͳͷͰɺ೔ຊޠͷදهʹมߋ

࣮ࡍʹ࡞ͬͯΈΑ͏ WJFXQIQͱɺWJFXKTɺWJFXDTTΛηοτʹͯ͠ɺελΠϧͷมߋ͚ͩͰͳ͘ ػೳ΋௥Ճ͢Δ w αϜωΠϧΛදࣔ͢Δ w ΧελϜςϯϓϨʔτʰ)PHFIPHFʱΛ࡞੒ʢBQQMJDBUJPOCMPDLTQBHF@MJTU UFNQMBUFTIPHFIPHFWJFXQIQʣ w σϑΥϧτͰ͸֤ϦετʹEJWλάΛ࢖͍ͬͯΔͷͰɺϦετλάʢVMMJʣʹɹɹ
มߋ͢Δ w ελΠϧ͚ͩͰ͸ͳ͘ʰ4JNQMFMJHIUCPYʱΛ࢖ͬͯػೳ΋௥Ճɹɹɹɹɹɹ https://www.andrerinas.de/simplelightbox.html w μ΢ϯϩʔυͨ͠ʰ4JNQMFMJHIUCPYʱͷ+BWB4DSJQUϑΝΠϧͱελΠϧγʔτΛ ͦΕͧΕʰWJFXKTʱʰWJFXDTTʱͱͯ͠BQQMJDBUJPOCMPDLTQBHF@MJTU UFNQMBUFTIPHFIPHFʹอଘ w σϑΥϧτͷϖʔδϦετϒϩοΫ΍ΧελϜςϯϓϨʔτͷʰαϜωΠϧάϦουʱ ͰɺαϜωΠϧΛදࣔͨ͠৔߹ʹʰBMUʱͱͳΔͷΛमਖ਼͢Δ w ϖʔδωʔγϣϯʢϖʔδ෇͚ΠϯλʔϑΣʔεʣͷΧελϚΠζ

࣮ࡍʹ࡞ͬͯΈΑ͏ http://php.net/manual/ja/datetime.format.php https://concrete5-japan.org/help/5-7/recipes/customize-pagination/ ೔෇ͷϑΥʔϚοτ ϖʔδϦετϒϩοΫͷϖʔδૹΓͷΧελϚΠζ

͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ concrete5 ؔ੢Ϣʔβʔάϧʔϓ TM ୈճਆށษڧձJOେࡕ ʮ஌ͬͯͯΑ͔ͬͨΞυΦϯಛूɾϖʔδϦετϒϩοΫΛͨͬ΀Γ͋Ε͜Εೖ໳ʯ ʢ౔ʣ

ブロックのカスタマイズ、基本の“キ”

ブロックのカスタマイズ、基本の“キ”

nipper

More Decks by nipper

Other Decks in Design

Featured

Transcript

concrete5 ؔ੢Ϣʔβʔάϧʔϓ TM ୈճਆށษڧձJOେࡕ ʮ஌ͬͯͯΑ͔ͬͨΞυΦϯಛूɾϖʔδϦετϒϩοΫΛͨͬ΀Γ͋Ε͜Εೖ໳ʯ ʢ౔ʣ ϒϩοΫͷΧελϚΠζɺجຊͷlΩz

ࣗ ݾ ঺ հ designer தࠜਈҰ / Shin’ichi Nakane ͜ΜͳΞΠίϯΛݟ͔͚ͨΒϤϩγΫ

DPODSFUFͱͷؔΘΓ DPODSFUFؔ੢Ϣʔβʔάϧʔϓ ΠϯςάϨʔτύʔτφʔ ͪΐͬͱ͓ख఻͍͠·ͨ͠ ழ্ത࢙,BU[6FOPࡗ༑࠸ࠤʑ໦ଟੜதࠜਈҰඛ઒୓࿠٢઒ஐٱ<ஶ> DPODSFUF೔ຊϢʔβʔάϧʔϓ<؂म>

concrete5 Japan Evangelist https://concrete5-japan.org/community/evangelists/ ΤόϯδΣϦετʹͳΓ·ͨ͠

Marketplace Items https://www.concrete5.org/marketplace/themes ϚʔέοτϓϨΠεʹͭͷςʔϚʢϑϦʔʣΛΞοϓ͍ͯ͠·͢ Stucco Palette

ϒϩοΫͷΧελϚΠζɺجຊͷlΩz ʙϖʔδϦετΛྫʹͨ͠ΧελϜςϯϓϨʔτͷ࡞Γํʙ ΧελϚΠζͦͷલʹ DPODSFUFͷσΟϨΫτϦߏ଄Λ֬ೝͯ͠ΈΔ BQQMJDBUJPOσΟϨΫτϦ͸ΦʔόʔϥΠυσΟϨΫτϦ DPODSFUFσΟϨΫτϦ͸ίΞͷιʔεΛ֨ೲ BQQMJDBUJPO DPNQPTFSKTPO DPNQPTFSMPDL DPODSFUF

BUUSJCVUFT BVUIFOUJDBUJPO CJO CMPDLT BVUPOBW DPOUFOU DPSF@BSFB@MBZPVU

ΧελϜϒϩοΫΛ࡞Δํ๏ ɾػೳͱදࣔΛΦʔόʔϥΠυ͢Δ ɾΧελϜςϯϓϨʔτΛ௥Ճ͢Δ https://concrete5-japan.org/help/5-7/recipes/override-almost-any-core-file-in-5-7/ ࢀߟαΠτίΞϑΝΠϧΛΦʔόʔϥΠυ͢Δ ΦʔόʔϥΠυ

࣮ࡍʹ࡞ͬͯΈΑ͏ https://concrete5-japan.org/help/5-7/using-concrete5-7/in-page-editing/block-areas/ add-block/page-list/ ϖʔδϦετϒϩοΫͷઆ໌ ϗʔϜʢτοϓϖʔδʣͷதԝͷΧελϜςϯϓϨʔτʰαϜωΠϧάϦουʱ Λద༻͍ͯ͠ΔϖʔδϦετΛΧελϚΠζ

࣮ࡍʹ࡞ͬͯΈΑ͏ σϑΥϧτͷϖʔδϦετϒϩοΫͷWJFXQIQʹهड़Λ਺ߦ௥Ճ͢Δ͚ͩͰɺ ελΠϧΛมߋ͢Δ w ΧελϜςϯϓϨʔτΛԿ΋બ୒͍ͯ͠ͳ͍ঢ়ଶʹ͢Δ w αϜωΠϧ͕େ͖͍ͷͰɺαϜωΠϧΛҰ୴ඇදࣔʹ͢Δ w ೔෇Λද͍ࣔͨ͠ͷͰɺʰ೔෇ΛؚΊΔʱΛʰ͸͍ʱʹ͢Δ w

࣮ࡍʹ࡞ͬͯΈΑ͏ http://php.net/manual/ja/datetime.format.php https://concrete5-japan.org/help/5-7/recipes/customize-pagination/ ೔෇ͷϑΥʔϚοτ ϖʔδϦετϒϩοΫͷϖʔδૹΓͷΧελϚΠζ

͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ concrete5 ؔ੢Ϣʔβʔάϧʔϓ TM ୈճਆށษڧձJOେࡕ ʮ஌ͬͯͯΑ͔ͬͨΞυΦϯಛूɾϖʔδϦετϒϩοΫΛͨͬ΀Γ͋Ε͜Εೖ໳ʯ ʢ౔ʣ