ウィジェットを再編集する（「ページから保存」した固定ウィジェット以外のウィジェットを選択したときのみ）

選択したウィジェットのHTMLとCSSのコードを編集して変更を加えることができます。

1. ウィジェットを選択する

① プレビューにパターンを表示した状態で、ウィジェットを再編集したい挿入済みのウィジェットを直接クリックして選択します。

②「選択中の要素の編集」メニューの［ウィジェットを再編集］をクリックします。

2. ウィジェットを再編集する

① HTMLとCSSのコードを編集します。

② コードの編集が完了したら［プレビューに反映］ボタンをクリックし、編集画面で変更内容が反映されたかどうかを確認します。

③［ウィジェットを更新］ボタンをクリックします。

「コードを編集」パネル

HTML編集画面でコードを編集し、挿入したウィジェットに変更を加えることができます。

［CSS］のタブをクリックするとCSS編集画面が表示されます。

CSS編集画面でコードを編集し、挿入したウィジェットに変更を加えることができます。

コードの編集が完了したら［プレビューに反映］ボタンをクリックします。

コードが長く編集しづらい場合は、［別ウィンドウで編集］ボタンをクリックし「コードを編集」のダイアログが開きます。

編集が完了したら［プレビューに反映］ボタンをクリックします。

編集画面で変更内容が反映されたかどうかを確認し［ウィジェットを更新］ボタンをクリックします。

「ウィジェットの再編集を適用」のダイアログが表示されるので［ウィジェットを更新］ボタンをクリックします。