記事は統一感を出したいのでルールを決めています。
不具合を避けるため、テキストエディタのみで書いてください。
基本的にpタグとdivタグを利用してください。
タグが何もない文章は勝手にpタグが入るので、書くのが手間な場合は省いてもらって大丈夫です。(pタグにはmargin-bottom:2em;
が含まれています)
改行にbrタグは使えません。代わりに
を利用してください。
下記以外に使いたいものがある場合はタグ内にCSSを直書きしてください。
(例:<p style="color:red;">テキスト</p>
)
見出し
見出しは二つ。中見出しが一番大きく、その次に小見出しを使います。
(ちなみに大見出しは記事のタイトルです)
中見出し
小見出し
最小見出し
色文字
強調したいところなどに使えます。が、HTML的には強調の意味はなく、単に色を変える役割となっています。HTML的に強調する場合は<strong></strong>
で囲ってください。
色文字(ベース)
マーカー
強調したいところなどに使えます。が、HTML的にはmarkタグ自身に強調の意味はなく、単に色を付ける役割となっています。HTML的に強調する場合は<strong></strong>
で囲ってください。
マーカー(ベース)
要点・注意点
要点となる説明に使ってください。
要点(ベース)
注意点となる説明に使ってください。
注意点(ベース)
引用
引用するところに使ってください。
引用(ベース)
引用(文章+URL)
枠組み
枠組みは補足やクリエイター情報などを囲うのに使います。
枠のベース
classに「wrap」を入れると透明の囲いが生成されます
枠+線
枠組みに線だけをつけた場合
枠+背景
枠組みに背景だけをつけた場合
ボタン
フォントサイズ
文字の大きさの設定です。
フォントサイズ10px
フォントサイズ11px
フォントサイズ12px
フォントサイズ14px
フォントサイズ16px
フォントサイズ18px
フォントサイズ20px
フォントサイズ22px
フォントサイズ24px
マージン
マージンの設定です。
m-b_**
はmarginの下だけを指定できます。 指定できる値は0から5ずつ増えていき100まで指定できます。
m-tb_**
は上下等幅のmarginを指定できます。 指定できる値は以下になります。
パディング
パディングの設定です。
p_**
は上下左右等幅のpaddingを指定できます。指定できる値は以下になります。
p-tb_**
は上下等幅のpaddingを指定できます。指定できる値は以下になります。
p-rl_**
は左右等幅のpaddingを指定できます。指定できる値は以下になります。
コニトピ
コニートピックスのテンプレートです。臨機応変に使ってください。
今後、使い勝手を良くするために追加したり変更したりするかもしれません。