【はてな記法】画像の位置を変えたいけど、ツールバーにアイコンがない…!真ん中や右に寄せたいとき





寄せたい画像の位置と書き方

真ん中



<center>[f:id:画像:plain:h240]</center>
上のコード [f:id:画像:plain:h240] の解説

f:id:まではそのままで。そのうしろ、「画像」のところから「はてなID」「はてなフォトライフ」の画像IDを入れる。

例⇒ fobitows:20190806171734p

「w」と「h」で画像の大きさを指定
例⇒ :w500(幅 500px) :h350(高さ 350px)



右寄せ(さらに左側に文字を回り込ませる)

吾輩は猫である。名前はまだ無い。どこで生れたか頓(とん)と見當がつかぬ。何でも薄暗いじめじめした所でニヤーニヤー泣いて居た事丈は記憶して居る。吾輩はこゝで始めて人間といふものを見た。然(しか)もあとで聞くとそれは書生といふ人間中で一番獰悪(だうあく)な種族であつたさうだ。此書生といふのは時々我々を捕(つかま)へて煮て食ふといふ話である。


[f:id:画像:plain:h240:right]



左寄せ(さらに右側に文字を回り込ませる)

吾輩は猫である。名前はまだ無い。どこで生れたか頓(とん)と見當がつかぬ。何でも薄暗いじめじめした所でニヤーニヤー泣いて居た事丈は記憶して居る。吾輩はこゝで始めて人間といふものを見た。然(しか)もあとで聞くとそれは書生といふ人間中で一番獰悪(だうあく)な種族であつたさうだ。此書生といふのは時々我々を捕(つかま)へて煮て食ふといふ話である。


[f:id:画像:plain:h240:left]


ちなみに、「:plain」を抜くとなんか変になる。。


ちべっとぎつねさんの記事によると、


「:plain」というオプションが挿入されていますが、このオプションが付いているとブログ上で画像をクリックした時にブラウザ上のビューワで画像が表示されるようになります。
chateau-vulpes.com

とのことです。



キャプションです~


このように貼り付けのときキャプションを指定すると、デフォルトで真ん中寄りになる仕様。

<figure class="figure-image figure-image-fotolife" alt="はてな記法:画像の位置">
  [f:id:fobitows:20230824014328j:plain:title=:alt=:plain:w450]
  <figcaption>キャプションです~</figcaption>
</figure>


そうでないときは、真ん中に寄せたいときだけは HTMLの<center>~</center>タグを使って囲うという、仕様…。う~ん…。

また、

<br clear="all">
を次行に入れておくとその後のレイアウトに影響が出ずに済みます。

chateau-vulpes.com

ということなので、いちおうこのページの画像の下にはすべて打ち込んでみました。