rectangle_large_type_2_0571e61ce849d524bdb695d3dffee2dc.webp

今回はリンクタイプとして設定したボタンの形や、カラーの変更方法について解説します。

※ボタンの設置方法については、こちらを参考にしてください!

1.編集画面を開く

ログイン後、ホーム画面下部にある**「編集」**をタップします。

「編集」をタップ

「編集」をタップ

編集画面に切り替わったら、画面上部の5つのアイコンの中から**「ボタン」**を選択します。

「ボタン」を選択

「ボタン」を選択

2.ボタンの形を選択する

ボタンの編集では、ボタンタイプとして挿入したリンク(下記画像:オレンジで表示されている部分)の形やカラーを変更できます。 選べるボタンは全14種類あります!

ボタンの形を選択

ボタンの形を選択

例えば、「角丸+点線」のパターンを選択すると、枠が点線になり背景が透過されます。 透過の度合いやカラーは好きなものに変更可能なので、お好みのデザインを選択後、調整しましょう。

「角丸+点線」を選択パターン

「角丸+点線」を選択パターン

他には、影が表示される立体的なデザインのボタンなどもあります。 ページに立体感を出したい方におすすめです。

立体的なデザインボタン

立体的なデザインボタン

3.ボタンカラーを選択する

ボタンのデザインが決まったら、カラーを変更していきます。 ボタンカラーは、左側にある**「カラーパレット」**をタップして変更することが可能です。

「カラーパレット」をタップ

「カラーパレット」をタップ

カラーパレットを押すと**「背景」「枠線」「影」**の3箇所のカラーを変更できます。 今回は背景を白、枠線は文字色と同系色、影のカラーはくすみピンクにしてみました。

カラーパレット(背景→枠線→影)

カラーパレット(背景→枠線→影)