Ripples Cloud フレームビルダー – DrinkRipples

オリジナルのフレーム（ウォーターマーク）は、YouTube のチュートリアル動画の手順に沿ってアップロードできます。

デザインソフトでフレームを作成する場合は、こちらの記事をご覧ください。

Ripples Cloud フレームビルダーの使い方

フレームビルダーは、Web アプリのスキンで使うオリジナルのフレームを簡単に作成できる新しいツールです。

ログインして移動する：Ripples Cloudにログインし、モバイルセクションのWebアプリフレームをクリックします。
ビルダーを起動する：フレームを作成をクリックして、ツールを開きます。
テンプレートを選ぶ：さまざまなテンプレートが表示されます。スクロールして、イメージに合うものを探してください。フレームの右側の縁に沿ってテキストがカーブするタイプもあります。
画像やテキストでカスタマイズする：
- ロゴや画像を使う場合：画像とテンプレートを置き換えをタップし、使いたいロゴや画像を選びます。
- オリジナルのテキストを使う場合：さまざまなフォント（Pacifico など）から選べます。「タイトル」欄でテキストを編集して、オリジナルのメッセージを入力できます。見出しとタイトルの両方があるテンプレートでは、それぞれフォントを選んでテキストを編集できます。
注：フレーム内の空白部分は、あとで Ripples Web アプリからコンテンツを送るときに、テキストや画像を入れるためのスペースです。
フレームを保存する：カスタマイズが終わったら、作成をクリックします。同じ手順を繰り返して、複数のフレームを作成できます。

作成したフレームを店舗で使うには、Web アプリのスキンに追加します。

Web アプリビルダーを開く：Web アプリビルダーを開きます。
スキンを選ぶ：現在使用しているWeb アプリのスキンをクリックします。
フレーム設定を開く：フレームをタップします。
新規または既存のフレームを追加する：
- このスキン専用のフレームを作成する場合は、ここでフレームを作成ボタンをクリックし、上記と同じ手順でツールを使います。
- 以前に作成したフレームを使う場合は、マイフレームを開きます。追加するフレームを Control キーを押しながらすべてクリックし、保存をクリックすると、Ripples Web アプリのスキンに追加されます。
- Ripples が提供するRipples 共有フレームも追加できます。
タグ付け（任意・推奨）：「enjoy」などのタグを付けておくと、あとでフレームを探しやすくなります。
更新して保存する：更新をクリックすると、新しいフレームが Web アプリビルダーに保存されます。これで新しいフレームを使えるようになりました。