Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
WordCamp Osaka 2019 ブロックエディタで誰でもカンタンに 運用しやすいサイト...
Search
akari-doi
December 07, 2019
Business
2
2k
WordCamp Osaka 2019 ブロックエディタで誰でもカンタンに 運用しやすいサイトを作ろう!
WordCamp Osaka 2019でブロックエディタの基本、便利な機能、もっと使いやすくする方法、プラグイン、実際のサイトの運用方法についてなどをお話しました。
akari-doi
December 07, 2019
Tweet
Share
More Decks by akari-doi
See All by akari-doi
Gifu WordPress Meetup #26 5.5からますます便利になるブロックエディタと拡張プラグイン ~ 変わっていく制作フロー ~
akari
0
230
Elementorとブロックエディタで「できるだけコーディングしない」WordPressサイト制作フロー
akari
0
990
十人十色のフリーランスLife「自分でつくる」働きかた
akari
3
580
みんなよく知らないお砂糖の種類のお話
akari
2
600
Other Decks in Business
See All in Business
スタートアップのマネージャーに役立つ視座/A useful perspective for startup managers
dskst
6
1.2k
Ampersand Company Profile
cuebicventures
PRO
0
230
HashPort Group Company Deck
hashport
0
10k
【Marvel株式会社】Corporate Profile
00marvel
0
600
受託開発のアジャイル奮闘記
mifujita
1
10k
culturebook_WeddingParkShip
weddingpark
0
550
kubell COMPASS Ver 1.0.0
kubell_hr
0
3.4k
Firework Japan Corporate Deck 2024/11
steven11
0
170
We are Wunderbar, Culture Deck Min
wunderbar
0
640
DMM TECH VISION 2021~
dmm
0
200
採用ピッチ資料
beglobal_document
0
300
HERBEST_about service
beat
0
630
Featured
See All Featured
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
13k
What's new in Ruby 2.0
geeforr
343
31k
Large-scale JavaScript Application Architecture
addyosmani
510
110k
Designing on Purpose - Digital PM Summit 2013
jponch
115
7k
Building Flexible Design Systems
yeseniaperezcruz
327
38k
The World Runs on Bad Software
bkeepers
PRO
65
11k
4 Signs Your Business is Dying
shpigford
180
21k
Facilitating Awesome Meetings
lara
50
6.1k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
4
370
Into the Great Unknown - MozCon
thekraken
32
1.5k
Building Applications with DynamoDB
mza
90
6.1k
Docker and Python
trallard
40
3.1k
Transcript
ϒϩοΫΤσΟλͰ୭ͰΧϯλϯʹ ӡ༻͍͢͠αΠτΛ࡞Ζ͏ʂ ΞΧϦϗϊΧχɹډ҆Ղཬ
ࣗݾհ w ϑϦʔϥϯεͷ8FCɾ%51σβΠφʔ w σδλϧϋϦουେࡕߍߨࢣ w ࣇͷͰݩύςΟγΤ w 8PSE$BNQ0TBLBͷ࣮ߦҕһʹͳΓɺ ࠙ձͰέʔΩΛ࡞ͨ͜͠ͱͰ
ίϛϡχςΟͱਂؔ͘ΘΔΑ͏ʹ w 8PSE1SFTTͰαΠτΛͭ͘Δͱ͖͍ͭ ࢠςʔϚͰ w ͍͠͠·ͤΜʂͰ͖·ͤΜʂ
ࠓ͓͢͠Δ͜ͱ w ϒϩοΫΤσΟλͱ w ϒϩοΫΤσΟλͷศརͳػೳ w ͪΐͬͱ͚ͩෆศͳͱ͜Ζ w ϒϩοΫΤσΟλΛΑΓ͍͘͢ w
ϒϩοΫΤσΟλΛΑΓศརʹ͢ΔϓϥάΠϯ w ࣮ࡍͷӡ༻ͷ࣮ྫ جຊͱ ʮ͜ΕͬͯΔͱศརʂʯ Λ͓͑͠·͢
͜Μͳํͷ͓ʹཱͯΔ͔ w ϒϩοΫΤσΟλͬͨ͜ͱ͕ͳ͍ w ΫϥγοΫΤσΟλΛ͙͢Πϯετʔϧͪ͠Ό͏ w ͡Ίʹ͚ͬͨͲɺ͋Ε͍ʹ͘͘ͳ͍ʁͱࢥͬͯΊͨ w ͬͯΔΜ͚ͩͲɺͦΜͳʹศར͔ͳʁ w
ࣗͰͬͯΔ͚Ͳɺ͓٬༷αΠτʹ·ͩΫϥγοΫΤσΟλ ໌͔ΒϒϩοΫΤσΟλΛ͍ͨ͘ͳΔʜʂɹͣ
ϒϩοΫΤσΟλͱ
ΫϥγοΫΤσΟλʢ8PSE1SFTTܥ·Ͱʣ
ϒϩοΫΤσΟλʢ8PSE1SFTT͔Βʣ
ΫϥγοΫΤσΟλͱͳʹ͕ҧ͏ʁ w ͦͷ໊ͷ௨ΓϒϩοΫΛॏͶ͍ͯ͘Α͏ͳ6* w Ұ൪ͷϙΠϯτࠓ·ͰͰ͖ͳ͔ͬͨϨΠΞτ͕Մೳʹͳͬͨʂ <IPHF>ʜʜ<IPHF>ͷΑ͏ͳγϣʔτίʔυ ΧελϜϑΟʔϧυ͕ෆཁʹʂ
͜ΜͳϒϩοΫ͕͋Γ·͢ ϝσΟΞͱจষ ΧόʔϒϩοΫϘλϯϒϩοΫ ˞ΧόʔϒϩοΫͰશ෯ʹ͢ΔʹςʔϚଆͰରԠ͕ඞཁ ΧϥϜϒϩοΫ ஈམը૾ͪΖΜɺʮΟδΣοτʢσϑΥϧτͷҰ෦ʣʯ :PV5VCF5XJUUFSΛ͡Ίͱ͢ΔଟͷຒΊࠐΈϒϩοΫͳͲ ๛ͳػೳͷϒϩοΫ͕͍ͬͺ͍ʂ ΫϥγοΫϒϩοΫ͋ΔͷͰɺैདྷͷΤσΟλΛҰ෦༻ͨ͠Γ աڈͷϒϩάͷमਖ਼ΧϯλϯͰ͢ɻ
ϒϩοΫΤσΟλͷجຊ λΠτϧɾຊจೖྗ πʔϧόʔ ৄࡉઃఆ
ϒϩοΫΤσΟλͷجຊ λΠτϧɾຊจೖྗ πʔϧόʔ ৄࡉઃఆ ࠓओʹίίͱίίΛઆ໌͠·͢ʂ
ϒϩοΫͷՃํ๏ ΛΫϦοΫͰϒϩοΫͷछྨΛબͿ ʴ ͘͠Λೖྗ͠ɺΩʔϫʔυΛ ೖΕͯݺͼग़͢
ϒϩοΫͷՃํ๏ πʔϧόʔͷʴϘλϯ ͜Ε͚ͩྫ͕ग़·͢ ຊจೖྗཝͷʴϘλϯ ຊจೖྗཝͷͰՃ
֤ϒϩοΫͷৄࡉઃఆ ϒϩοΫΛબ͢Δͱ ʮϒϩοΫʯλϒ͕બ͞ΕΔ ͜͜Ͱ֤ϒϩοΫͷઃఆΛ͢Δ ϒϩοΫʹΑΓ ઃఆͰ͖Δ߲͕มΘΓ·͢
هࣄશମͷઃఆ จॻλϒΛબ͢Δͱ هࣄશମͷઃఆ͕Մೳ ΫϥγοΫΤσΟλͱઃఆ߲ ͦΕ΄ͲมΘΓ·ͤΜ w ެ։ઃఆ w ύʔϚϦϯΫ w
ΧςΰϦʔ w λά w ΞΠΩϟον ͳͲ
%&.0
ͦΜͳํʹͪ͜Βͷ8PSE$BNQ5PLZPͷଜ্͞ΜͷεϥΠυ͕͓͢͢Ίʂ ͬͱجຊ͕Γ͍ͨʂπʔϧόʔͷ͜ͱڭ͑ͯʂ IUUQTTQFBLFSEFDLDPNVE@pCPOBDDJMFUTMFBSOCMPDLFEJUPSGSPNTDSBUDI
ϒϩοΫΤσΟλͷศརͳػೳ
࠶ར༻ϒϩοΫ w ෳࡶʹΜͩϨΠΞτొ͓͚ͯ͠࠶ར༻Ͱ͖Δʂ w ύλʔϯԽ͍ͯ͠ΔͷʹΊͪΌͪ͘Όศར w ෳͷϒϩοΫΛ࠶ར༻ϒϩοΫͱͯ͠ొՄೳ w ʮฤूʯΛΫϦοΫͯ͠ॻ͖͑Δͱ աڈʹߘͨͯ͢͠ͷϒϩοΫ͕ೖΕସΘΔ
ˠͦ͜Λར༻͢ΕظؒݶఆόφʔͳΜ͔Χϯλϯʂ w ࠶ར༻ϒϩοΫࣗମܗͱͯ͠ஔ͍͓͖͍ͯͨ ˠ༰͕มΘΔ߹ ʮ௨ৗϒϩοΫʹมʯ͢Εॻ͖͑Մೳ
ͯ͢ͷίϯςϯπΛίϐʔ w πʔϧόʔͷͭͷͷதʹ͋Δ w Ұؾʹϖʔδͯ͢ͷதΛίϐʔ w షΓ͚৽نϖʔδͰ$USʢ⌘ʣʴ7
ϒϩοΫϚωʔδϟʔ w πʔϧόʔͷͭͷͷதʹ͋Δ w ϒϩοΫϚωʔδϟʔΛΫϦοΫ w ඇදࣔʹ͍ͨ͠ϒϩοΫͷ νΣοΫΛ֎͢ w ඇදࣔʹͨ͠ϒϩοΫʴϘλϯΛ
ΫϦοΫͯ͠Ͱͯ͜ͳ͍ ͨͩ͠ɺࣗͷઃఆͷΈʂ ଞͷϢʔβʔͦͷ··Ͱ͢
%&.0
ͪΐͬͱ͚ͩෆศͳͱ͜Ζ
ΠϯϥΠϯʹऑ͍ w จࣈͷ෦తͳ৭มߋϑΥϯταΠζมߋ͕Ͱ͖ͳ͍ ʢϒϩοΫશମͷ৭͕ϑΥϯταΠζ͕มΘΔʣ ΧϥʔϓϥάΠϯΛ͑ɺબͨ͠෦ͷΈมߋ͕ՄೳͰ͢ʂ
ςʔϒϧ͕ͪΐͬͱ͍ͮΒ͍ w ͔ΒUIFBEΛࢦఆ͢Δ͜ͱͰUI͕ઃఆͰ͖ΔΑ͏ʹʂ ͚ΕͲࣗ༝ʹUIΛࢦఆͰ͖ΔΘ͚Ͱͳ͍ʜʢ)5.-ฤूՄೳʣ UI ͍·ͷͱ͜ΖଞϓϥάΠϯͰηϧ͝ͱͷઃఆ͕Ͱ͖ΔͷΈ͔ͭͬͯ·ͤΜʜ
ϒϩοΫͷબ͕ͪΐͬͱγϏΞ w ബ͍ઢ͕ͭ͘Α͏ʹͳ͔ͬͯΒબ͘͢͠ͳͬͨͷͷ ׳ΕΔ·Ͱ͍͔͠
͋͑ͯݴͬͨײ͋Γ·͢ΑͶʁ ͦΜͳʹෆศʹײ͡ͳ͍ཧ༝͔Γʂ Θͳ͍ཧ༝͕ͳ͍ʂʂ
ϒϩοΫΤσΟλΛΑΓ͍͘͢
σϑΥϧτͷΧϥʔύϨοτͷมߋʢFEJUPSDPMPSQBMFUUFʣ w σϑΥϧτͷΧϥʔύϨοτΘͳ͍৭ w ͍͍ͨ৭Λ͍͍ͪͪΧελϜΧϥʔ͔ΒબͿͷ͍ͨΜ ͍͍ͨ৭͚ͩύϨοτʹ ද͍ࣔͤͨ͞ʂ
σϑΥϧτͷΧϥʔύϨοτͷมߋʢFEJUPSDPMPSQBMFUUFʣ w GVODUJPOTQIQʹӈهΛهೖ function mytheme_setup_theme_supported_features() { add_theme_support( 'editor-color-palette', array( array(
'name' => 'ന', 'slug' => 'white', 'color' => '#FFF', ) , array( 'name' => 'ࠇ', 'slug' => 'black', 'color' => '#000', ) , array( 'name' => 'ϐϯΫ', 'slug' => 'pink', 'color' => '#F45F70', ) , array( 'name' => 'ϒϧʔ', 'slug' => 'blue', 'color' => '#4AB6B7', ) , array( 'name' => '', 'slug' => 'green', 'color' => '#96CE64', ) , array( 'name' => 'ΦϨϯδ', 'slug' => 'orange', 'color' => '#FE8026', ) , ) ); } add_action( 'after_setup_theme', 'mytheme_setup_theme_supported_features' ); ͜͏ͳΓ·͢ʂ
σϑΥϧτͷΧϥʔύϨοτͷมߋʢFEJUPSDPMPSQBMFUUFʣ w TUZMFDTTʹʮIBTεϥοάCBDLHSPVOEDPMPSʯͱ ʮIBTεϥοάDPMPSʯͷ$44Λهೖ ͜ΕͰग़ྗ͞ΕͨهࣄʹରԠ .has-white-background-color { background-color: #FFF; }
.has-white-color { color: #FFF; }
ϨεϙϯγϒຒΊࠐΈʢSFTQPOTJWFFNCFETʣ w :PV5VCFͳͲͷຒΊࠐΈίϯςϯπΛϨεϙϯγϒରԠ͢Δ function responsive_embeds_features() { add_theme_support( 'responsive-embeds' ); }
add_action('after_setup_theme', 'responsive_embeds_features'); ΧϥʔύϨοτͱҰॹʹॻ͍ͯ0, ˞BGUFS@TFUVQ@UIFNFϑοΫΛطʹ͍ͬͯΔ߹ͦͷதʹՃ͢Δͱ͍͏͜ͱ
ελΠϧͷόϦΤʔγϣϯʢSFHJTUFS#MPDL4UZMFʣ ίίͷόϦΤʔγϣϯΛ ૿͢ʂ
ελΠϧͷόϦΤʔγϣϯʢSFHJTUFS#MPDL4UZMFʣ ελΠϧΛબͿͱ ʮߴͳઃఆʯʹ $44Ϋϥε͕ͭ͘ ελΠϧͷΈ͕Θ͔ͬͨͱ͜ΖͰՃͷํ๏࣍ʂ
ελΠϧͷόϦΤʔγϣϯʢSFHJTUFS#MPDL4UZMFʣ register_block_style( 'core/quote', array( 'name' => 'blue-quote', 'label' => __(
'Blue Quote' ), 'inline_style' => '.wp-block-quote.is-style-blue-quote { color: blue; }', ) ); ྫɿҾ༻ͷจࣈ৭͕੨͍ελΠϧΛ࡞Δ w GVODUJPOTQIQʹԼهΛهೖ
ελΠϧͷόϦΤʔγϣϯʢSFHJTUFS#MPDL4UZMFʣ ελΠϧ͕૿͑ͨʂ
ΤσΟλͱϑϩϯτΛಉ͡ελΠϧͰදࣔʢFEJUPSTUZMFʣ function my_theme_editorstyle_setup() { add_theme_support( 'editor-styles' ); add_editor_style( 'style-editor.css' );
} add_action( 'after_setup_theme', 'my_theme_editorstyle_setup'); w GVODUJPOTQIQʹԼهΛهೖ UIFNFσΟϨΫτϦͷTUZMFFEJUPSDTTͱ͍͏ελΠϧγʔτΛಡΈࠐΜͰ͍Δ TUZMFFEJUPSDTTʹϑϩϯτͱಉ͡ελΠϧͰ$44Λهड़
ΤσΟλͱϑϩϯτΛಉ͡ελΠϧͰදࣔʢFEJUPSTUZMFʣ ࣗಈతʹFEJUPSTUZMFTXSBQQFSΫϥε͕ͭ͘Α͏ʹͳΔ ೖྗͨ͠$44 body { font-size: 22px; font-family: "NonBreakingSpaceOverride", "Hoefler
Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; line-height: 1.8; color: #111; } p { font-size: 22px; } ࣮ࡍʹग़ྗ͞ΕΔ$44 .editor-styles-wrapper { font-size: 22px; font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; line-height: 1.8; color: #111; } .editor-styles-wrapper p { font-size: 22px; }
ࠓݴͬͨ͜ͱɺ͜͜ʹશ෦ͷͬͯ·͢ʂ #MPDL&EJUPS)BOECPPL ΧϥʔύϨοτɾϨεϙϯγϒຒΊࠐΈɾΤσΟλͱϑϩϯτΛಉ͡දࣔ 5IFNF4VQQPSU ελΠϧͷόϦΤʔγϣϯ #MPDL'JMUFST
ΧελϜߘλΠϓͰͷҙ w SFHJTUFS@QPTU@UZQF ͰTIPX@JO@SFTUΛUSVFʹ͢Δඞཁ͕͋Δ ϓϥάΠϯͩͱʮ3&45"1*ͰදࣔʯͷΑ͏ͳදݱͷ߹ ˞ྫ$VTUPN1PTU5ZQF6*
ϒϩοΫΤσΟλΛΑΓศརʹ͢ΔϓϥάΠϯ
ΠϯϥΠϯͷ০ڧԽ "EWBODFE3JDI5FYU5PPMTGPS(VUFOCFSH 5JOZ.$&"EWBODFE ෦తͳ৭มߋ͕Մೳʹ
Ϣχοτςετ #MPDL6OJU5FTUGPS(VUFOCFSH ίΞͷϒϩοΫΛζϥοͱݻఆϖʔδϖʔδʹ ग़ྗͯ͘͠ΕΔ ࣗ࡞ͷςʔϚͳͲɺ֤ϒϩοΫʹରԠͤ͞Δͷʹ ҰཡදࣔͰ͖ͯศར
4OPX.POLFZ#MPDLT ϒϩοΫͷछྨΛ૿͢ ւ֎ͷϓϥάΠϯʹͳ͍ϒϩοΫ͕͋Δ ਧ͖ग़͠εςοϓͳͲɺϦονͳදݱ͕ Ͱ͖Δ
ϒϩοΫͷछྨΛ૿͢ σϑΥϧτͷΧϥϜϒϩοΫΑΓ ػೳ͕๛ͳ3PXϒϩοΫ $P#MPDLT ΧϯλϯʹεϥΠμʔ͕ͭ͘ΕΔ $BSPVTFMϒϩοΫ
ϒϩοΫͷछྨΛ૿͢ "EWBODFE(VUFOCFSH ʮϓϩϑΟʔϧʯͰάϧʔϓΛͭ͘Γɺ ͲͷϢʔβʔΛͦͷάϧʔϓʹՃ͢Δ͔બͿ ͦͷάϧʔϓʹͲͷϒϩοΫΛදࣔɾඇදࣔ͢Δ͔ઃఆ ϒϩοΫ๛Ͱ͕͢ϒϩοΫͷඇදࣔػೳ͕͍͢͝
"UPNJD#MPDLTr(VUFOCFSH#MPDLT$PMMFDUJPO ϒϩοΫͷछྨΛ૿͢ πʔϧόʔʹʮ-BZPVUTʯ ͱ͍͏߲͕Ͱ͖Δ ΫϦοΫ͢Δͱ͋Δఔ ϨΠΞτ͕ͨ͠ͷΛ ͙͢ʹૠೖͰ͖Δ
4UBDLBCMFr(VUFOCFSH#MPDLT ϒϩοΫͷछྨΛ૿͢ ·ͩ·ͩ͋ΔϒϩοΫΛ૿͢ϓϥάΠϯʂ ͜͜Ͱհͨ͠ͷ͘͝Ұ෦Ͱ͢ ಉ͡Α͏ͳϒϩοΫ͕͔ͿΔͱ͖͋Γ·͕͢ ͍͍͢ͷΛબΜͰɺΘͳ͍ͷඇදࣔ͢Ε0,ʂ 6MUJNBUF"EEPOTGPS(VUFOCFSH 1PXFSGVM(VUFOCFSH#MPDLTBOE5FNQMBUFTr(IPTU,JU
-B[Z#MPDLTr(VUFOCFSH#MPDLT$POTUSVDUPS ΧελϜϒϩοΫΛͭ͘Δ ϓϩάϥϛϯάͳ͠ͰΧελϜϒϩοΫΛ࡞ ௨ৗͷϒϩοΫͷΑ͏ͳݟͨͰͳ͍ͷͷ ϊϯϓϩάϥϚʔʹخ͍͠ ʢΧελϜϑΟʔϧυΈ͍ͨͳೖྗํ๏ʣ
࣮ࡍͷӡ༻ͷ࣮ྫ
͍͍ͷϚΨδϯΣϒ ΤσΟλཧɾӡ༻͍͍͍ͤͯͨͩͯ͞ΔαΠτ w ςʔϚࢲ͕࡞͍ͬͯͳ͍ w ͰΤσΟλ͚ͩ ࢲʹͤͯʂͱ͍͏͜ͱͰ ӡ༻͍ͯ͠·͢ w هࣄϥΠλʔ͞Μࣗ͝ʹ
ॻ͍͍ͯͨͩ͘Α͏ઓத
ϒϩοΫ͕๛͗͢Δ w ͨ͘͞ΜͷϒϩοΫ͕͋Δ͔Βͦ͜ɺ νʔϜͰදݱํ๏ΛܾΊΔ w ͬͯΒྀ͍͍͢ ۩ମతʹ࠶ར༻ϒϩοΫΛ׆༻ w ͋Β͔͡ΊܾΊ͓͍ͯͨදݱํ๏Λ ࠶ར༻ϒϩοΫʹొ͓͖ͯ͠
جຊͦΕ͔͠Θͳ͍ w ΉΈʹදݱํ๏Λ૿ͣ͞ʹ ݟ͍͢αΠτΛҡ࣋Ͱ͖Δ w ϒϩοΫϚελʔ͕νʔϜͷ ҙݟΛฉ͖৽͍͠දݱํ๏ΛՃ͢Δ
͍ํ͕͍͠߹ w ಛఆͷϒϩοΫͷ͍ํ͕Θ͔Βͳ͍߹ ࣭͍͍ͨͩͨΒ͙͢ʹ ΩϟϓνϟΛࡱͬͯνϟοτͰઆ໌ɺ ͦͷޙ%SPQCPYೖΕͯڞ༗ w εϓϨουγʔτʹ ؆қϚχϡΞϧΛ࡞ w
ϚχϡΞϧʹΩϟϓνϟͷ ϦϯΫೖΕΔͱจࣈ͚ͩͰ Θ͔ΓͮΒ͍ͱ͜ΖΘ͔Γ͍͢ w ಈըϚχϡΞϧ࡞༧ఆ ࣮ࡍͷΩϟϓνϟ
࠷ޙʹ ϒϩοΫΤσΟλ(VUFOCFSHͷϓϩδΣΫτͷҰ෦Ͱ͢ɻ (VUFOCFSHϓϥάΠϯΛೖΕΔͱͻͱૣ͘৽ػೳΛࢼ͢͜ͱ͕Ͱ͖·͢ɻ ·ͨɺԼهͷϖʔδͰใΛ͏͜ͱ͕Ͱ͖·͢ɻ IUUQTNBLFXPSEQSFTTPSHDPSFUBHHVUFOCFSH ৽͍͠ػೳͷ6*ʹ͍ͭͯٞͷࢀՃΛื͍ͬͯͨΓ͢ΔͷͰɺ ڵຯͷ͋ΔํͥͻࢀՃͯ͠Έ͍ͯͩ͘͞ʂ (VUFOCFSHͷ(JU)VCͪ͜Β IUUQTHJUIVCDPN8PSE1SFTTHVUFOCFSH
࠷ޙʹ ͬͨ͜ͱͳ͔ͬͨํ ͥͻ໌͔ΒͲ͏ͧʂ
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ !LPLPOB@TBO