クライアントワークのオリジナルテーマ制作

Slide 1

Slide 1 text

No content

Slide 2

Slide 2 text

Proﬁle தౡਅ༸ʢφΧγϚϚαώϩʣ ผ໊ϖϯΪϯ 5XJUUFS!LBOBLPHJ 8ܥΤϯδχΞɾσβΠφʔ ๺۠੺ӋͱϛϟϯϚʔͰ࢓ࣄ

Slide 3

Slide 3 text

Proﬁle 8PSE1SFTT ࢓ࣄͷݱ৔Ͱαοͱ࢖͑ΔσβΠϯڭՊॻ ग़൛ٕज़ධ࿦ࣾ )5.-$44׬શେࣄయ ग़൛ٕज़ධ࿦ࣾ

Slide 4

Slide 4 text

Proﬁle • WP CSV Exporter • WP Theme Test • Adjust Admin Categories • WP Taxonomy Import • Check Copy ContentsʢCCCʣ ...߹ܭ11ϓϥάΠϯ

Slide 5

Slide 5 text

Proﬁle ΠϚίί 2005 2019 ϑϦʔͷ8σβΠφʔ .PWBCMF5ZQF 8PSE1SFTT )5.-$44 1)1 +BWB4DSJQU 2012 ೥౓࢓ࣄͷׂ߹ σβΠϯ ϑϩϯτΤϯυ 1)1 8PSE1SFTTؔ܎

Slide 6

Slide 6 text

ͣͬͱ ΫϥΠΞϯτϫʔΫ ΍ͬͯ·͢

Slide 7

Slide 7 text

஌͓ͬͯ͘ͱ ݱ৔Ͱ໾ʹཱͭ5*14

Slide 8

Slide 8 text

؅ཧόʔͷ ѹ౗తଘࡏײ

Slide 9

Slide 9 text

Admin Bar Position

Slide 10

Slide 10 text

ຊ൪αʔόʔͰ ςʔϚΛςετ͍ͨ͠

Slide 11

Slide 11 text

WP Theme Test

Slide 12

Slide 12 text

౤ߘϖʔδͷ ΞʔΧΠϒ͕ͳ͍

Slide 13

Slide 13 text

WP Post Has Archive

Slide 14

Slide 14 text

"VUIPSϖʔδͷอޢ

Slide 15

Slide 15 text

wp-login.php

Slide 16

Slide 16 text

function author_page_redirect() { if( is_author() ) { wp_redirect( home_url()); exit; } } add_action( 'template_redirect', 'author_page_redirect' ); functions.php

Slide 17

Slide 17 text

Yoast SEO

Slide 18

Slide 18 text

ϒϩοΫΤσΟλʔ

Slide 19

Slide 19 text

ศརͳػೳ

Slide 20

Slide 20 text

ϚʔΫμ΢ϯ͕࢖͑Δ

Slide 21

Slide 21 text

ϒϩοΫͷίϐʔ͕Ͱ͖Δ

Slide 22

Slide 22 text

࠶ར༻ϒϩοΫ

Slide 23

Slide 23 text

؅ཧը໘ͱ ελΠϧΛ͋ΘͤΔ

Slide 24

Slide 24 text

؅ཧը໘ͱελΠϧΛ͋ΘͤΔ ϑϩϯτ ؅ཧը໘

Slide 25

Slide 25 text

function my_editor_suport() { add_theme_support( 'editor-styles' ); add_editor_style( 'assets/css/editor-style.css' ); } add_action( 'after_setup_theme', 'my_editor_suport' ); functions.php

Slide 26

Slide 26 text

