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
WordPressのテーマを作る勉強会
Search
Designsprint
December 14, 2016
Design
200
1
Share
WordPressのテーマを作る勉強会
2016年12月15日、23日に開催の勉強会のレジュメです。
続きはこちらから
http://www.iaowd.com/p-lesson/
Designsprint
December 14, 2016
More Decks by Designsprint
See All by Designsprint
spj-01book2019_.pdf
designsprint
0
160
ExOスプリント
designsprint
0
370
designsprint デザインスプリントのすすめ
designsprint
0
190
DESIGN SPRINT lecture and Workshop Strategic IT Management in Yahoo! LODGE
designsprint
1
160
Exponential Transformation - ExO SPRINT
designsprint
3
590
ExO SPRINT 説明会
designsprint
0
130
デザインスプリント1日説明会+ワークショップ
designsprint
0
220
Designsprint-Massive-Transformative-Purpose01.pdf
designsprint
0
310
designsprint-Jobs-To-Be-Done01
designsprint
0
160
Other Decks in Design
See All in Design
全員がアウトプットを出せる時代、 誰を採用する?
nishame
0
560
再設計される業務 - AIにより再設計される "デザインワークフロー" / AI Ops Lab #2 Redesigned orkflows
kgsi
0
680
20251217リビングラボ・トークin尼崎(尼崎おせっかい会議&オトナテラコヤ)
a2k
0
120
図じゃなく言語で描く - Common Ground for Design AI Operations.
kazukiikeda
2
850
絵や写真から学ぶ、要素がもたらす副作用
kspace
0
350
2026の目標「もっと定量的に事業、会社へ貢献する!」
yuri_ohashi
0
830
CREATIVE CLASS受講課題|無印良品を題材としたブランド再構築について
happy_ferret153
0
910
30分でわかるインサイトマネジメント(2025年12月バージョン)
centou
1
650
AI時代に求められるUXデザインのアプローチ
xtone
1
4.8k
図面資産×AI 眠れる資産を起こす挑戦
aonomasahiro
0
130
生成AIの不確実性を価値に変える、「ビズリーチ」の体験設計 / KNOTS2026
visional_engineering_and_design
6
1.2k
Spacemarket Brand Guide
spacemarket
2
840
Featured
See All Featured
Hiding What from Whom? A Critical Review of the History of Programming languages for Music
tomoyanonymous
2
840
Building an army of robots
kneath
306
46k
Lessons Learnt from Crawling 1000+ Websites
charlesmeaden
PRO
1
1.3k
Scaling GitHub
holman
464
140k
Exploring the relationship between traditional SERPs and Gen AI search
raygrieselhuber
PRO
2
4k
Kristin Tynski - Automating Marketing Tasks With AI
techseoconnect
PRO
0
260
A brief & incomplete history of UX Design for the World Wide Web: 1989–2019
jct
2
390
Balancing Empowerment & Direction
lara
6
1.1k
Conquering PDFs: document understanding beyond plain text
inesmontani
PRO
4
2.8k
[SF Ruby Conf 2025] Rails X
palkan
2
1.1k
Navigating the moral maze — ethical principles for Al-driven product design
skipperchong
2
380
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
35
2.5k
Transcript
WordPressのテーマを作る勉強会 ~コピペでできる!シゴトで使える自分だけの独自テーマ~
2 この勉強会で学べること WordPressの本質がわかる WordPressの独自テーマの作り方がわかる 普段の「モヤモヤ」が 0.5% ※過去参加者体感値 解消できる
3 対象 3 Webデザイナー・フルスタックWebデザイナー フロントエンドエンジニア エンジニア HTMLやCSSが少し分かる起業家・サムライ業の方 企業のWeb担当者
4 目的 テーマの選び方がわからない 自分でテーマをどう作れば? WordPressの開発法を一通り学びたい という人のために開きました。 この勉強会は、
講師プロフィール クリエイティブコーチ/Webクリエイター。 愛知県生まれ。東京藝術大学美術学部卒。オンライン学習サイトshcoo(ス クー)、世界最大級のオンライン学習サービスudemy(ユーデミー)公認講 師。国際Webデザイナーズ協会、東京Webデザイナーズ交流会を主宰。群 馬県甘楽町 創業支援塾講師。 1995年からWebの開発を始め、テレビ朝日グループ、電通グループ、キノト ロープ、トランスコスモスで上場企業を対象にWeb戦略と開発の実務に従 事後、現職。
プリセールスから設計・インプリ・運用までこなす活動を身の上としてきた。 同時にMBOや新規事業立ち上げも経験。実績と事例は多数。 夏本健司
3桁のサイト構築を経験。 おそらく
80名以上にWordPress をレクチャー。 2013年から
8 結果の出る学び方・出ない学び方 1つのやり方、1つの技術に固執しない 点と点を線にして面を増やす自分なりイメージが大切 全体と部分の関係性を常に意識すること 正しい学習法は~多くをつめこんで脳に整理させる~ 手段でなく、目的にフォーカスすること できる人は、逆算思考 結果の出る学び方は、 結果の出ない学び方はその逆。
9 言葉の定義 WordPress テーマ テンプレート テンプレートタグ テンプレート階層 カスタム投稿タイプ 独自テーマ・既存テーマ プロダクトの名前
サイトの外観・テンプレの集合体 テーマの部分 データの置き換え呪文 テンプレートの名前決めルール 投稿の追加方法 自作のテーマ、人のテーマ
10 テーマを選ぶ上での問題点 既存テーマの中から選ぶ すでに完成しているので、拡張性が低い(☓) ・レイアウト変更やデザイン変更時に困る ・カスタマイズがうまくいかなくて妥協する ・顧客ニーズや仕様が満たされない
11 テーマを選ぶ上での問題点 独自テーマを作る ゼロから作るので拡張性は期待できるが時間がかかる ・正しいテーマの作り方がわからないので手探り ・書籍やセミナーを参考にするがいまいち ・途中であきらめるケースも
12 そもそもCMSは・・・ テンプレートは案件ごとに、ゼロから作る サイト設計とCMS設計は別に行う ・サイト設計後にテンプレートを作るので、 個々のサイトにフィットするのは、あたり前。 ・書籍やセミナーを参考にするがいまいち ・途中であきらめるケースも
13 予算的にも、納期的にも、 そして技術的にも、、、 じっくり作り込んでいられない!!! しかし実際は、 無理! 無理! 無理!
14 「汎用テーマ」のススメ どんなサイトにも使える「汎用テーマ」があれば 仕事の効率が上がり、思ったようにカスタマイズ できるようになる。 ・半分出来てたら、あと半分を作るだけ ・インストール後の面倒をまるごとカット ・既存テーマとフルカスタマイズの丁度中間 ・仕様が統一されるので、ミスや手戻りがなくなる
汎用テンプレートがあれば・・・ どんな サイトも!
汎用テンプレートがあれば・・・ どんな サイトも!
汎用テンプレートがあれば・・・ どんな サイトも!
汎用テンプレートがあれば・・・ どんな サイトも!
19 とはいえ、私、PHPが・・・ とりあえずPHPの知識は必要なし コピペで最低限のテンプレートがわずかな時間で 構築できる! ・CMSプロトタイプという考え方 ・構造を先に、細部はあとで! ・動くサイトがあれば、意思疎通しやすい 合議をとりやすい
20 「汎用テンプレート」の制作実演をします。 それでは、 www.iaowd.com/p-lesson/ 「独自テーマをゼロから作る」