MaruPOP

テンプレートMaruPOP用のブログです。

【はてなフォトライフ】画像の見え方サンプル

画像挿入サンプル

画像を挿入したときのサンプル記事です。

回り込み

f:id:michiru521:20210122143411j:plain:w300:right

右寄せ

f:id:michiru521:20210122143411j:plain:w300:left

左寄せ

キャプション付き

キャプションをつけた場合、下のデザインになるように設定しています。
:right:leftはききません。(フレーム内で若干右に寄ったり左に寄ったりする程度です)

f:id:michiru521:20210122143411j:plain:w300
キャプションつき画像のサンプル。
キャプションが長くなっても画像の幅に合わせて改行されていきます。

aiuowo

アイウエオ

Point

改行は

<p>文字</p>

もしくは

<br>

でできます。

サイズ指定のない場合

w:数字(もしくはwidth:数字)でサイズの指定なしだと、画像サイズままで表示されます。

width指定なし

キャプションあり

キャプションついてても同様。
デザインは反映されます。

キャプション文字あり、サイズ指定なし

【b,i,s,u,em,strong】文字装飾のサンプル【太字・斜体・打消・下線etc...】

f:id:michiru521:20210126201645p:plain:w300

各種表示サンプル

はてな記法・html直接編集で以下のタグを使用した時に反映されます。

b太字サンプル

この文は普通ここから太字

i斜体サンプル

この文は普通ここから斜体

s取り消しサンプル

この文は普通ここから取り消し

u下線サンプル

この文は普通ここから下線

おまけ

em (ちょっと強調)

この文は普通ここからちょっと強調

<em>ここからちょっと強調</em>

strong(重要な所に)

この文は普通ここからstrong

<strong>ここからstrong</strong>