PCでは縦線、モバイルでは横線で区切りたいときありますよね📌 1⃣ カラムブロックで3カラムを設置 2⃣ 中央のカラムのみ幅1px とし、左右は未指定 3⃣ 中央のカラムの背景色を白にし、高さ1px のスペーサーをいれておく ➡️カラムが横並びのとき縦線、縦並びのとき横線が表示 #WordPress #BlockEditor

レスポンシブスタイルをつかってカバーブロックの高さを調整📌 1⃣ 通常はフルハイト 2⃣ 右上 [表示] アイコンより [レスポンシブスタイル] 3⃣ プルダウンより [モバイル] 4⃣ [最小の高さ] を設定 ➡️ モバイルではフルハイトが解除 ブロックエディターでここまでできる🦉 #WordPress #BlockEditor

ブロックには名前をつけられます📌 1⃣ ブロックを選択 2⃣ ツールバーの [⋮] より [名前を変更]3⃣ 名前を入力 ➡️ リストビューに名前が表示される 特にグループブロックに名前をつけておくと、あとからわかりやすいです🐥 #WordPress #BlockEditor

グループ化で効率よく📌 1⃣ リストビューで複数のブロックを選択 2⃣ ツールバーから [グループ化] 3⃣ まとめて移動したり文字色も一括設定✨ カスタマイズがぐっと楽になります😊 #WordPress #BlockEditor

Tokyo WordPress Meetup フォトウォーク in 東京タワーで夜景 でした お月見ダイヤモンドヴェールの東京タワーは、月が見えるように上半分が消灯してます また写真を撮りにいきましょう〜 #WPPhotowalk #WPMeetup #tokyowp

ブロックエディターでマーカー風📌 1⃣ グループブロックで囲んで背景グラデーションを設定 2⃣ 背景タイプ: 線形 / 角度: 0 3⃣ 開始位置(イエロー少し透明)と終了位置(透明)を同じポイントにピタッとくっつける ➡️ 文字の下だけ色がついてマーカーを引いたように見えます #WordPress #BlockEditor

WordPressもくもく勉強会@西新宿 でした 合間にはさんだライトニングトークも面白かった〜 ありがとうございました！ #WPMeetup #tokyowp

好きな単位で設定できるスペーサーブロック📌 実はマウスで上下にドラッグするだけでも高さを調整できるのです🐥 数値を入力しなくてもOK 余白を見ながら調整したいときに✨ #WordPress #BlockEditor

ブロックエディターのリストビューを使ってますか⁉️ 編集画面左上の3本線アイコンをクリックすることで左サイドバーに表示📌 ページ全体のブロック構造を見るだけでなく、ブロックを選択したり移動したり、リストビューでスムーズに編集できます🙂 #WordPress #BlockEditor

WordPress 7.1から使えるレスポンシブスタイル📌 1⃣ ブロック(ここでは見出し)を選択し右上の[表示]をクリック 2⃣ [レスポンシブスタイル]を選択 ➡️ タブレットやモバイルでのスタイルを設定できます モバイルでの文字サイズを調整したり、角丸や間隔を小さくするのもあり #WordPress #BlockEditor