h2 { font-size: 24px; color: #70462E; } strong { color: #70462E; font-weight: bold; } em { font-style: italic; font-weight: bold; } editor-style.css ←ཁૉηϨΫλͰࢦఆ

Slide 27

Slide 27 text

.content h2 { font-size: 24px; color: #70462E; } .content strong { color: #70462E; font-weight: bold; } .content em { font-style: italic; font-weight: bold; } styles.css singular.php

Slide 28

Slide 28 text

؅ཧը໘ͱελΠϧΛ͋ΘͤΔ TUZMFTDTT FEJUPSTUZMFDTT ࣅͨΑ͏ͳهड़͕ॏෳͯ͠͠·͏

Slide 29

Slide 29 text

TBTTσΟϨΫτϦ DTTσΟϨΫτϦ σΟϨΫτϦߏ੒ TUZMFTDTT FEJUPSTUZMFDTT TUZMFTTDTT FEJUPSTUZMFTDTT @DPOpHTDTT DPNQPOFOUTσΟϨΫτϦ @DPOUFOUTDTT @IPHFTDTT

Slide 30

Slide 30 text

@import “_conﬁg"; h2 { font-size: 24px; color: #70462E; } strong { color: #70462E; font-weight: bold; } em { font-style: italic; font-weight: bold; } editor-style.scss styles.scss @import “_conﬁg"; @import "components/_content"; components/ _content.scss .content { @import "../editor-style.scss"; }

Slide 31

Slide 31 text

σΟϨΫτϦߏ੒ TUZMFTDTT FEJUPSTUZMFTDTT @DPOpHTDTT DPNQPOFOUTσΟϨΫτϦ @DPOUFOUTDTT ؅ཧը໘ʹ༻ʹهड़ @IPHFTDTT classͷதʹimport

Slide 32

Slide 32 text

ϒϩοΫΛ ΧελϚΠζ

Slide 33

Slide 33 text

࠷৽هࣄͷ౤ߘ

Slide 34

Slide 34 text

Advanced Posts Blocks

Slide 35

Slide 35 text

UIFNF UFNQMBUFQBSUT CMPDLT BEWBODFEQPTUTCMPDLT QPTUQIQ σΟϨΫτϦߏ੒ QPTUTQIQ DIJMESFOQIQ ෳ਺౤ߘϒϩοΫɹɹtemplate-parts/blocks/advanced-posts-blocks/posts.php ݸผ౤ߘϒϩοΫɹɹtemplate-parts/blocks/advanced-posts-blocks/post.php ࢠ౤ߘϒϩοΫɹɹɹtemplate-parts/blocks/advanced-posts-blocks/children.php

Slide 36

Slide 36 text

template-parts/blocks/advanced-posts-blocks/posts.php

have_posts() ) : ?> have_posts() ) : $query->the_post(); ?>

Slide 37

Slide 37 text

ϒϩοΫΛ࡞Δ

Slide 38

Slide 38 text

Block Lab

Slide 39

Slide 39 text

1.blocks/{name}/preview.php 2.blocks/preview-{name}.php 3.blocks/preview.php 4.blocks/{name}/block.php 5.blocks/block-{name}.php 6.blocks/block.php Block Lab ͷςϯϓϨʔτ֊૚

Slide 40

Slide 40 text

ϒϩοΫΤσΟλʔ࣌୅ͷ σβΠϯ

Slide 41

Slide 41 text

ϒϩοΫΛ೺Ѳͨ͠ σβΠϯ

Slide 42

Slide 42 text

ϫʔΫϑϩʔ σβΠϯ )5.- 8PSE1SFTT ϫΠϠʔ ϫΠϠʔ ʢϒϩοΫΤσΟλʔʣ σβΠϯ )5.- աڈʹͭͬͨ͘ϒϩοΫΛར༻ɺ ඞཁ࠷௿ݶͷ)5.-੍࡞ 8PSE1SFTT աڈʹͭͬͨ͘ϒϩοΫΛར༻ɺ ඞཁ࠷௿ݶͷϒϩοΫ੍࡞ ͜Ε·Ͱ ϒϩοΫΤσΟλʔ ϫΠϠʔ ʢϒϩοΫΤσΟλʔʣ σβΠϯ ϔομʔɺϑολʔͳͲ )5.- ඞཁ࠷௿ݶͷ)5.-੍࡞ 8PSE1SFTT ඞཁ࠷௿ݶͷϒϩοΫ੍࡞ ϒϩοΫΤσΟλʔ ରԠςʔϚ

Slide 43

Slide 43 text

ϒϩοΫΛࢿ࢈ʹ͢Δ

Slide 44

Slide 44 text

͍͞͝ʹ

Slide 45

Slide 45 text

%FNPDSBUJ[F1VCMJTIJOH ύϒϦογϯάͷຽओԽ

Slide 46

Slide 46 text

XPSEQSFTT 8PSEQSFTT 8PSE1SFTT º º ˓ ϫʔυϓϨεͷਖ਼͍͠௲Γ

Slide 47

Slide 47 text

΢ΟυΡε ΢Οτε ΢Οζ ϫΠζ ϫΠυ XJEUIͷಡΈํ

Slide 48

Slide 48 text

஌ࣝͷౕྴʹͳΒͳ͍ ஌ࣝΛ*OQVUͨ͜͠ͱͰၗຫʹͳΓ ৽͍͠ػձΛଛࣦ͢Δ