>> 未経験から「ブログを仕事にする」メール講座はこちら

【JIN】画像の横に折り返して文字入れする方法(クラシックエディタ)

当ページのリンクには広告が含まれています。
【JIN】画像の横に折り返して文字入れする方法(クラシックエディタ)

今回は、JINユーザー向けに画像の横に折り返して文字を入れる方法について、解説いたします。

ブロックエディタの「2カラム」と同じようなイメージで、完成形はこのようになります↓

JINで画像の横に文字入れする方法

「JINユーザー向け」と書きましたが、クラシックエディタ利用者であれば、基本的にどのテーマでも同様の方法で可能なはずです。

ユミ

では早速いってみよう~!

\アドセンス以外の広告を解説/ 
目次

画像の横に折り返して文字入れする方法(JINやクラシックエディタ)

ネットで検索してみると、スタイルシート(css)やプラグインを使用する方法などが出てきます。

しかし、どの方法も若干難解…。

もうちょっと簡単な方法はないのかと思い、色々試行錯誤してみたら楽な方法を見つけたので、ご紹介いたします。

まずは、編集画面で写真を入れて、その下に文章を入力していきます。

画像の横に折り返し文字を入力する手順1

画像の右下にカーソルを合わせ、ドラッグ&ドロップで画像を小さくしていきましょう。

画像の横に折り返し文字を入力する手順2

小さくなりました!

画像の横に折り返し文字を入力する手順3

次に、画像をクリックすると以下のような選択画面が表示されるので、「左寄せ」をクリックします。

画像の横に折り返し文字を入力する手順4

そうすると、このように左側に画像、右側に折り返して文章が表示されました!

画像の横に折り返し文字を入力する手順5

あとは、このまま文章を追加しておけばOK。

ユミ

同様の方法で、右寄せもできますよ。

とっても簡単でしたね!

先に画像だけを入れサイズを調整後、文字を入力すると、改行時に折り返しが正しくされません。

そのため、最初に画像と文字をセットで入れてから、画像のサイズ調整(&左右に寄せる)を行っていくことをおすすめします。

スマホでの表示はどうなる?

この方法で文字入れすると、PC上では左に画像、右に文字という形で表示されます。

しかしこれをスマホで表示すると、上に画像、下に文字がくるのです↓

JINで画像の横に文字入れする方法(スマホ表示)
スマホの表示イメージ

スマホ画面上で左右にそれぞれ画像や文字を表示すると、非常に見づらくなることが予想されるため、自動的にこのような調整がされるのでしょう。

PCと表示が異なるので、この点だけ注意しておいてください。

あとがき

スタイルシート(css)やプラグインを使用せずに、画像のレイアウトを変更できましたね!

案外簡単にできるので、ぜひ便利に使ってみてください。

※GmailやYahooメールをおすすめいたします。Hotmail、iCloudメールでは受信できないことがあります。
よかったらシェアしてね!

この記事を書いた人

初心者向けのブログ術&アドセンスの収益化をメインに発信中/2019年に複数のクリック型広告を組み合わせる「他社広告戦略」を開発/これまでに約50種類の広告を試し、同じアクセス数でもブログの収益性を2倍以上に改善した事例多数/月収10~420万円の収入を得るコンサル生さんを輩出中/ブログで収入を得たい初心者の方へ、無料のメールマガジンを配信しています

コメント

コメントする

CAPTCHA


目次