【はてなブログ・2018版】コピー可!画像を右・左にして、文章を反対に入力するには?[回り込み解除]

f:id:higehigex:20181126125558j:plainはてな記法で編集をしている方は必見です。

<スポンサーリンク>


はてなブログはてな記法を使っている人が少ないのか、入力方法に関する記事がなかなかないんですよね。

私は「Markdown」、「見たまま」も使ったことがありますが、はてな記法が一番簡単に素早く入力できると思っています。

 

今回は、そんな「はてな記法」での画像の回り込み方法について書きました。

今後記事を書いていく上で大切になってくるので、ぜひ覚えましょう。

この記事でできるようになること

f:id:higehigex:20181126113155p:plain
● 上画像の のように、はてなブログの『はてな記法』編集モードで、「右に画像、左にテキスト」または、「左に画像、右にテキスト」の配置(画像の回り込み)ができるようになる。

のようにテキストの左側入力を解除して、入力することができる。

 

やり方

完成図

f:id:higehigex:20181126113155p:plain

コード紹介

こちらをお手本に、自分の使いたい画像と文章に変更してお使いください。(右にスクロールできます。)

[f:id:higehigex:20180913232751j:plain:right]女性がジャンプして海老反りしているかっこいい画像です。

とてもお気に入りです。
<br clear="all">みんなでやってみましょう!

 

ポイント
番号は上の画像内の番号を指しています。
画像を右側に配置する場合でも、画像 ➡︎ テキストの順番で書くこと。
画像のコードの後に"〜:right"または"〜:left"を書き加えること。
テキストを元の位置から入力したい場合は
<br clear="all">

と入力する。(回り込み解除)


もし回り込み解除がうまくいかない場合、こちらの記事を参考にしてください。

https://www.thinking-samurai.net/entry/2018/11/27/【はてなブログ・2018版】画像回り込み解除がうま

 


 

画像のサイズを変えたい!

画像のサイズも調整することができます。

[f:id:higehigex:20180913232751j:plain:right:w400]

"〜right"の後に":w400"など、wと数字を入力します。400は例ですので、お好きなサイズを確認しながら入力してください。



以上です。


お疲れ様でしたm(__)m



はてなブログを始めたばかりの方は、こちらの本がオススメです。

<スポンサーリンク>