![見出し画像](https://assets.st-note.com/production/uploads/images/93224531/rectangle_large_type_2_ac0ba7425c32eb58cf58051372f78149.png?width=1200)
デザインパーツについて
今回はCLINKmeで利用できる「デザインパーツ」について解説します。
CLINKmeについて知りたい方はこちらの記事も参考にしてくださいね。
デザインパーツとは?
デザインパーツはCLINKmeを装飾するアイテム。
YouTubeやTwitterアカウントを紹介しているリンクを罫線で区切ったり、タイトルを入れたりすることができます。
デザインパーツを設定する主な手順は以下の通り。
ログインし「編集ボタン」をタップ
スペース・罫線・タイトルから追加したいパーツを選ぶ
矢印で位置を変更する
保存して完成!
手順を詳しくみていきましょう。
デザインパーツの設定方法
CLINKmeへログインを行う
こちらのページからログインを行います。
![](https://assets.st-note.com/img/1668063081552-87lF5yBxvq.png?width=1200)
編集ページのプラスボタンで編集
編集ボタンを押下し、編集ページを開きます。
![](https://assets.st-note.com/img/1670478225791-iVfmrnDHuk.png?width=1200)
編集ページの下部にある「+(プラスボタン)」をタップ。
![](https://assets.st-note.com/img/1668136423378-pottR3WaSo.png?width=1200)
リンクタイプとデザインパーツを選択するポップアップが開くので「デザインパーツ」を選択します。
![](https://assets.st-note.com/img/1668136730003-cz6SxMTnlD.png?width=1200)
デザインパーツを選択すると、「スペース・罫線・タイトル」の3種類が表示されます。
それぞれどんなときに使用するものなのか簡単に解説しますね。
①スペース
リンク同士の余白を取りたい場合に利用するパーツです。
![](https://assets.st-note.com/img/1668136963040-jBwFzWHEGI.png?width=1200)
スペースの幅は「小・中・大」から選択可能。
前後のバランスを見て、どの程度余白を取るか決定しましょう。
![](https://assets.st-note.com/img/1668137099242-P6Vrt2pVny.png?width=1200)
②罫線
SNSごとにリンクを区切ったり、SNSとほかのページ(公式ページなど)を区別したい場合に利用します。
![](https://assets.st-note.com/img/1668138117265-KpoFCXxn2P.png?width=1200)
実線や点線などの定番なものから、ハートやフラワー、わんちゃん・ねこちゃんといった変わり種まで、全20種類の罫線から選択できます。
![](https://assets.st-note.com/img/1668137396199-GKX3QOtql5.png?width=1200)
罫線はフォントカラーとは別に好きなカラーを設定できるので、オリジナリティあふれるページが作成可能です。
![](https://assets.st-note.com/img/1668137698803-MhsoQhXZw5.png?width=1200)
フォントカラーの変更についてはこちらをご覧ください。
罫線のカラーを変更する場合には、必ず「適用する」ボタンを押して色の確定を行ってくださいね。
![](https://assets.st-note.com/img/1668137894926-ex38sP8sI0.png?width=1200)
③タイトル
お好きなテキストを入れて、タイトルを作成できます。
![](https://assets.st-note.com/img/1668143919361-IFA15iLhiZ.png?width=1200)
紹介するSNSやページのタイトルを入力することで、より見やすいページに仕上がりますよ。
![](https://assets.st-note.com/img/1670478171358-UKS8Zo2mkG.png?width=1200)
矢印で位置を調整
編集したパーツは、それぞれに矢印が表示されています。
![](https://assets.st-note.com/img/1668144684350-XYHbrTl7XH.png?width=1200)
矢印部分をタップすると上下に動かすことができるので、配置したい場所まで移動させましょう。
![](https://assets.st-note.com/img/1668144998224-cVEqGI7BH9.png?width=1200)
保存して完成!
デザインパーツを制作し、位置を決めたら右上の「保存する」ボタンを押して完成です。
![](https://assets.st-note.com/img/1668147097752-FNTDkobK2q.png?width=1200)
ほかにもデザインパーツを追加し、完成したページがこちら!
![](https://assets.st-note.com/img/1668146100196-kfCsJUunvB.png?width=1200)
デザインパーツを使用することで、見た目も華やかになり、リンクが貼られている場所も一目で分かりやすくなりますよね。
スペース・罫線・タイトルを活用して、あなただけのCLINKmeを作りましょう!
この記事が気に入ったらサポートをしてみませんか?