目次
ボタンリンクとは
ボタンリンクは、ボタンを作成して、リンクを設定することができる機能のことです。
SNSやHPなどをわかり易く表示することができます。ボタンデザインは7種類あり、色の変更方法も可能です。テンプレートなので初心者でも簡単に作成することが可能です。
ボタンリンクの作成方法
STEP
![](https://link-webdesign.jp/wp-content/uploads/2023/11/mobile-34-3.png)
編集ボタンを押して編集モードに切り替えます。
STEP
![](https://link-webdesign.jp/wp-content/uploads/2023/11/mobile-35-1.png)
「リンクを追加」を押します。
STEP
![](https://link-webdesign.jp/wp-content/uploads/2023/11/mobile-36.png)
「ボタン」を選択します。
STEP
![](https://link-webdesign.jp/wp-content/uploads/2023/11/mobile-45.png)
ボタンリンクのタイトルと説明を入力します。
STEP
![](https://link-webdesign.jp/wp-content/uploads/2023/11/mobile-46.png)
ボタンに使用する画像/イラストを設定します。
オリジナル画像を使用することも可能です。ボタン反映時は正方形になるので使用する画像も正方形にしましょう。
STEP
![](https://link-webdesign.jp/wp-content/uploads/2023/11/mobile-47.png)
保存を押せば完成です!
ボタンデザイン種類と変更方法
リットリンク(lit.link)のテキストリンクでは、ボタンデザインの変更をすることが可能です。
デザインの種類
![](https://link-webdesign.jp/wp-content/uploads/2023/11/mobile-44.png)
- ボタンのデザイン
- ボタンの背景色
- ボタン背景色の透過度
デザインと色の変更方法
STEP
![](https://link-webdesign.jp/wp-content/uploads/2023/11/mobile-34-4.png)
編集ボタンを押して編集モードに切り替えます。
STEP
![](https://link-webdesign.jp/wp-content/uploads/2023/11/mobile-34-5.png)
編集画面左上にある□の「ボタン形状変更ボタン」をクリックします。
STEP
![](https://link-webdesign.jp/wp-content/uploads/2023/11/mobile-44-1.png)
お好みの形状を選択します。
STEP
![](https://link-webdesign.jp/wp-content/uploads/2023/11/mobile-48-1.png)
お好みの色を選択します。
STEP
![](https://link-webdesign.jp/wp-content/uploads/2023/11/mobile-48.png)
右下にある「OK」をクリックします。
ボタンの枠を消す方法
よく質問いただくのが、ボタンの枠を消す方法がありませんかといった内容です。実はありますので紹介したいと思います。
![](https://link-webdesign.jp/wp-content/uploads/2023/11/mobile-49.png)
透過度を最大にすると枠が消えて背景に溶け込むようなデザインを作ることができます。