このエントリーをはてなブックマークに追加

Sep

20

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

Registration info

ZoomでFigmaを触りながら参加する

Free

FCFS
16/20

Youtube配信で見る

Free

FCFS
33/35

参加者への情報
(参加者と発表者のみに公開されます)

Description

デザインから考える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/

Media View all Media

If you add event media, up to 3 items will be shown here.

Feed

mimi

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

09/06/2021 18:44

Figma で WordPress のボタンブロックのデザインを作ってみよう を公開しました!

Ended

2021/09/20(Mon)

20:00
22:00

You cannot RSVP if you are already participating in another event at the same date.

Registration Period
2021/09/06(Mon) 18:43 〜
2021/09/20(Mon) 22:00

Location

オンライン

オンライン

Organizer

Attendees(49)

Atsushi Ando

Atsushi Ando

Figma で WordPress のボタンブロックのデザインを作ってみよう に参加を申し込みました!

tomoko todo

tomoko todo

Figma で WordPress のボタンブロックのデザインを作ってみように参加を申し込みました!

Atsuko Oishi

Atsuko Oishi

Figma で WordPress のボタンブロックのデザインを作ってみように参加を申し込みました!

ayase_no_ki

ayase_no_ki

Figma で WordPress のボタンブロックのデザインを作ってみように参加を申し込みました!

ゆう

ゆう

Figma で WordPress のボタンブロックのデザインを作ってみよう に参加を申し込みました!

yuii

yuii

Figma で WordPress のボタンブロックのデザインを作ってみように参加を申し込みました!

TomoyukiKusaka

TomoyukiKusaka

Figma で WordPress のボタンブロックのデザインを作ってみよう に参加を申し込みました!

Arisaaaada

Arisaaaada

Figma で WordPress のボタンブロックのデザインを作ってみよう に参加を申し込みました!

korei

korei

Figma で WordPress のボタンブロックのデザインを作ってみように参加を申し込みました!

emma_boo

emma_boo

Figma で WordPress のボタンブロックのデザインを作ってみように参加を申し込みました!

Attendees (49)