Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up for free
クライアントワークのオリジナルテーマ制作
Masahiro NAKASHIMA
November 02, 2019
Programming
1
530
クライアントワークのオリジナルテーマ制作
WordCamp Tokyo 2019 セッション。「クライアントワークのオリジナルテーマ制作 〜実務でのWebサイト構築の抑えどころ〜」の資料です。
Masahiro NAKASHIMA
November 02, 2019
Tweet
Share
More Decks by Masahiro NAKASHIMA
See All by Masahiro NAKASHIMA
コロナの時代の WEBサービス 〜WordPressで実現するプラグインや機能の実装〜
kanakogi
0
340
ページビルダーツールを使った「コードを書かない」サイト制作
kanakogi
1
160
Other Decks in Programming
See All in Programming
What's new in Jetpack / I/O Extended Japan 2022
star_zero
1
180
Scrum Fest Osaka 2022/5年で200人になったスタートアップの アジャイル開発の歴史とリアル
atamaplus
1
820
Custom Design Systems in Compose UI
rharter
5
520
React NativeアプリにStorybook CSF3.0を導入しよう
texmeijin
0
160
Running Laravel/PHP on AWS (AWS Builders Day Taiwan 2022)
dwchiang
0
130
#JJUG_CCC 「サポート」は製品開発? - JDBCライブラリ屋さんが実践する攻めのテクニカルサポートとJavaエンジニアのキャリアについて -
cdataj
0
410
【Scrum Fest Osaka 2022】スクラムチームに放り込まれた若手エンジニアの皆さん、どのように技術のキャッチアップをしていくかイメージはついていますか?
miiiki
0
110
I/O Extended 2022 in Android ~ Whats new in Android development tools
pluu
0
530
Cross Deviceチームにおけるスマートテレビアプリ開発ってどんな感じ?
cokaholic
0
120
Web API連携でCSRF対策がどう実装されてるか調べた / how to implements csrf-detection on Web API
yasuakiomokawa
2
310
Oracle REST Data Service: APEX Office Hours
thatjeffsmith
0
700
エンジニアによる事業指標計測のススメ
doyaaaaaken
1
180
Featured
See All Featured
What's in a price? How to price your products and services
michaelherold
229
9.4k
The MySQL Ecosystem @ GitHub 2015
samlambert
238
11k
From Idea to $5000 a Month in 5 Months
shpigford
373
44k
Docker and Python
trallard
27
1.6k
Typedesign – Prime Four
hannesfritz
33
1.3k
Git: the NoSQL Database
bkeepers
PRO
415
59k
Designing for Performance
lara
597
63k
ParisWeb 2013: Learning to Love: Crash Course in Emotional UX Design
dotmariusz
100
5.9k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
29
4.3k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
119
28k
Building Flexible Design Systems
yeseniaperezcruz
310
34k
The Pragmatic Product Professional
lauravandoore
19
3k
Transcript
None
Profile தౡਅ༸ʢφΧγϚϚαώϩʣ ผ໊ϖϯΪϯ 5XJUUFS!LBOBLPHJ 8&#ܥΤϯδχΞɾσβΠφʔ ۠ӋͱϛϟϯϚʔͰࣄ
Profile 8PSE1SFTT ࣄͷݱͰαοͱ͑ΔσβΠϯڭՊॻ ग़൛ٕज़ධࣾ )5.-$44શେࣄయ ग़൛ٕज़ධࣾ
Profile • WP CSV Exporter • WP Theme Test •
Adjust Admin Categories • WP Taxonomy Import • Check Copy ContentsʢCCCʣ ...߹ܭ11ϓϥάΠϯ
Profile ΠϚίί 2005 2019 ϑϦʔͷ8&#σβΠφʔ .PWBCMF5ZQF 8PSE1SFTT )5.-$44 1)1 +BWB4DSJQU
2012 ࣄͷׂ߹ σβΠϯ ϑϩϯτΤϯυ 1)1 8PSE1SFTTؔ
ͣͬͱ ΫϥΠΞϯτϫʔΫ ͬͯ·͢
͓ͬͯ͘ͱ ݱͰʹཱͭ5*14
ཧόʔͷ ѹతଘࡏײ
Admin Bar Position
ຊ൪αʔόʔͰ ςʔϚΛςετ͍ͨ͠
WP Theme Test
ߘϖʔδͷ ΞʔΧΠϒ͕ͳ͍
WP Post Has Archive
"VUIPSϖʔδͷอޢ
wp-login.php
function author_page_redirect() { if( is_author() ) { wp_redirect( home_url()); exit;
} } add_action( 'template_redirect', 'author_page_redirect' ); functions.php
Yoast SEO
ϒϩοΫΤσΟλʔ
ศརͳػೳ
ϚʔΫμϯ͕͑Δ
ϒϩοΫͷίϐʔ͕Ͱ͖Δ
࠶ར༻ϒϩοΫ
ཧը໘ͱ ελΠϧΛ͋ΘͤΔ
ཧը໘ͱελΠϧΛ͋ΘͤΔ ϑϩϯτ ཧը໘
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
h2 { font-size: 24px; color: #70462E; } strong { color:
#70462E; font-weight: bold; } em { font-style: italic; font-weight: bold; } editor-style.css ←ཁૉηϨΫλͰࢦఆ
.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 <div class=“content”> <?php the_content() ?> </div>
ཧը໘ͱελΠϧΛ͋ΘͤΔ TUZMFTDTT FEJUPSTUZMFDTT ࣅͨΑ͏ͳهड़͕ॏෳͯ͠͠·͏
TBTTσΟϨΫτϦ DTTσΟϨΫτϦ σΟϨΫτϦߏ TUZMFTDTT FEJUPSTUZMFDTT TUZMFTTDTT FEJUPSTUZMFTDTT @DPOpHTDTT DPNQPOFOUTσΟϨΫτϦ @DPOUFOUTDTT
@IPHFTDTT
@import “_config"; 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 “_config"; @import "components/_content"; components/ _content.scss .content { @import "../editor-style.scss"; }
σΟϨΫτϦߏ TUZMFTDTT FEJUPSTUZMFTDTT @DPOpHTDTT DPNQPOFOUTσΟϨΫτϦ @DPOUFOUTDTT ཧը໘ʹ༻ʹهड़ @IPHFTDTT classͷதʹimport
ϒϩοΫΛ ΧελϚΠζ
࠷৽هࣄͷߘ
Advanced Posts Blocks
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
template-parts/blocks/advanced-posts-blocks/posts.php <div class="row"> <?php if ( $query->have_posts() ) : ?>
<?php while ( $query->have_posts() ) : $query->the_post(); ?> <div class="col-md-4"> <article <?php post_class('news'); ?>> <div class="news_pic"> <?php the_post_thumbnail('medium'); ?> </div> <h2><?php the_title(); ?></h2> </article> </div> <?php endwhile; ?> <?php wp_reset_postdata(); ?> <?php endif; ?> </div>
ϒϩοΫΛ࡞Δ
Block Lab
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 ͷςϯϓϨʔτ֊
ϒϩοΫΤσΟλʔ࣌ͷ σβΠϯ
ϒϩοΫΛѲͨ͠ σβΠϯ
ϫʔΫϑϩʔ σβΠϯ )5.- 8PSE1SFTT ϫΠϠʔ ϫΠϠʔ ʢϒϩοΫΤσΟλʔʣ σβΠϯ )5.- աڈʹͭͬͨ͘ϒϩοΫΛར༻ɺ
ඞཁ࠷ݶͷ)5.-੍࡞ 8PSE1SFTT աڈʹͭͬͨ͘ϒϩοΫΛར༻ɺ ඞཁ࠷ݶͷϒϩοΫ੍࡞ ͜Ε·Ͱ ϒϩοΫΤσΟλʔ ϫΠϠʔ ʢϒϩοΫΤσΟλʔʣ σβΠϯ ϔομʔɺϑολʔͳͲ )5.- ඞཁ࠷ݶͷ)5.-੍࡞ 8PSE1SFTT ඞཁ࠷ݶͷϒϩοΫ੍࡞ ϒϩοΫΤσΟλʔ ରԠςʔϚ
ϒϩοΫΛࢿ࢈ʹ͢Δ
͍͞͝ʹ
%FNPDSBUJ[F1VCMJTIJOH ύϒϦογϯάͷຽओԽ
XPSEQSFTT 8PSEQSFTT 8PSE1SFTT º º ˓ ϫʔυϓϨεͷਖ਼͍͠௲Γ
ΟυΡε Οτε Οζ ϫΠζ ϫΠυ XJEUIͷಡΈํ
ࣝͷౕྴʹͳΒͳ͍ ࣝΛ*OQVUͨ͜͠ͱͰၗຫʹͳΓ ৽͍͠ػձΛଛࣦ͢Δ
ͭͳ͛Δɻ
5IBOLT