操作マニュアル


 

ブロックパーツの編集操作

ブロックパーツ機能を有効にすると、編集画面上でブロック(div要素)ごとに枠線が表示され、ブロック単位での編集操作が可能になります。

ブロック枠線の表示

(1)編集画面を開くと、ブロックパーツで挿入したパーツの周囲に点線の枠が表示されます。この枠がブロックの範囲を示しています。

ブロックの選択

(2)ブロックの枠線をクリックすると、そのブロック全体が選択状態になり、青い枠線で囲まれます。選択中のブロックの上部にツールバーが表示されます。

ブロックツールバーの機能

(3)ブロックを選択すると表示されるツールバーから、以下の操作が行えます。

外側を選択入れ子になっているブロックの外側(親ブロック)を選択します。
内側を選択ブロック内の子要素を選択します。
コピー選択中のブロック全体をクリップボードにコピーします。
貼り付けコピーしたブロックを選択位置の後に貼り付けます。
AI編集選択中のブロックをAIで編集します。テキストの書き換えや翻訳などが行えます。
削除選択中のブロック全体を削除します。

ブロックの前後に新しいパーツを追加する

(4)ブロックとブロックの間にカーソルを合わせると「+」ボタンが表示されます。このボタンをクリックすると、その位置に新しいブロックパーツを挿入できます。

ブロック内のテキスト編集

(5)ブロック内のテキスト部分を直接クリックすると、通常のテキスト編集が行えます。文字の入力・削除・装飾などはこれまでと同じ操作です。

ブロック内の画像変更

(6)ブロック内の画像をクリックして選択し、ツールバーの「画像の挿入・編集」ボタンをクリックします。

(7)画像の挿入・編集ダイアログが表示されます。「画像のソース」右のボタンから差し替える画像を選択してください。