
frstest


チェックボックス/ラジオボタン

送信ボタン

テキストボックス/テキストエリア

レスポンシブに対応した表組み

ブロークングリッドレイアウトでメインビジュアルを設計

vw単位でのレイアウト

片側だけブラウザ端まで広がる背景

全幅のセクション背景色

市松レイアウト応用例

市松レイアウト

メディアカード

サムネイルカード

YouTube/GoogleMapの埋め込み

gridが得意とするレイアウト

flexboxが得意とするレイアウト

3つのレイアウトの特徴と主な用途

gridでつくるカード型レイアウト

flex-start+marginでのカード型レイアウト

flexbox/space-betweenでのカード型レイアウト

PCのみの固定レイアウト(アダプティブレイアウト)

コンテンツ単位でブレイクポイントを変更

モバイルファーストとデスクトップファースト

line-height

多段組の可変レイアウト

1段組みの可変レイアウト

get_the_post_thumbnail()

get_the_permalink()

get_post_class()

esc_attr()

ショートコード

single_post_title()

表示設定の「ホームページの表示」

get_the_ID

the_terms()

タクソノミー

post_type_archive_title()

独自のブロックパターンを追加する

ブロックパターンの削除
