Pickles 2

Broccoli の基本操作

ブロックエディタ "Broccoli" による基本的な編集操作の流れについて説明します。

モジュールを追加する

モジュールパレットからモジュールを選択して、レイアウトビューにあるアペンダーへドロップします。

インスタンスを編集する

インスタンスを選択して、ダブルクリックすると、インスタンスの編集ウィンドウが開きます。

編集ウィンドウでは、モジュールが定義したテキストや画像などの編集欄が表示されます。編集したら、OKボタンを押します。

インスタンスを移動する

配置したインスタンスは、ドラッグ&ドロップで移動することができます。

移動先を迷う場合は、ドロップインジケーターを参考にしてください。

インスタンスを削除する

不要な要素を削除するには、 選択して deleteキーを押します。

または、選択したインスタンスをダブルクリックして編集ウィンドウを開いたあと、右下の「このインスタンスを削除する」ボタンをクリックするか、 選択したインスタンスを右クリックして「削除する」を選択します。

プレビューする

編集がある程度進んだら、プレビューボタンをクリックして表示を確認してみましょう。

ブラウザを使って、実際の表示が確認できます。ウィンドウを狭くすれば、レスポンシブデザインの確認もできます。

編集を終了する

画面右上の「完了」ボタンをクリックして、編集を終了します。