lit.linkのテキストリンク応用編【ワンランク上のページ作成方法!】

lit.linkとは?

スマホ1つでデザインできる、完全無料のリンクまとめです。
サンプルページを見ると分かりますが、画像や動画などをキレイにまとめる事ができます。

lit.lnk(リットリンク)公式ページ

lit.linkバナー

lit.link(リットリンク)のカスタムデザインは自由自在です!
様々なカスタマイズ方法がありますが、ワンランク上のカスタマイズ方法をお教え致します!

本日はこちらのサンプルの構成方法をお教え致します!

①ボタンリンク

まずはじめに、「ボタンリンク」の追加方法です。
リンク追加項目にて、「ボタンリンク」を選択します。

「ボタンリンク」を選択しますと、このようなボタンが追加されます。

【タイトル】と【テキスト】を入力します。

【タイトル】と【テキスト】はこちらの箇所になります。

次に【ボタン】のデザインと、【フォント】の色と書体を選択、そして【リンク先】を記入します。

最後にサムネイルとして使用するお好きな写真や画像を選択します。

紫色の○で囲まれているアイコンを選択肢、お好きな写真などを挿入し、カスタマイズを行ってください。

全ての記入と選択が終わりましたら、【閉じて保存】を押します。

②3ピクチャリンク

続いて、正方形のピクチャリンクを横一列に3つ設置することが可能な【3ピクチャリンク】の追加方法です。

リンク追加項目にて、「3ピクチャリンク」を選択します。

「3ピクチャリンク」を選択しますと、このようなボタンが追加されます。

ボタンを選択し、編集中の状態の際はボタンの周りにピンクのハイライトが出現します。

選択されている状態で【タイトル】と【テキスト】を入力します。

【タイトル】と【テキスト】はこちらの箇所になります。

次に【ボタン】のデザインと、【フォント】の色と書体を選択、そして【リンク先】を記入します。

最後に背景画像を選択します。

紫色の○で囲まれているアイコンを選択肢、お好きな写真などを挿入し、カスタマイズを行ってください。

全ての記入と選択が終わりましたら、【閉じて保存】を押します。

③テキストリンク

最後に【テキストリンク】の追加方法です!


リンク追加項目にて、「テキストリンク」を選択します。

画像に alt 属性が指定されていません。ファイル名: スクリーンショット-2020-11-12-15.12.51.png

「テキストリンク」を選択しますと、このようなボタンが追加されます。

【タイトル】と【テキスト】を記入していきます。

【タイトル】と【テキスト】はこちらの箇所になります。

【テキスト】内の文章にリンクを紐づける場合は、紐付けしたいテキストの範囲を選択すると、次のような表示がされるので【リンク】を記入してください。

全ての記入と選択が終わりましたら、【閉じて保存】を押します。

Twitterでフォローしよう

「Clubhouse」に関する記事一覧
おすすめの記事