Slide 1

Slide 1 text

5XFOUZ/JOFUFFO͔ΒಡΈղ͘ ςʔϚ࡞੒࣌ͷ͓࡞๏ ೥݄೔ʢ౔ʣ ΈΜͳͷ৿͗;ϝσΟΞίεϞε͓ͲΔελδΦ 0MFJO%FTJHOٱ໺ߊ࢘

Slide 2

Slide 2 text

ࣗݾ঺հ w ϑϦʔϥϯε8FC੍࡞ऀˏذෞࢢ w (JGV8PSE1SFTT.FFUVQڞಉΦʔΨφΠβʔ w $PEFS%PKPذෞνϟϯϐΦϯ w άϥϑΟοΫσβΠϯग़਎ɺ8FCؔ࿈ձࣾ Ͱͷۈ຿ྺͳ͠ w 8FC͸ಠֶ8PSE1SFTTྺ೥Ҏ্ w PMFJOEFTJHODPO!0MFJO@KQ w Շ༷͕࡛ۄʹ୯਎ෝ೚தʹ͖ͭՈࣄҭࣇଟ Ίͷੜ׆ IUUQTQSPpMFTXPSEQSFTTPSHPMFJO

Slide 3

Slide 3 text

8PSE1SFTTͷެࣜςʔϚΛಡΈղ͍ͯ ࣮ࡍʢۀ຿ʣͷςʔϚ੍࡞ʹ໾ཱͯΒΕΔ ࡞๏Λ঺հ͠·͢ɻ ˞࿩ͤΔ࿩୊͕෯޿͗͢ΔͨΊɺΑΓৄ͘͠஌Γ͍ͨํ͸ΞϯΧϯϑΝϨϯεΛ׆༻͍ͯͩ͘͠͞ɻ

Slide 4

Slide 4 text

ΞδΣϯμ w ςʔϚ։ൃͷ؀ڥʹ͍ͭͯ w ࠓ೔ͷ࿩ͷཧղɾ׆༻ʹඞཁͳ஌ࣝ w 5XFOUZ/JOFUFFOͷ಺෦ϑΝΠϧ w GVODUJPOTQIQΛಡΈղ͘ w CPEZ@DMBTT w QPTU@DMBTT w ςʔϚΛ࡞Δʹ͋ͨͬͯͷཧ૝తͳߟ͑ํ

Slide 5

Slide 5 text

֬ೝ؀ڥ w ϩʔΧϧ։ൃ؀ڥʢ-PDBMCZqZXIFFMʣ w 8PSE1SFTT w 1)1 w .Z42- IUUQTMPDBMCZqZXIFFMDPN

Slide 6

Slide 6 text

ϓϥάΠϯ w 4IPX$VSSFOU5FNQMBUF w ද͍ࣔͯ͠ΔϖʔδʹͲΜͳϑΝΠ ϧ͕ಡΈࠐ·Ε͍ͯΔ͔Λ֬ೝͰ͖ Δ w 8PSE1SFTT։ൃʢಛʹςʔϚ։ൃʣͰ ͸ඞध඼ IUUQTKBXPSEQSFTTPSHQMVHJOTTIPXDVSSFOUUFNQMBUF

Slide 7

Slide 7 text

ςʔϚϢχοτςετ ࢖͍ͬͯ·͔͢ʁ w ౤ߘ΍ݻఆϖʔδͷμϛʔσʔλ͕ఏڙ͞Ε͍ͯΔ w ༷ʑͳঢ়گΛ૝ఆͨ͠σʔλ w දࣔΛ֬ೝͯ͠ରԠ͕Ͱ͖Δ IUUQTXQEPDTPTEOKQςʔϚϢχοτςετ

Slide 8

Slide 8 text

ඞཁͳࣄલ஌ࣝ w )5.- w $44 w +BWB4DSJQU w 1)1 BOENPSFZPVOFFE

Slide 9

Slide 9 text

Θ͔Βͳ͍͜ͱ͸ஏ͔͍ͣ͜͠ͱͰ͸ͳ͍ɻ ͨͩɺௐ΂ͣʢֶ΅͏ͱͤͣʣΘ͔Βͳ͍ͱݴͬͯ ͍Δͷ͸ஏ͔͍ͣ͜͠ͱͩɻ Š,PKJ,VOP

Slide 10

Slide 10 text

