![lit.linkのボタンリンク応用編【ワンランク上のページ作成方法!】](https://hint.lit.link/wp-content/uploads/2020/11/lit.linkリットリンク_使い方サムネイル-.008.jpeg)
この記事では、lit.linkの機能の1つである「ボタンリンク」の使い方について詳しく解説します!
lit.link(リットリンク)のカスタムデザインは自由自在です!
様々なカスタマイズ方法がありますが、3回に分け、ワンランク上のカスタマイズ方法をこの記事で覚えて実践してみてください!
![](https://hint.lit.link/wp-content/uploads/2020/11/スクリーンショット-2020-11-11-14.34.39.png)
第二弾はこちらのサンプルの構成方法を解説します!
①YouTubeリンク
![](https://hint.lit.link/wp-content/uploads/2020/11/スクリーンショット-2020-11-13-12.01.21.png)
まずはじめに、YouTubeリンクの追加方法です。
リンク追加項目にて、「動画」を選択します。
![](https://hint.lit.link/wp-content/uploads/2024/04/IMG_9134-838x1024.jpg)
「動画」を選択しますと、このようなボタンが追加されます。
![](https://hint.lit.link/wp-content/uploads/2024/04/IMG_9135-977x1024.jpg)
【タイトル】と【テキスト】を入力します。
![](https://hint.lit.link/wp-content/uploads/2020/11/スクリーンショット-2020-11-13-12.01.21-1.png)
次に【リンク先】を記入します。
全ての記入と選択が終わりましたら、閉じて【保存】を押します。
②ボタンリンク
![](https://hint.lit.link/wp-content/uploads/2020/11/スクリーンショット-2020-11-13-12.20.22.png)
まずはじめに、ボタンリンクの追加方法です。
リンク追加項目にて、「ボタン」を選択します。
![](https://hint.lit.link/wp-content/uploads/2024/04/IMG_9134-1-838x1024.jpg)
「ボタンリンク」を選択しますと、このようなボタンが追加されます。
![](https://hint.lit.link/wp-content/uploads/2024/04/IMG_9136-1024x559.jpg)
【タイトル】と【テキスト】を入力します。
![](https://hint.lit.link/wp-content/uploads/2020/11/スクリーンショット-2020-11-13-12.20.22-1.png)
ここでワンポイントです!
【テキスト】を記入せずに、そのまま保存すると…
![](https://hint.lit.link/wp-content/uploads/2020/11/スクリーンショット-2020-11-13-13.07.54.png)
このように!【タイトル】のみのボタンリンクが作成可能です!
続いて、【リンク先】を設定していきます。
ここでもまたまたワンポイントです!
このように【contact】ボタンがあるのですが、ボタンを押したらすぐメールの画面へ飛べるように設定したいですよね?
![](https://hint.lit.link/wp-content/uploads/2020/11/スクリーンショット-2020-11-13-13.25.42.png)
その場合は【URL】で「メール」を選択し、メールアドレスを記入すればOKです!
最後にサムネイルとして使用するお好きな写真や画像を選択します。
![](https://hint.lit.link/wp-content/uploads/2024/04/Group-1-1024x559.png)
全ての記入と選択が終わりましたら、【保存】を押します。