エディタの使い方

自分のページを開いて右下の編集ボタンを押すとエディタになります。ここではPC・スマホ両方の操作をまとめます。

カードを追加する

• 下部ドックの「+」 → 一覧から選ぶ (カテゴリで絞り込みできます)
• キャンバスの何もない場所を右クリック → 「ここにウィジェットを追加」— クリックした場所が新しいカードの中心になります

カードの上で右クリック (操作メニュー)

カードの真上で右クリックすると、そのカード専用のメニューが開きます:

• 内容を編集 — ダブルクリックと同じ
• 複製 — 内容・スタイル・サイズごと同じカードをすぐ隣に作成
• スタイルをコピー / スタイルをペースト — 背景色・枠線・エフェクトなど「見た目だけ」を他のカードへ移せます (ペーストはコピー済みのときだけ表示)
• 削除

配置とスナップ整列

カードはドラッグで移動、四辺・四隅で大きさを変えられます。移動中は自動で吸着ガイドが働きます:

• 他のカードの端・中心、キャンバスの中央線にピタッと吸着 (ガイド線が表示されます)
• リサイズ中は他のカードと同じ幅/高さにも吸着 (基準カードが破線でハイライト)
• 吸着したくないときはドックの磁石アイコンでOFF
• カードを掴んだまま画面の上下端に近づけると、ページがスクロールして遠くまで運べます

細かい調整は選択中に矢印キーで1pxずつ、Shift+矢印で10pxずつ動かせます。カードの下に出る座標チップから水平・垂直の中央揃えもできます。

編集のやり直し (Undo / Redo)

操作はすべて履歴に記録されます。Ctrl+Zで元に戻す、Ctrl+Shift+ZまたはCtrl+Yでやり直し。スマホでは下部バーの矢印ボタンが同じ働きをします。

中身とスタイルの編集

• カードをダブルクリック (またはギアアイコン、右クリック→内容を編集) で編集モーダルが開きます
• 内容タブ — テキストや画像、リンクなどそのカード固有の設定。編集しながら右側のプレビューに即反映されます
• スタイルタブ — フォント・背景色・枠線・角丸・グロー・常時アニメーションなど。全カード共通の項目です (詳しくはスタイルとデザイン)

自由配置とベントレイアウト

ドックの切替で2つのレイアウトモードを行き来できます。自由配置はピクセル単位で好きな場所に置けるモード、ベントはグリッドに整列するモードです。両方のデータは別々に保存されるので、切り替えても配置は失われません。

スマホでの編集

• スマホでは縦一列の並び替えエディタになります。カード右上の ≡ ハンドルを掴んで並び替え
• 目のアイコンで「スマホでは非表示」にできます (PC表示はそのまま)
• 画像やギャラリーはS/M/Lで高さを選べます
• カード追加は「いま見ている位置」の近くに挿入されます
• スマホからPCレイアウトも編集できます — 下部バーの「PC」切替でPC配置の編集モードに。右側の±ボタンで拡大縮小、「全体」ボタンでページ全体を見渡せます

ショートカット一覧