エディタの使い方

自分のページを開いて右下の編集ボタンを押すとエディタになります。ここでは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選択解除
?ショートカット一覧を表示

folioaでプロフィールページを作ってみませんか?

登録は1分で完了 — 無料ではじめられます

無料ではじめる