TOPウィジェット作成制作:カードの全体設定                                                           
最終更新日 : 2022/04/18

制作:カードの全体設定                                                           

新規作成 > 基本設定 > 表示タイプ(カードタイプ)

OPTIOの編集画面では、デザイン、形状、色、画像、配置など、サイトのデザインに合わせてカードを簡単に作成できます。カードの上限作成数は30枚です。

スクリーンショット 2022-03-14 21.04.21.png

このカードを最初に表示する

チェックをすることで、どのカードでも最初のカードとして表示することができます。
複数のカードを作成した場合にご活用ください。

スクリーンショット 2022-03-15 12.29.11.png

スクリーンショット 2022-03-09 11.18.05.png

カードの幅を変更する場合、「つまみを左右に動かす」または「ピクセルを指定する」のどちらでも操作可能です。サイズ制限は以下の通りです。
ポップアップ:200px〜600px
埋め込み:200px〜1200px

上下余白、左右余白

カードの内側に対して余白を追加する場合、任意のピクセルを指定できます。初期値は16pxに設定されています。

スクリーンショット 2022-03-09 12.06.51.png

角の丸み

角の丸みを変更することができます。0px〜50pxの範囲で設定できます。

スクリーンショット 2022-03-09 12.06.40.png

シャドウ 

ウィジェットの表示でポップアップを選択した場合、カード全体に影をつけることができます。

スクリーンショット 2022-03-09 12.06.22.png

背景色、枠線の色

背景色や枠線の色を変更する場合、「カラーコードを指定」または「カラーボックスから任意の色を選択する」ことができます。

スクリーンショット 2022-03-09 12.06.09.png

背景画像

ドロップまたは選択することでカード全体に画像を設定することができます。ドラッグ&ドロップもしくはファイルを選択してください。ファイル形式は、JPG、PNG、GIFが設定可能です。最大サイズは「5MB」です。

スクリーンショット 2022-03-09 12.05.52.png

背景画像の透明度

背景画像の透明度0%〜100%までの範囲で設定できます。

スクリーンショット 2022-03-14 21.09.45.png

枠線の太さ

枠線の太さを0px〜5pxまでの範囲で設定できます。デフォルトは1pxです。

スクリーンショット 2022-03-14 21.10.49.png

X軸、Y軸の位置

ウィジェットの表示でポップアップを選択した場合、表示される位置を調整することができます。例えば、チャットボットを設定している場合、チャットボットとカードが重ならないようY軸(上下)またはX軸(左右)にずらすことでユーザー体験を損なうことなくアプローチができます。0px〜200pxの範囲で設定可能です。

スクリーンショット 2022-03-09 12.05.31.png

プレビュー(デバイス切り替え)

デスクトップバージョンとモバイルバージョンの両方のプレビューがあり、アイコンをを押すことで切り替えることができます。

スクリーンショット 2022-03-09 12.02.59.png

複製、削除、追加

「+」アイコン:+アイコンを選択することでカードを新規作成することができます。
「複製」アイコン:複製アイコンを選択することでアイテムを複製することができます。
「ゴミ箱」アイコン:ゴミ箱アイコンを選択することでアイテムを削除することができます。
※この操作を戻すことはできません。

スクリーンショット 2022-03-09 12.02.48.png

カード名変更

カードのタブは任意の位置に移動することができません。作成した順番に右に増えていきます。
カードの名前を変更して、どんな内容かわかりやすいように設定するのがおすすめです。
ただし文字数が30文字以上である場合、タブに表示される31文字目より「...」で省略されます。

スクリーンショット 2022-03-09 12.02.07.png

カード名にスペースを入れたい場合

「option」+「space」でスペースの入力が可能です。