← WMT Home
Auto Save ON
No element selected
実サイト確認 / Live Preview読み込んだCSS・JSをできるだけ反映して確認します。編集は「編集表示」で行います。
Parts / Layout

Parts追加

FLBのように骨組みを追加し、そのままSES方式で内容を編集します。

Insert Child

選択中の要素の中へ子要素を入れます。

Section操作

Elements / Layer
Property / CSS / JS

Text / HTML

Plain Textはタグを消して文字だけ反映します。innerHTMLはタグ込みで編集できます。

Insert

選択中の要素の中、または下にHTML部品を追加します。

Insert Grid

Basic Style

Background Designer

Width Mode

Header / Hero / Footer は Full Width Inner、Article / Card / FAQ は Container が基本です。

Box / Layout

Fit Box:選択中の箱を width:100%; box-sizing:border-box にします。Clip Overflow:中身のはみ出しを隠します。

Animation

選択要素にアニメーションクラスを追加します。Generate後のHTMLにも反映されます。

Parts

FLBの部品追加をProperty内からも使えます。

Insert Child

選択中の要素の中に子要素を入れます。

Image / Link

CSS / JS / Full HTML

Table / Form Builder

Table Generator

行数・列数を指定して、選択中の場所にテーブルを挿入します。

Form Generator

基本フォームを自動生成します。項目数を決めて、あとからText編集でラベルやnameを調整できます。

Generated HTML
使用方法