アイコンリンク作成くん

今回はアイコンリンク作成くんの使い方とどんなふうにカスタマイズができるか説明していきます。

https://k-editor.com/editor/iconlink/

## 基本

アイコンリンク作成くんは文字通りアイコンによるリンク集を作るためのものです。元ネタの形を採用していますが、中身は少し改造しています。任意の個数での段組みも簡単にできるようにしてます。デバイスの画面幅より小さくなっても自然に改行されるようにしています。デフォルトでは以下のコードが出力されます。

<div style="max-width:730px;margin:auto;text-align:center;padding:20px;background-color:#ffffff;"><div style="max-width:335px;margin:auto;"><a href="https://syosetu.com/" ><img style="margin:5px;" src="https://22980.mitemin.net/userpageimage/viewimage/icode/i497965/" alt="" width="100" /></a><a href="https://syosetu.com/" ><img style="margin:5px;" src="https://22980.mitemin.net/userpageimage/viewimage/icode/i497965/" alt="" width="100" /></a><a href="https://syosetu.com/" ><img style="margin:5px;" src="https://22980.mitemin.net/userpageimage/viewimage/icode/i497965/" alt="" width="100" /></a></div></div>

それぞれの意味は以下の通り。

・max-width: 最大幅

・background:背景色

・padding：内余白

・margin：外余白

・text-align: 位置ぞろえ

max-widthを一番外枠と内側の方に設定してます。内側の方で含めるアイコン個数を制御してます。

最後のwhite-spaceで改行の扱いを変更しています。

詳細設定を開くと、背景画像の変更が可能になります。

画像URLはコピペのみ有効にしています。みてみんのURL（"https://xxxxxx.mitemin.net/ixxxxx/）をコピペして貼り付けると適用されます。

それぞれ違うアイコンに設定することができます。

個数も自由に設定できるので作ったものをバンバン張り付けるとよいと思います。

-　-　- ✂切り取り✂ -　-　-

ということでアイコンリンク作成くんの使い方でした。もしよくわからない点などあれば感想などでお知らせください。