オリジナルWordPressテーマを完成させ画面デザインを行う特別集中講座

オリジナルWordPressテーマを完成させ画面デザインを行う特別集中講座 2017．1．21，28 WordPressで見栄えのするペライチページの作り方講座

2 講座のレジュメ ◆21日(土) １．WordPressテーマの仕組み解説２．PHPの基本（これだけ覚えればとりあえす大丈夫）３．２を応用したテンプレートタグの事例４．PHPとテンプレートタグ実習（例）５．間違いやすい箇所の改善法について

3 講座のレジュメ ◆28日(土) １．トピック：使用すべきプラグイン、使用しない方がよいプラグイン２．主要テンプレートの作成の解説３．主要テンプレートの作成実習４．CSS設計とSassの使い方５．CSSフレームワークの使い方６．Webフォント、Webアイコンの使い方

4 講座のレジュメ +カッコよく見せるデザインのコツがわかる　すぐにお客がつくコンテンツの書き方がわかる

5 この勉強会で学べること WordPressとは何か？がわかる WordPresで自分のテーマを持てる普段の「モヤモヤ」が０．５％ ※過去参加者体感値解消できる

6 対象 6 Webデザイナー・フルスタックWebデザイナーフロントエンドエンジニアエンジニア HTMLやCSSが少し分かる起業家・サムライ業の方企業のWeb担当者

7 目的テーマの選び方がわからないテーマを自由にデザインするには？ WordPressを一通り学びたいという人のために企画しました。この勉強会は、

講師プロフィールクリエイティブコーチ／Webクリエイター。・Webデザイナーとして22年のキャリア・講師としての経験5年・教えた生徒の数：120人・創ったWebの数：120 ・ベンチャー事業の立ち上げに関わった数4件・新規事業立ち上げ数3 ・マーケティング・コンテンツ企画提案の数3桁・広告効果測定の改善提案数22件
・東京藝術大学美術学部卒夏本健司

３桁のサイト構築を経験。おそらく

８０名以上にWordPress をレクチャー。 2013年から

11 結果の出る学び方・出ない学び方１つのやり方、１つの技術に固執しない点と点を線にして面を増やすイメージが大切全体と部分の関係性を常に意識すること手段でなく、目的にフォーカスすること順算ではなく逆算思考で考える結果の出る人の学び方は、結果の出ない人はその逆をやる

12 言葉の定義 WordPress テーマテンプレートテンプレートタグテンプレート階層カスタム投稿タイプ独自テーマ・既存テーマプロダクトの名前
サイトの外観・テンプレの集合体テーマの部分データの置き換え呪文テンプレートの名前決めルール投稿の追加方法自作のテーマ、人のテーマ

13 テーマを選ぶ上での問題点既存テーマの中から選ぶすでに完成しているので、拡張性が低い（☓）・レイアウト変更やデザイン変更時に困る・カスタマイズがうまくいかなくて妥協する・顧客ニーズや仕様が満たされない

14 テーマを選ぶ上での問題点独自テーマを作るゼロから作るので拡張性は期待できるが時間がかかる・正しいテーマの作り方がわからないので手探り・書籍やセミナーを参考にするがいまいち・途中であきらめるケースも

15 そもそもCMSは・・・テンプレートは案件ごとに、ゼロから作るサイト設計とCMS設計は別に行う・サイト設計後にテンプレートを作るので、個々のサイトにフィットするのは、あたり前。・書籍やセミナーを参考にするがいまいち・途中であきらめるケースも

16 予算的にも、納期的にも、そして技術的にも、、、じっくり作り込んでいられない！！！しかし実際は、無理！　無理！　無理！

17 「汎用テーマ」のススメどんなサイトにも使える「汎用テーマ」があれば仕事の効率が上がり、思ったようにカスタマイズできるようになる。・半分出来てたら、あと半分を作るだけ・インストール後の面倒をまるごとカット・既存テーマとフルカスタマイズの丁度中間・仕様が統一されるので、ミスや手戻りがなくなる

汎用テンプレートがあれば・・・どんなサイトも！

22 とはいえ、私、PHPが・・・とりあえずPHPの知識は必要なしコピペで最低限のテンプレートがわずかな時間で構築できる！・CMSプロトタイプという考え方・構造を先に、細部はあとで！・動くサイトがあれば、意思疎通しやすい合議をとりやすい

23 「汎用テンプレート」の制作実演をします。それでは、 www.iaowd.com/p-lesson/ 「独自テーマをゼロから作る」

オリジナルWordPressテーマを完成させ画面デザインを行う特別集中講座

オリジナルWordPressテーマを完成させ画面デザインを行う特別集中講座

Designsprint

More Decks by Designsprint

Other Decks in Design

Featured

Transcript