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
クライアントワークのオリジナルテーマ制作
Search
Masahiro NAKASHIMA
November 02, 2019
Programming
1
610
クライアントワークのオリジナルテーマ制作
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
490
ページビルダーツールを使った「コードを書かない」サイト制作
kanakogi
1
220
Other Decks in Programming
See All in Programming
技術的負債と向き合うカイゼン活動を1年続けて分かった "持続可能" なプロダクト開発
yuichiro_serita
0
180
Cloudflare MCP ServerでClaude Desktop からWeb APIを構築
kutakutat
1
590
テストケースの名前はどうつけるべきか?
orgachem
PRO
0
160
EC2からECSへ 念願のコンテナ移行と巨大レガシーPHPアプリケーションの再構築
sumiyae
2
480
ある日突然あなたが管理しているサーバーにDDoSが来たらどうなるでしょう?知ってるようで何も知らなかったDDoS攻撃と対策 #phpcon.2024
akase244
2
7.3k
CloudflareStack でRAGに入門
asahiiwm
0
130
nekko cloudにおけるProxmox VE利用事例
irumaru
3
490
ChatGPT とつくる PHP で OS 実装
memory1994
PRO
3
140
命名をリントする
chiroruxx
1
480
103 Early Hints
sugi_0000
1
280
良いユニットテストを書こう
mototakatsu
11
3.3k
「とりあえず動く」コードはよい、「読みやすい」コードはもっとよい / Code that 'just works' is good, but code that is 'readable' is even better.
mkmk884
5
1.2k
Featured
See All Featured
Producing Creativity
orderedlist
PRO
342
39k
Rebuilding a faster, lazier Slack
samanthasiow
79
8.7k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
49k
StorybookのUI Testing Handbookを読んだ
zakiyama
28
5.4k
How To Stay Up To Date on Web Technology
chriscoyier
789
250k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
44
6.9k
Building Your Own Lightsaber
phodgson
103
6.1k
Building Adaptive Systems
keathley
38
2.3k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
33
2.7k
Why Our Code Smells
bkeepers
PRO
335
57k
Agile that works and the tools we love
rasmusluckow
328
21k
Designing on Purpose - Digital PM Summit 2013
jponch
116
7k
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