ブログ運営

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

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

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

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

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

 

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

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

\アドセンス以外のクリック型広告を紹介/他社広告 >>無料で受け取る

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

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

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

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

 

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

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

 

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

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

 

小さくなりました!

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

 

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

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

 

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

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

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

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

とっても簡単でしたね!

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

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

 

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

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

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

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

スマホの表示イメージ

 

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

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

あとがき

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

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


メルマガのバックナンバーを読む>>



【期間限定】ブログで月100万を叶えたノウハウを受取る

他にも…
◆ 本当に稼げる他社広告5選
◆ 図解付き!ブログの
開設マニュアル


これらを無料でプレゼント中!

つい数年前まで普通のOLだった私が、たった一つのブログを始めたことで人生が変わりました。

初心者から始めたブログで、4ヶ月で月100万円の収入を叶え、今では時間や場所に縛られない自由なフリーランスとして働いています。

  • 好きな場所、好きな時に働きたい
  • 自宅やカフェで、PC一台で仕事をすることに憧れがある
  • 文章を書く仕事で、月20万円以上を稼ぎたい
  • お金を気にせずに旅行したり、経済的な不安から解放されたい

そんなあなたらしい人生を叶えるために、未経験からブログで収入を得る方法を解説したマニュアルを無料で配布しています。

初めて挑戦される方でも、安心してブログを開設できるよう、図解付きの手順書も併せてプレゼント中!

メルマガ登録者さん限定で、期間限定で配布していますが、いつ有料化するかわかりませんので、今のうちにお受け取りください。

ボタンをクリックして、登録フォームに「名前」と「メールアドレス」を入力したら、プレゼントが手に入ります。


今すぐ無料プレゼントを受け取る

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