📖

BASE(ベイス)でユーザがデザイン編集画面で自由に画像、テキストを設定できるようにする方法【HTML編集App】

2023/10/03に公開

デザインオプションは <head> 内に特殊なmetaタグを記述することで独自の変数を設定することができる機能です。
この機能を用いてユーザに自由に画像やテキストを変更できるようにすることが可能です。

詳細はこちらに情報がありますが、よく使う部分だけを抜粋してまとめています。

よく使うコードはこちら

//定義時
<meta name="if:TopImg" content="1" label="■トップ画像がある">
<meta name="image:TopImg" content="https:" label="└画像">
<meta name="text:TopText" content="キャッチコピー" label="∟キャッチコピー">
<meta name="color:ButtonColor" content="#174c4f" label="ボタンカラー">

//使う時
{block:if-TopImg}
{/block:if-TopImg}

{image:TopImg}
{text:TopText}
{color:ButtonColor}

Discussion