![見出し画像](https://assets.st-note.com/production/uploads/images/20562949/rectangle_large_type_2_64ea5ed9132fc25ee317f4e8db29e1b4.jpg?width=1200)
【Discord】GIFの区切り線を使ったレイアウト工夫
Sorawafと申します!PC版DiscordではGIFを検索・使用する事が出来ます。今回は、そのGIFの区切り線を使用したレイアウト工夫をご紹介します!
![画像1](https://assets.st-note.com/production/uploads/images/20537565/picture_pc_049648414fbd5008522bddca420d22b8.jpg?width=1200)
"rainbow-line"で検索すると、上記の様に区切り線が表示されます。実際の区切り線はGIFなので、下記の様に動きます。
![画像2](https://assets.st-note.com/production/uploads/images/20537610/picture_pc_26e9025f179e7b5ed14f6917cfbebe52.gif)
GIFをそのまま選択して送信すると下記のようになります。
![画像4](https://assets.st-note.com/production/uploads/images/20554158/picture_pc_eac7ee0cb19bf2e08d81caa8c1a65f3a.jpg?width=1200)
URLも一緒に表示されてしまうので、このままではレイアウトには活かし難いですね。そこで、GIFをクリックしてみましょう!
![画像5](https://assets.st-note.com/production/uploads/images/20554202/picture_pc_dad3e18cf70b558ba8e4264de5693532.jpg?width=1200)
"リンクを開く"を押して、GIFを保存します。通常の画像添付と同じ要領で保存したGIFを添付すると…
![画像6](https://assets.st-note.com/production/uploads/images/20554342/picture_pc_a686c1ee796b6e4584558ae0ab57f9e5.jpg)
この様にURL表記が無いのでスッキリします!
実際に区切り線を使った様子がこちら。
![画像3](https://assets.st-note.com/production/uploads/images/20537672/picture_pc_54a63352e20cb27c9f4144f445886ad8.jpg?width=1200)
あくまで一例ですが、上記画像の様に視覚的に空間を分ける効果があります。様々な区切り線のGIFがあるので試行錯誤してみてはどうでしょうか?
『コミュタン』の紹介
コミュニティ運営者の情報共有・交流コミュニティ。様々な施策や事例の共有、コミュニティ運営に関する意見交換を行います。運営ノウハウをもっと深めたい!そんな運営者は気軽に参加くださいませ。堅苦しい場ではなく、温かい感じで気兼ねなく知見を共有出来たら良いですね~!
【タップ/クリック でコミュニティに参加】
※下線部をタップ/クリックでリンク先に移動します。
『MSS』の紹介
Discord運営の初歩的な情報が交わされているコミュニティです。サーバー設定やBot操作方法から、運営に関する質問のやり取りなど。『コミュタン』と一緒にご活用くださいませ。
【タップ/クリック でコミュニティに参加】
※下線部をタップ/クリックでリンク先に移動します。
耳寄り情報:画面下の♡を押すと、「スキした記事」の一覧に保存されます。ブックマークのように後から読み返せるので、是非使ってみてね。
執筆者:Sorawaf(Twitterはこちら)