シンプルリンク作成くん

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

URL : https://k-editor.com/editor/link/

## 基本

シンプルリンクは文字通りシンプルなリンクを作るためのものです。カラー文字にリンクが付けられるようになったものです。デフォルトでは以下のコードが出力されます。

<a style="font-size:14px;color:#1b8ef3;line-height:1.5;" href="https://syosetu.com/" >リンクサンプル</a>

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

・font-size: 文字サイズ設定

・color: 色設定

・line-height: 行間設定

href:リンク先のURL

詳細設定を開くと、文字サイズ、行間、下線、太字設定が可能になります。

手軽にリンクを作成したい場合に使えます。

また現在のブラウザのタブではなく別のタブで開くようにも設定可能です。

## テンプレート

デフォルトの色としていくつか用意しています。上部にあるテンプレ色から選択すると開発者が適当に選んだ色が選べます。

また、カスタムテンプレートの設定の項目で”この設定を保存する”ボタンを押すと現在設定している色、文字サイズ、行間、下線、太線設定がブラウザに保存されます。

保存した場合、次に同じページを訪問した時にテンプレ色の選択肢に表示されます。

## コード説明

リンク先を新しいタブで開く設定にした場合は以下のコードが出力されます。

<a style="font-size:14px;color:#1b8ef3;line-height:1.5;" href="https://syosetu.com/" target="_blank">リンクサンプル</a>

target="_blank"　これを指定することで別タブで開くことができます。

なお、よく使われるアンカー機能は小説家になろうでは使えません。まぁ使おうと思えば一部は使えますが、無理やりすぎるので推奨はしませんが一応説明しておきます。

リンクURLに#を付けることでページ内のIDに飛ぶことができます。ただ、小説家になろうではクッションページを挟むため相対パスでは動作しません。ではどうするかというと絶対パス表記にします。

例えば”https://mypage.syosetu.com/mypageblog/view/userid/1090932/blogkey/3077393/”のコメント欄id="blog_comment"に飛ぶリンクを作成したいとします。

その場合は

<a href="https://mypage.syosetu.com/mypageblog/view/userid/1090932/blogkey/3077393/#blog_comment">コメント欄へ</a>

のように書くことができます。ページ内リンクを動作させるためにそのページのURLが必要なので手間がかかるのであまり使えないですが、できないことはない感じです。

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

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