エディタの使い方
自分のページを開いて右下の編集ボタンを押すとエディタになります。ここではPC・スマホ両方の操作をまとめます。
カードを追加する
- 下部ドックの「+」 → 一覧から選ぶ (カテゴリで絞り込みできます)
- キャンバスを右クリック → 「ここにウィジェットを追加」— クリックした場所が新しいカードの中心になります
配置とスナップ整列
カードはドラッグで移動、四辺・四隅で大きさを変えられます。移動中は自動で吸着ガイドが働きます:
- 他のカードの端・中心、キャンバスの中央線にピタッと吸着 (ガイド線が表示されます)
- リサイズ中は他のカードと同じ幅/高さにも吸着 (基準カードが破線でハイライト)
- 吸着したくないときはドックの磁石アイコンでOFF
- カードを掴んだまま画面の上下端に近づけると、ページがスクロールして遠くまで運べます
細かい調整は選択中に矢印キーで1pxずつ、Shift+矢印で10pxずつ動かせます。下に出る座標チップから中央揃えもできます。
編集のやり直し (Undo / Redo)
操作はすべて履歴に記録されます。Ctrl+Zで元に戻す、Ctrl+Shift+ZまたはCtrl+Yでやり直し。 スマホでは下部バーの矢印ボタンが同じ働きをします。
保存・破棄・プリセット適用をまたぐUndoはできません (そこで履歴がリセットされます)。
中身とスタイルの編集
- カードをダブルクリック (またはギアアイコン) で編集モーダルが開きます
- 内容タブ — テキストや画像、リンクなどそのカード固有の設定
- スタイルタブ — フォント・背景色・枠線・角丸・グロー・常時アニメーションなど。全カード共通の項目です
- スタイルは「スタイルプリセット」からワンタップで適用もできます
自由配置とベントレイアウト
ドックの切替で2つのレイアウトモードを行き来できます。自由配置はピクセル単位で好きな場所に置けるモード、ベントはグリッドに整列するモードです。両方のデータは別々に保存されるので、切り替えても配置は失われません。
スマホでの編集
- スマホでは縦一列の並び替えエディタになります。カード右上の ≡ ハンドルを掴んで並び替え
- 目のアイコンで「スマホでは非表示」にできます (PC表示はそのまま)
- 画像やギャラリーはS/M/Lで高さを選べます
- カード追加は「いま見ている位置」の近くに挿入されます
ショートカット一覧
| 右クリック | その場所にウィジェットを追加 |
| ダブルクリック | カードの内容を編集 |
| 矢印キー / Shift+矢印 | 1px / 10px 移動 |
| Ctrl+Z | 元に戻す |
| Ctrl+Shift+Z / Ctrl+Y | やり直す |
| Esc | 選択解除 |
| ? | ショートカット一覧を表示 |