2025年5月19日

create-block

アイコン付きの囲み枠の作成

こんな感じの枠を作成。 ブロック名：frame-block ここまでの完成形ファイル。できれば左のアイコンとテキストを天地中心に入れたいがうまくいかない。その…

2025年4月27日

create-block

@wordpress/create-blockで自作ブロックに挑戦！

create-blockはWordPressのブロックを作成するための「ひな型」を作成することが出来る。これをインストールして、後は拡張して自作のブロックを作…

2025年5月15日

create-block

create-block { …blockProps }と{ useBlockProps }

ブロックを作成しているとよく見るものだが...何？ 「blockProps」は変数名でなんでも良い、例えば「blockProps2」とか別の名前にしても問題な…

2025年5月13日

create-block

コンソールにログを出力 – create-block

途中のデータがどのように出力されているかを確認するのに便利なconsole.log()を使って見る。 console.log( ); 例えば、いかようにatt…

2025年5月12日

create-block

テキストと背景に「カラー」を設定

「p」タグと「RichText」のテキストと背景の色を変更する単純なブロックを「create-block」で作成。 編集できない<p&g…

2025年5月11日

create-block

数値とスタイルのコントロール

create-blockで作成したひな型を使って枠のブロックとその枠のスタイルを作成。 数値で枠線の太さを変え、スタイルで線を実線や点線、二重線と変更する。色…

2025年5月15日

create-block

「テキスト」と「囲み枠」の色を別々に選択できるようにする

テキストの色をセレクターで選択して設定、囲み枠の色をボタンで設定するブロック。 参考サイト：https://web-children.com/2022/06/…

2025年5月11日

create-block

２つのテキストに別々の色を設定する

ブロック名：Local-Polo/two-colr-settings Warning この機能はまだ実験的です。「実験的」とは、これが劇的で画期的な変更の対象…

2025年5月11日

create-block

create-block「アイコンピッカー」の作成

ブロック名：icon-picker これを作成する。アイコンピッカーで選択したアイコンをブロック内に表示する。 create-blockで作成したデフォルトの…

2025年5月11日

create-block

インスペクターパネルのコントロールの色々な設定

コントロールを最初は非表示にしておく 以下のようにアイコンピッカーなど大きなスペースをとっている。あるいは沢山のコントロールパネルを作成した時、ごちゃごちゃし…