Upgrade to Pro — share decks privately, control downloads, hide ads and more …

カッコいい!ブロック組み合わせのレシピ / WordCamp Japan 2021 Winter03

カッコいい!ブロック組み合わせのレシピ / WordCamp Japan 2021 Winter03

WordCamp Japan 2021 Day3 Winter track 03 「カッコいい!ブロック組み合わせのレシピ」のスライドです。

フォローアップページの全文は、「カッコいい!ブロック組み合わせのレシピ 登壇後フォローアップページ」にてご覧ください。

r360studio 森和恵

June 26, 2021
Tweet

More Decks by r360studio 森和恵

Other Decks in Technology

Transcript

  1. 15

  2. 16

  3. 31 ❹ 独自のスタイルのCSSコードを追加 .heroimg .wp-block-media- text__media img { border-radius: 50%;

    object-fit: cover; } • HTML構造 • CSSの詳細度 を考慮し 追加するセレクタを決める メディアとテキストのHTML構造