始める前に
ビジュアルタブを使えるかどうかは、ご利用のプランによって異なります。使えない場合は、タブにそれを含むプランが表示され、コードエディタは通常どおり使えます。詳しくはビジュアルエディタのプラン別提供状況をご覧ください。コードテンプレートをブロックに変換する
- エディタでテンプレートを開きます。コードで開きます。
- ビジュアルタブをクリックします。ビジュアルに変換ダイアログが開きます。
- 始め方を選びます。
- ページを確認してから保存します。
ビジュアルテンプレートのコードを表示・編集する
- ビジュアルテンプレートでコードタブをクリックします。コンパイルされた Liquid が表示されます。これは、Foliant がブロックとドキュメントスタイルから生成したコードです。読み取り専用です。
- 変更するには、コードを編集をクリックします。以降はコードエディタが有効になり、保存するとコードが保存されます。
- 保存すると、Foliant がコードからブロックを読み取り直すため、テンプレートはビジュアルのまま保たれます。
コードを編集した後でビジュアルに戻す
ビジュアルタブをクリックします。Foliant がコードからブロックを読み取ります。- コードを変更していないブロックは、元のまま戻ります。
- コードがブロックと一致しなくなった部分や、どのブロックにも属さない場所に書かれた部分がある場合は、ビジュアルに戻しますか?ダイアログのカスタム Liquid として保持される部分に、理由とともに一覧表示されます。
- 編集されたコード: ブロックのコードが変更されたため、カスタム Liquid ブロックになります。
- ブロック外に記述されたコード: ブロックの間に追加した新しいコードです。
- 続行するにはビジュアルに切り替えるを、コードの編集を続けるには Liquid のままにするをクリックします。
テンプレートをスターターに置き換える
上部バーの**スターターに置き換える…**を使うと、エディタの内容がすべてスターターテンプレートまたはデザインに置き換わります。スターターはコードテンプレートのため、ビジュアルテンプレートはコードテンプレートになります。保存するまでは何も変更されず、破棄で元の内容に戻せます。補足
- カスタム Liquid ブロックは、他のブロックと同じように移動、スタイル設定、条件の設定ができます。コードは記述したとおりに印刷されます。
- 変換はテンプレートごとに行われ、選択した場合にのみ実行されます。
- 購入したデザインから作成したテンプレートはデザインエディタを使用するため、ここでビジュアルやコードに切り替えることはできません。