お手紙風割烹作成くん

今回はお手紙風割烹の使い方とどんなふうにカスタマイズができるか説明していきます。

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

## 基本

お手紙風割烹は文字通り手紙風の割烹を作成するための物です。手紙っぽい割烹を作りたいときにお使いください。デフォルトでは以下のコードが出力されます。

<div style="font-family:'Hiragino Mincho Pr6N', 'Hiragino Mincho ProN', 'Yu Mincho', YuMincho, 'Noto Serif JP', serif;color:#333;background-color:#fff;font-size:14px;padding:0 .5em;line-height:22px;background-image:url(https://22980.mitemin.net/userpageimage/viewimage/icode/i503791/);background-repeat:repeat;"></div>

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

・font-family:フォント

・background:背景色

・font-size: 文字サイズ

・padding：内余白

・line-height：行間

・background-image：背景画像

こんな風に活動報告で表示されます。

原稿用紙の時と同じように、文字サイズや、行間などを完全固定しているので指定以外のサイズの要素を入れるとずれます。

できるだけ単品でお使いください。

## コード説明

background-image:url(https://22980.mitemin.net/userpageimage/viewimage/icode/i503791/);の元はこれです。

小さくて見えにくいかもしれませんが、手紙の一マスです。これをrepeatさせて背景画像として設定しています。またフォントは手紙らしく明朝体を指定してます。明朝体がないAndroid端末ではゴシック体で表示されます。

普通であればラインなんかはlinear-gradientなどを使って原稿用紙を作成できるのですが、小説家になろうの割烹では対応していないので苦肉の策を使ってます。力技です。

もしこれ以外のサイズや行間にしたい場合は同じように一マス分のテンプレート画像を作成して行間、文字サイズ、文字間距離を調整しましょう。

リンクを貼ったり色を変えたりするときは文字サイズ、行間指定は行わないようにしましょう。

割烹エディターでは文字サイズ情報など含まれることがほとんどなので貼り付け時にその情報を消す、またはサイズを18pxにしてください。

基本的に変わり種は単品で使うことを想定していますので、他と組み合わせる場合は注意が必要です。

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

ということでお手紙風割烹作成くん（横）の使い方でした。もしよくわからない点などあれば感想などでお知らせください。