デザインから考えるWordPress vol.1

Figma で WordPress のボタンブロックのデザインを作ってみよう

こんにちは！「デザインから考えるWordPress」本格始動です✨

WordPress ではブロックを使って積み木みたいにデザインを組み立てていくことができるようになっています。 そのブロックにどんなクラスが使われて、どんなCSSが当たっているのか、ボタンブロックを例に紐解いてみます。 そして、ボタンブロックのデザインを Figma で作ってみましょう！

今回は WordPress と Figma を行ったり来たりして、WordPress にボタンブロックのデザインをどう実装するかまで一緒にやってみる予定です。 ※可能な方はテストできるWordPress環境をご用意ください。

👤 こんな方におすすめ！

• WordPress を使ってのサイト構築でのデザインに興味がある
• Figmaを使ってのサイトデザイン制作に興味がある
• WordPress の進化とともに変わりゆく（かもしれない）サイト制作に興味がある

🗓️ 日時

2021年9月20日 (月) 20:00～22:00（開場： 19:55）

20:30ぐらいまでは聞くだけ参加でも大丈夫なようにしようと思っています。 その後一緒にFigmaを開いて触ってみる時間にします。

🕰️ スケジュール

20:00〜20:15　会の説明

20:15〜20:30　WordPress のボタンブロックを紐解いてみる　

20:30〜21:55　実際に触ってみましょう

21:55〜22:00　締め、次回について

🌍 会場・申し込み方法

オンライン（Zoom）

このconnpassイベントに参加申し込みをすると「参加者への情報 (※参加者と発表者のみに公開されます)」欄にてお知らせします。

※当日はYouTubeでのオンライン配信も予定しています。

🖋️「デザインから考える WordPress」について

WordPress は、日々進化しています。特にブロックエディター（Gutenbergプロジェクト）により革新的に変化しました。そして今後FSE（Full Site Editing / フルサイト編集）という方向に向かって進んでいます。

そういった中でどんな設計思想でWordPressでのサイト構築をしたらより良いのか、ともに紐解き学びながら進んでいけたらと考え、この会を立ち上げました。

それぞれの回によって、デザイン寄りになったりWordPress寄りになったり、もしくは全然違う寄り道もあるかもしれません。

一緒にわいわい話しながら学ぶ人、大歓迎です！

🌟 こんな人が運営してます

mimi

Webデザインを主に、フロントエンド側のアレコレをイジったり、 イラスト描いたり、あらゆる創作が好きです。2003年初めてMTに触れて以来CSSに振り回されっぱなし。基本的に企画・デザイン〜デプロイまでやるタイプの昔ながらのWeb屋です。制作会社勤務を歴て現在は夫と二人で受託開発をしています。2020年9月からVektor, Inc. のお手伝いもさせていただいています。 WordPress.org プロフィール Twitter Photosynthesic

額賀順子

瀬戸内にある人口約160人の島、男木島に住んでいます。フリーランスのWebデザイナー、NPO法人男木島図書館理事長。グローバルコミュニティチームにてDeputyを務める。オンラインWordPress勉強会WP ZoomUP運営中。著書に『WordPressのやさしい教科書。』、雑誌「せとうちスタイル」「みんなの図書館」にて男木島の生活や文化について連載中。 フィルムで写真を撮ってます。 WordPress.org プロフィール Twitter 技術的なことは全く関係ないブログ [Coweb](https://coweb.cc/