Θ͔Βͳ͍͜ͱ͸ௐ΂Α͏ w )5.-ˠIUUQTEFWFMPQFSNP[JMMBPSHKBEPDT8FC)5.- w $44ˠIUUQTEFWFMPQFSNP[JMMBPSHKBEPDT8FC$44 w +BWB4DSJQUˠIUUQTEFWFMPQFSNP[JMMBPSHKBEPDT8FC +BWB4DSJQU w 1)1ˠIUUQTXXXQIQOFUNBOVBMKB w 8PSE1SFTTʹؔ͢Δ͜ͱˠIUUQTXQEPDTPTEOKQ

Slide 11

Slide 11 text

ςʔϚ಺ϑΝΠϧҰཡʢલ൒ʣ ├ classes/ ├ fonts/ ├ inc/ ├ js/ ├ sass/ ├ template-parts/ ├ 404.php ├ archive.php ├ comments.php ├ footer.php ├ functions.php ##͜Ε͜Ε ├ header.php ├ image.php ├ index.php

Slide 12

Slide 12 text

ςʔϚ಺ϑΝΠϧҰཡʢޙ൒ʣ ├ package.json ├ package-lock.json ├ page.php ├ postcss.config.js ├ print.scss ├ print.css ├ readme.txt ├ screenshot.png ├ search.php ├ single.php ├ style.scss ├ style.css ├ style-editor.scss ├ style-editor.css ├ style-editor-customizer.scss ├ style-editor-customizer.css ├ style-rtl.css

Slide 13

Slide 13 text

GVODUJPOTQIQDPEF DPEFIUUQTHJUIVCDPN8PSE1SFTTUXFOUZOJOFUFFOCMPCNBTUFSGVODUJPOTQIQ

Slide 14

Slide 14 text

GVODUJPOTQIQͰ΍͍ͬͯΔ͜ͱ ޙํޓ׵ઃఆ຋༁ϑΝΠϧઃఆࣗಈϑΟʔυϦϯΫઃఆλΠτ ϧλάઃఆαϜωΠϧઃఆΧελϜϝχϡʔઃఆ)5.-࢖༻ ڐՄઃఆΧελϜϩΰઃఆΧελϚΠβʔ΢ΟδΣοτ࠶ಡΈ ࠐΈઃఆ(VUFOCFSHσϑΥϧτελΠϧదԠઃఆ(VUFOCFSH෯ ޿ɾશ෯ϘλϯදࣔઃఆΤσΟλʔελΠϧઃఆΤσΟλʔε λΠϧಡΈࠐΈઃఆ(VUFOCFSHϑΥϯταΠζઃఆ(VUFOCFSHΧ ϥʔύϨοτઃఆJGSBNFϨεϙϯγϒରԠઃఆ΢ΟδΣοτઃ ఆίϯςϯπ෯ઃఆεΫϦϓτಡΈࠐΈઃఆTLJQMJOLGPDVTpY ઃఆΧελϚΠβʔؔ࿈ઃఆ47(ΞΠίϯ༻ϑΝΠϧઃఆίϝ ϯτ༻΢ΥʔΧʔϑΝΠϧઃఆ֤छϑΝΠϧಡΈࠐΈઃఆ

Slide 15

Slide 15 text

if ( ! function_exists() ) if ( ! function_exists( 'twentynineteen_setup' ) ) : w ެࣜςʔϚͷίʔυΛಡΜͩ͜ͱ͕͋ΔਓͳΒݟͨ͜ͱ͋Δ͔ ΋ w ਌ςʔϚͱͯ͠ར༻͞ΕΔ͜ͱ͕͋ΔͳΒඞཁ w Ұൠతͳ੍࡞Ҋ݅Ͱ͸͋·Γඞཁͳ͍͔΋͠Εͳ͍͕ɺॻ͘บ Λ͚͓ͭͯ͘ͱྑ͍ IUUQTXXXQIQOFUNBOVBMKBGVODUJPOGVODUJPOFYJTUTQIQ

Slide 16

Slide 16 text

ࣗಈϑΟʔυϦϯΫ add_theme_support( 'automatic-feed-links' ); w 344ϑΟʔυ΁ͷϦϯΫΛࣗಈͰઃஔͯ͘͠ΕΔ ࣗಈϑΟʔυϦϯΫ

Slide 17

Slide 17 text

λΠτϧλάઃఆ add_theme_support( 'title-tag' ); w ֤ϖʔδͷλΠτϧΛϑϨΩγϒϧʹදࣔͯ͘͠ΕΔ w IPPLΛར༻ͯ͠ΧελϚΠζ͢Δ͜ͱ΋Մೳ ؔ਺ϦϑΝϨϯεBEEUIFNFTVQQPSU

Slide 18

Slide 18 text

αϜωΠϧઃఆ add_theme_support( 'post-thumbnails' ); set_post_thumbnail_size( 1568, 9999 ); w ౤ߘɾݻఆϖʔδͰΞΠΩϟονը૾ΛઃఆͰ͖ΔΑ͏ʹ͢Δ w set_post_thumbnail_size()Ͱ೚ҙͷαΠζͷը૾Λ༻ҙ ͢Δ͜ͱ΋Մೳ ؔ਺ϦϑΝϨϯεTFUQPTUUIVNCOBJMTJ[F ؔ਺ϦϑΝϨϯεBEEUIFNFTVQQPSU

Slide 19

Slide 19 text

ΧελϜϝχϡʔઃఆ register_nav_menus( array( 'menu-1' => __( 'Primary', 'twentynineteen' ), 'footer' => __( 'Footer Menu', 'twentynineteen' ), 'social' => __( 'Social Links Menu', 'twentynineteen' ), ) ); w ؅ཧը໘ˠ֎؍ˠϝχϡʔͰϝχϡʔΛ࢖͑ΔΑ͏ʹͳΔ w Ϣʔβʔ͕มߋͰ͖ΔΑ͏ʹͳΔ w σβΠϯ࢓༷ʹΑͬͯ͸ΧελϚΠζ͕ඞཁʹͳΔ৔߹΋͋Δ <8PSE1SFTT>ΧελϜϝχϡʔػೳͷઃఆͱઃஔͱॻ͖ग़͞ΕΔιʔείʔυΛ෼͔Γ΍͘͢঺հ͠·͢ ؔ਺ϦϑΝϨϯεSFHJTUFSOBWNFOVT

Slide 20

Slide 20 text

)5.-࢖༻ڐՄઃఆ add_theme_support( 'html5', array( 'search-form', 'comment-form', 'comment-list', 'gallery', 'caption', ) ); w ݕࡧϑΥʔϜɾίϝϯτϑΥʔϜɾίϝϯτϦετɾΪϟϥ ϦʔɾΩϟϓγϣϯͰ)5.-ϚʔΫΞοϓͷ࢓༷ΛڐՄ ؔ਺ϦϑΝϨϯεBEEUIFNFTVQQPSU

Slide 21

Slide 21 text

(VUFOCFSHσϑΥϧτελΠϧదԠઃఆ add_theme_support( 'wp-block-styles' ); w ͋Β͔͡Ί༻ҙ͞Ε͍ͯΔ(VUFOCFSH༻σϑΥϧτελΠϧΛద Ԡ͢Δ 5IFNF4VQQPSU#MPDL&EJUPS)BOECPPL

Slide 22

Slide 22 text

(VUFOCFSH෯޿ɾશ෯Ϙλϯදࣔઃఆ add_theme_support( 'align-wide' ); w $44ରԠ͸ผ్ඞཁ 5IFNF4VQQPSU#MPDL&EJUPS)BOECPPL

Slide 23

Slide 23 text

ΤσΟλʔελΠϧઃఆɾಡΈࠐΈ add_theme_support( 'editor-styles' ); add_editor_style( 'style-editor.css' ); w ฤूը໘Ͱ࣮ࡍͷදࣔΛ֬ೝͰ͖ΔΑ͏ʹ͢ΔͨΊʹඞཁ w ҙ֎ͱରԠ͠ͳ͍ਓ͕ଟ͍ &EJUPS4UZMF (VUFOCFSHରԠͷͨΊadd_theme_support( 'editor-styles' )ͰվΊͯઃఆ͢Δඞཁ͕͋Γ·͢

Slide 24

Slide 24 text

(VUFOCFSHϑΥϯταΠζઃఆ add_theme_support( 'editor-font-sizes', array( array( 'name' => __( 'Small', 'twentynineteen' ), 'shortName' => __( 'S', 'twentynineteen' ), 'size' => 19.5, 'slug' => 'small', ), ... ) );

Slide 25

Slide 25 text

(VUFOCFSHϑΥϯταΠζઃఆ w has-[slug-name]-font-sizeͱ͍͏$44Ϋϥε͕ཁૉʹ෇༩ ͞ΕΔ w size͸ฤूը໘ͰͷσϑΥϧτ஋ࢦఆͷΈ w $44͸༻ҙ͢Δඞཁ͕͋Δ 5IFNF4VQQPSU#MPDL&EJUPS)BOECPPL

Slide 26

Slide 26 text

(VUFOCFSHΧϥʔύϨοτઃఆ add_theme_support( 'editor-color-palette', array( array( 'name' => __( 'Dark Gray', 'twentynineteen' ), 'slug' => 'dark-gray', 'color' => '#111', ), ... ) );

Slide 27

Slide 27 text

(VUFOCFSHΧϥʔύϨοτઃఆ w has-text-color has-[slug-name]-colorΫϥε͕෇༩͞ ΕΔ w $44͸༻ҙ͢Δඞཁ͕͋Δ 5IFNF4VQQPSU#MPDL&EJUPS)BOECPPL

Slide 28

Slide 28 text

JGSBNFϨεϙϯγϒରԠઃఆ add_theme_support( 'responsive-embeds' ); w JGSBNFͰૠೖ͞Εͨ΋ͷΛΛҡ࣋ͯ͠ϨεϙϯγϒରԠͤ͞ Δ 5IFNF4VQQPSU#MPDL&EJUPS)BOECPPL

Slide 29

Slide 29 text

ίϯςϯπ෯ઃఆ $GLOBALS['content_width'] = apply_filters( 'twentynineteen_content_width', 640 ); w ը૾෯ͳͲΛͪ͜ΒͷαΠζʹ߹Θͤͯੜ੒ͯ͘͠ΕΔ $POUFOU8JEUI$PEFY

Slide 30

Slide 30 text

εΫϦϓτಡΈࠐΈઃఆ function twentynineteen_scripts() { wp_enqueue_style( 'twentynineteen-style', get_stylesheet_uri(), array(), wp_get_theme()->get( 'Version' ) ); wp_style_add_data( 'twentynineteen-style', 'rtl', 'replace' ); if ( has_nav_menu( 'menu-1' ) ) { wp_enqueue_script( 'twentynineteen-priority-menu', get_theme_file_uri( '/js/priority-menu.js' ), array(), '1.1', true ); wp_enqueue_script( 'twentynineteen-touch-navigation', get_theme_file_uri( '/js/touch-keyboard-navigation.js' ), array(), '1.1', true ); } wp_enqueue_style( 'twentynineteen-print-style', get_template_directory_uri() . '/print.css', array(), wp_get_theme()->get( 'Version' ), 'print' ); if ( is_singular() && comments_open() && get_option( 'thread_comments' ) ) { wp_enqueue_script( 'comment-reply' ); } } add_action( 'wp_enqueue_scripts', 'twentynineteen_scripts' );

Slide 31

Slide 31 text

ελΠϧಡΈࠐΈઃఆ wp_enqueue_style( 'twentynineteen-style', // ϋϯυϧ໊ get_stylesheet_uri(), // ύε array(), // ґଘؔ܎ wp_get_theme()->get( 'Version' ) // όʔδϣϯ ); XQFORVFVFTUZMF c'VODUJPOc8PSE1SFTT%FWFMPQFS3FTPVSDFT

Slide 32

Slide 32 text

+4ಡΈࠐΈઃఆ wp_enqueue_script( 'twentynineteen-priority-menu', // ϋϯυϧ໊ get_theme_file_uri( '/js/priority-menu.js' ), // ύε array(), // ґଘؔ܎ ex) array( 'jquery' ) '1.1', // όʔδϣϯ true // ϑολʔʹग़ྗ͢Δ৔߹͸true ); add_action( 'wp_enqueue_scripts', 'twentynineteen_scripts' ); // wp_enqueue_scripts ʹϑοΫ 1MVHJO"1*"DUJPO3FGFSFODFXQFORVFVFTDSJQUTm8PSE1SFTT$PEFY XQFORVFVFTDSJQU c'VODUJPOc8PSE1SFTT%FWFMPQFS3FTPVSDFT

Slide 33

Slide 33 text

TLJQMJOLGPDVTpYઃఆ w Ұ෦ͷϒϥ΢βͰɺtabΩʔͰૢ࡞͢Δͱ͖ʹɺinput focusͱvisual focus ͕Ұகͤͣɺskip to content͕͏·͘ಈ࡞͠ͳ͍όάΛमਖ਼͢ΔͨΊͷ΋ͷ w 8FCΞΫηγϏϦςΟʹߟྀͨ͠Βར༻͓ͯ͘͠ํ͕޷·͍͠ʢݸਓతݟղʣ w ʢͦ΋ͦ΋skip to contentΛઃஔ͍ͯ͠ͳ͍΋ͷ΋ଟ͍ʣ UXFOUZOJOFUFFOIFBEFSQIQBOEUXFOUZOJOFUFFOTUZMFDTT

Slide 34

Slide 34 text

body_class() CPEZ@DMBTT c'VODUJPOc8PSE1SFTT%FWFMPQFS3FTPVSDFT

Slide 35

Slide 35 text

࢖͍ํ > ྫɿ౤ߘৄࡉϖʔδʢsingle.phpʣΛදࣔͨ͠৔߹

Slide 36

Slide 36 text

೚ҙΫϥεΛbody_class()͔Βग़ྗ͢Δ body_class('class-name1 class-name2'); PS // if ( is_***() ) ͳͲͰࣗ༝ʹৼΓ෼͚ΒΕΔ function add_my_class_names( $classes ) { $classes[] = 'class-name'; return $classes; } add_filter( 'body_class', 'add_my_class_names' );

Slide 37

Slide 37 text

post_class() QPTU@DMBTT c'VODUJPOc8PSE1SFTT%FWFMPQFS3FTPVSDFT

Slide 38

Slide 38 text

࢖͍ํ > ྫɿ౤ߘৄࡉ

Slide 39

Slide 39 text

೚ҙΫϥεΛpost_class()͔Βग़ྗ͢Δ post_class( 'class-name' ); PS $classes = array( 'class-name1', 'class-name2', 'class-name3' ); post_class( $classes ); PSIPPL

Slide 40

Slide 40 text

डୗͰ81ςʔϚΛ࡞ΔࡍͷྲྀΕʢԶWFSʣ (JU)VCϦϙδτϦ࡞੒ʢडୗ͸QSJWBUFʣ ςεταʔόʔͰ؀ڥΛ༻ҙ ʢར༻͢ΔͱΘ͔͍ͬͯΔ΋ͷ͸શͯઃఆͯ͠ɺ"MMJOPOF81.JHSBUJPOͰ ϩʔΧϧ΁ʣ ϩʔΧϧ։ൃ؀ڥ༻ҙ w MPDBMCZqZXIFFM w ৗ༻Ξηοτ४උʢৗ༻NJYJOͳͲʣ w ֤ίϯύΠϧઃఆʢQSFQSPTOQNʣ ߏங։࢝ʢϞόΠϧϑΝʔετ'-0$44ʣ

Slide 41

Slide 41 text

೰·͍͜͠ͱ৭ʑ w ݻఆϖʔδͷϚʔΫΞοϓ͸page-[slug-name].phpͰ࡞ Δʁ w ΧελϜ)5.-ϒϩοΫͰهड़͢Δʁ w ΧελϜϒϩοΫͷ੍࡞͸ඞཁʁ

Slide 42

Slide 42 text

੹೚Λ੍࣋ͬͨ࡞ w 8PSE1SFTTΛ8PSE1SFTTͱͯ͠ར༻͢ΔͨΊʹ͸ɺ੹೚Λ࣋ͬͨઃܭ ͕ඞཁ w ςʔϚςϦτϦʔͱϓϥάΠϯςϦτϦʔ΁ͷཧղ w ϑϧϚʔΫΞοϓʢલड़ʣͰϖʔδΛߏஙͯ͠͠·͏͜ͱͷϦεΫ w ΫϥΠΞϯτ͕຤௕͘8PSE1SFTTΛར༻Ͱ͖Δ؀ڥΛͰ͖ΔݶΓ༻ ҙ͢Δ੹೚ ˠࠓ࡞͍ͬͯΔςʔϚ͔Β੾Γସ͑ͯ΋ΫϥΠΞϯτ͕ࠔΒͳ͍ઃܭ Λʂ

Slide 43

Slide 43 text

8PSE1SFTTςʔϚʹؔ͢Δօ͞Μͷ ҙݟΛΞϯΧϯϑΝϨϯεͰަ׵͠ ·͠ΐ͏ʂ

Slide 44

Slide 44 text

͓ΘΓ