![lit.linkのテキストリンク応用編【ワンランク上のページ作成方法!】](https://hint.lit.link/wp-content/uploads/2020/11/lit.linkリットリンク_使い方サムネイル-.001-1.jpeg)
lit.linkとは?
スマホ1つでデザインできる、完全無料のリンクまとめです。
サンプルページを見ると分かりますが、画像や動画などをキレイにまとめる事ができます。
![lit.linkバナー](https://hint.lit.link/wp-content/uploads/2020/12/lit.linkバナー-1024x538.png)
lit.link(リットリンク)のカスタムデザインは自由自在です!
様々なカスタマイズ方法がありますが、ワンランク上のカスタマイズ方法をお教え致します!
![](https://hint.lit.link/wp-content/uploads/2020/11/スクリーンショット-2020-11-11-14.34.56.png)
本日はこちらのサンプルの構成方法をお教え致します!
①ボタンリンク
![](https://hint.lit.link/wp-content/uploads/2020/11/スクリーンショット-2020-11-12-16.02.48.png)
まずはじめに、「ボタンリンク」の追加方法です。
リンク追加項目にて、「ボタンリンク」を選択します。
![](https://hint.lit.link/wp-content/uploads/2020/11/スクリーンショット-2020-11-12-15.12.51.png)
「ボタンリンク」を選択しますと、このようなボタンが追加されます。
![](https://hint.lit.link/wp-content/uploads/2020/11/スクリーンショット-2020-11-12-15.18.30.png)
【タイトル】と【テキスト】を入力します。
![](https://hint.lit.link/wp-content/uploads/2020/11/スクリーンショット-2020-11-12-15.24.42-1.png)
次に【ボタン】のデザインと、【フォント】の色と書体を選択、そして【リンク先】を記入します。
![](https://hint.lit.link/wp-content/uploads/2020/11/スクリーンショット-2020-11-12-15.44.53-1.png)
![](https://hint.lit.link/wp-content/uploads/2020/11/スクリーンショット-2020-11-12-15.34.48.png)
最後にサムネイルとして使用するお好きな写真や画像を選択します。
![](https://hint.lit.link/wp-content/uploads/2020/11/スクリーンショット-2020-11-12-15.18.30-1.png)
全ての記入と選択が終わりましたら、【閉じて保存】を押します。
②3ピクチャリンク
続いて、正方形のピクチャリンクを横一列に3つ設置することが可能な【3ピクチャリンク】の追加方法です。
![](https://hint.lit.link/wp-content/uploads/2020/11/スクリーンショット-2020-11-12-16.02.57.png)
リンク追加項目にて、「3ピクチャリンク」を選択します。
![](https://hint.lit.link/wp-content/uploads/2020/11/スクリーンショット-2020-11-12-15.12.51.png)
「3ピクチャリンク」を選択しますと、このようなボタンが追加されます。
![](https://hint.lit.link/wp-content/uploads/2020/11/スクリーンショット-2020-11-12-16.14.32.png)
ボタンを選択し、編集中の状態の際はボタンの周りにピンクのハイライトが出現します。
![](https://hint.lit.link/wp-content/uploads/2020/11/スクリーンショット-2020-11-12-16.11.48-1.png)
選択されている状態で【タイトル】と【テキスト】を入力します。
![](https://hint.lit.link/wp-content/uploads/2020/11/スクリーンショット-2020-11-12-16.02.57-1.png)
次に【ボタン】のデザインと、【フォント】の色と書体を選択、そして【リンク先】を記入します。
![](https://hint.lit.link/wp-content/uploads/2020/11/スクリーンショット-2020-11-12-15.44.53-1.png)
![](https://hint.lit.link/wp-content/uploads/2020/11/スクリーンショット-2020-11-12-15.34.48.png)
最後に背景画像を選択します。
![](https://hint.lit.link/wp-content/uploads/2020/11/スクリーンショット-2020-11-12-16.11.48-2.png)
全ての記入と選択が終わりましたら、【閉じて保存】を押します。
③テキストリンク
最後に【テキストリンク】の追加方法です!
![](https://hint.lit.link/wp-content/uploads/2020/11/スクリーンショット-2020-11-12-16.24.37.png)
リンク追加項目にて、「テキストリンク」を選択します。
![画像に alt 属性が指定されていません。ファイル名: スクリーンショット-2020-11-12-15.12.51.png](https://hint.lit.link/wp-content/uploads/2020/11/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-2020-11-12-15.12.51.png)
「テキストリンク」を選択しますと、このようなボタンが追加されます。
![](https://hint.lit.link/wp-content/uploads/2020/11/スクリーンショット-2020-11-12-16.32.31-1.png)
【タイトル】と【テキスト】を記入していきます。
![](https://hint.lit.link/wp-content/uploads/2020/11/スクリーンショット-2020-11-12-16.24.37-2.png)
【テキスト】内の文章にリンクを紐づける場合は、紐付けしたいテキストの範囲を選択すると、次のような表示がされるので【リンク】を記入してください。
![](https://hint.lit.link/wp-content/uploads/2020/11/スクリーンショット-2020-11-12-16.32.36.png)
全ての記入と選択が終わりましたら、【閉じて保存】を押します。