​​デザインからサイトエディターを使ったフルサイト編集で LP → コーヒー屋さんのサイトを作ってみよう
​​

​​Workshop　13:30 開始

​​飛び込み参加OKです

​​

​​自己紹介：mimi

​​
 
User-uploaded image: 119582_1542842936_400x400.jpg
​​Twitterのアイコン
​​いい加減変えようかな
  • ​​山口出身東京在住のWeb / UI デザイナー・開発者。WordCamp Tokyo 2019 実行委員長。
  • ​​大学の研究室のウェブサイトを任された処からこの道に。2つの制作会社に勤務し、現在は夫と二人で一応会社経営、主に受託開発を行う。
  • ​​最近、WCUSで最推しのコアコミッターとのツーショットが撮れてちょっと浮かれている。今気になるのは縦書きエディタの可能性とFigmaとWordPressの連携。
​​
​​最近は主にマカルーデジタルさんという会社の技術顧問とデザイナーをやらせてもらっておりまして、仕事でWordPressの案件をあんまりやってないんですが、奇特な何方かが推してくれたらしく？今日のWorkShopを担当することになりました。
​​みなさまどうぞお手柔らかに、よろしくお願いいたします。
​​
​​また今日はサポートで
​​mikoさん、
​​rinaさん、
​​もいらっしゃいますので、なにか困ったことがあったらお気軽にお声がけください。

​​今日のゴール

  1. ​​InstaWPでWordPressを試す方法を知る
  1. ​​最新のWordPressを試す方法を知る
  1. ​​Figmaでデザインを確認する方法を知る
  1. ​​新しいブロックテーマ（Twenty Twenty Four)を触る
  1. ​​ブロックテーマのカスタマイズ方法を知る
  1. ​​ブロックテーマとデザインシステムの関係を知る
  1. ​​（サイト）エディターをベースにしたワークフローについてみんなで考える

​​​🙅🏻‍♀️​今日はやらないこと

  • ​​オリジナルのブロックテーマを作る（作り方のガイドはします）
  • ​​PHPを書く
  • ​​作ったものをこの場で成果発表とか（なので好きに作ってください）

​​​🥰​歓迎されること

  • ​​言われてない動作を試す
  • ​​間違えたり失敗する
  • ​​バグっぽい挙動を見つけたら報告してみる
  • ​​他の人と交流を楽しむ
  • ​​出来る人は資料を見ながらとっとと先に進んで頂いて全く大丈夫
​​
​​大前提ですが

​​※この内容は私のやり方・考え方で構成されており、公式見解とかでは一切ないです

​​私もまだ全然ブロックテーマに慣れていないので、この機会にフルサイト編集を一緒に触ってみる、ぐらいのでテンションでお願いします。
​​

​​タイムテーブル

  • ​​0. 事前準備と確認　--- 15分（〜13:40)
  • ​​1.ブロックテーマとサイトエディターのウォークスルー　--- 15分（〜13:55)
  • ​​2.デザインを見てみよう　--- 15分（〜14:10)
  • ​​（休憩）　--- 5分（〜14:15)
  • ​​3.ブロックテーマをカスタマイズしてみよう　その1　--- 20分（〜14:35)
  • ​​4.ブロックテーマをカスタマイズしてみよう　その2　--- 30分（〜15:00)