ボックスリンク作成くん
ボックスリンク作成くん
URL : https://k-editor.com/editor/linkbox/
利用用途
・テーブル一覧っぽいリンクを作りたいとき
出力サンプル
今回はボックスリンク作成くんの使い方とどんなふうにカスタマイズができるか説明していきます。
URL : https://k-editor.com/editor/linkbox/
## 基本
ボックスリンクは箱型のリンクを作るためのものです。箱は何段でも積み重ねられるようにしています。テーブルのようなリンク一覧を作ることができます。デフォルトでは以下のコードが出力されます。
<div style="max-width:730px;margin:auto;text-align:center;background:#bbeebb;border:dashed 2px #000000;font-size:20px;font-weight: bold;"><div style="background:#aaeeee;padding:16px;font-size:20px;color:#444444">ヘッダー</div><div style="padding:24px;border-top:solid 2px #eeeeee;"><a style="color:#0033cc" href="" >リンク</a></div></div>
それぞれの意味は以下の通り。
・max-width：最大幅
・margin：外余白
・text-align: 位置ぞろえ
・padding：内余白
・background:背景色
・color: 文字色
・border：枠線
・font-size: 文字サイズ
・font-weight:太字設定
リンクブロックは何段でも増やすことができます。増やしたらそれに応じたテキスト入力部も増えます。
詳細設定を開くと、ヘッダーやリンクブロックの色の変更が可能になります。
## テンプレート
デフォルトの設定としていくつか用意しています。上部にあるテンプレから選択すると開発者が適当に設定したものが選べます。
また、カスタムテンプレートの設定の項目で”この設定を保存する”ボタンを押すと現在設定しているものがブラウザに保存されます。
保存した場合、次に同じページを訪問した時にテンプレの選択肢に表示されます。
よく使う色の設定を作って保存しておくとよいでしょう。
- - - ✂切り取り✂ - - -
ということでボックスリンク作成くんの使い方でした。もしよくわからない点などあれば感想などでお知らせください。
