アフィピク登録

【画像初心者講座】画像の回りに文字を配置する方法

【画像初心者講座】第5回
画像の回りに、思い通りに文字を配置する方法をご紹介します。

 

画像初心者講座第5回です。

今までの記事は

画像のサイズを変更する方法
画像のサイズ 同じ比率で変更する方法
画像のキャプチャのしかた ~WinShotの使い方
WinShotでキャプチャした画像を整理する方法

と、こんな感じでした。

 

今日は、画像の回りに文字を配置する方法をご紹介します。

あ、この写真はサンプルです。意味はないです^^;

こんなところ、
行きたいですね~ ヽ(´▽`)ノ

 

こんなふうに、写真の左側に文章を配置することもできます。

ワードプレスの場合、
画像を記事に挿入する時に、
どっちにするか、選べますよね。

無料ブログでも、選べるブログあります。

 

ここから先は、ワードプレスを前提にお話を進めますね。

 

えっと、
コードで見てみると、最初の方は、

あとの方は、

ここが違うだけです。

写真が変わっているのに、ファイル名が同じじゃん
と気づいたあなた、鋭いですね~。
そこはスルーしてくださいな^^

 

alignleft だと、画像が左、文字が右。
alignright だと、画像が右、文字が左。
ちなみに、
alignnone になると、文章は回り込まず、画像の次の行から始まります。

 


こんな感じですね。
 

これを知っておくと、
間違えた時に、いちいち画像挿入画面からやり直さなくてもすみます。

 

画像の回りに文字を配置する方法の基本をご紹介しました。

次回は、
こんなふうに、
画像と文章の間隔を空けたり、
延々と画像の右側に
文章を書き続ける方法について
ご紹介します。

けっこうコレができると便利なんですよ^^

 

<NEXT>
画像の回りに余白を作る方法

 

ららサポート

ららの無料レポート

無料オファー攻略レポプレゼント

この記事を読んだあなたには、こちらの記事もオススメです☆

 




最後まで読んでいただき、ありがとうございました。
このブログを「いいな」と思ったら、
下の白いボタンを、1回クリックしてくださいね。
ららに一票入って、人気ブログランキングに飛びます
↓ ↓ ↓

ありがとうございます☆ あなたの1票が、励みになってます^^

 

↑ この動くアバターは、こちらで作っていただきました。
あなたのアバターに命を吹き込む「四次元アバター」

 

「記事が書けない」「ネタが浮かばない」「手が止まってしまう」
そんなあなたへ。
このままだと、せっかくの稼げるチャンスを失ってしまうかも。
そうなる前に、記事の書き方を勉強してみませんか?
満足度98%、ブログ初心者さん向けのライティング教材が好評です。
>>関連記事はココをクリック

 

13 Responses to “【画像初心者講座】画像の回りに文字を配置する方法”

  1. ららさん、こんばんは^^

    お世話になっております、ハヤテです

    最初の内は、画像の挿入や

    文章の配置が結構大変なんですよね

    でも、自由自在に配置できるようになると

    どんなものでも作れるようになるので

    配置関係のHTMLはしっかりマスターしておきたいですね

    それにしても綺麗な風景ですねぇ~

    今日は自分の家の庭から、海を眺めながら記事を書いてます

    な~んてのを、是非やって見たいですね(笑)

    また、伺わせていただきますね

    今日も感謝を込めて、応援ぽちっ(*≧∇≦)ノ凸

    • RARA より:

      ハヤテさん

      いつもご訪問&コメントありがとうございます。

      >今日は自分の家の庭から、海を眺めながら記事を書いてます
      >な~んてのを、是非やって見たいですね(笑)

      ほんとですね!
      いつかそんなこと言えるようなゆったりした生活を
      手に入れたいです~^^

      応援ありがとうございました。

  2. アラタ@ブログアフィリエイト鉄道 より:

    ららさん

    こんばんは。
    アラタです。

    ららさんの情報はいつも為になる情報が多いですね。

    画像周りの設定って知ってるのと知らないのとでは、
    バリエーションがだいぶ変わっちゃいますから、
    いろいろな技は覚えておいた方がいいですよね♪

    応援ぽちっ♪

    • RARA より:

      アラタさん

      ご訪問&コメントありがとうございます。

      >ららさんの情報はいつも為になる情報が多いですね。

      ほんとですか?ありがとうございます。
      これからもお役立ち情報をご紹介できるように
      がんばります^^

      応援ありがとうございました。

  3. ららさん初めまして、小澤竜太と申します^^
    このテクニック、よく使いますよね!

    それにしてもキレイで分かりやすい記事でした!
    見習いたいものです。

    応援済みです!

    • RARA より:

      小澤竜太さん

      ご訪問&コメントありがとうございます。

      >それにしてもキレイで分かりやすい記事でした!

      ありがとうございます。
      そう言っていただけると、
      また書こうって思っちゃいますね^^

      応援ありがとうございました。

  4. ゆい より:

    ららさん
    こんにちは。ゆいです。

    最近、ららさんが頻繁に僕のブログへ足を運んでくれるようになったので嬉しいです。
    先輩アフィリエイターのららさんは記事がとてもしっかりしていて勉強するところがたくさんあります。
    記事の回り込ませ方、ちょうど知りたかったんですよね(*´∀`*)

    ブックマークしちゃいました。

    また、きますね。
    応援済でーす!

    • RARA より:

      ゆいさん

      いつもご訪問&コメントありがとうございます。

      >記事の回り込ませ方、ちょうど知りたかったんですよね(*´∀`*)

      ほんとですか?ありがとうございます。
      褒めていただくと、単純だから、どこまでも登っていっちゃいます~^^

      応援ありがとうございました。

  5. とり より:

    ららさん
    こんにちは。とりです^^

    コメントでみなさんも書かれてますが、ららさんの記事はホントわかりやすく丁寧でテンポもよくて読みやすくて、すごく勉強になります。

    先日はコメントありがとうございました。

    応援していきますね☆

    • RARA より:

      とりさん

      ご訪問&コメントありがとうございます。

      >コメントでみなさんも書かれてますが、ららさんの記事はホントわかりやすく丁寧でテンポもよくて読みやすくて、すごく勉強になります。

      本当に、みなさんありがとうございます。
      とりさんを始め、みなさんのコメントのおかげで、
      毎日記事を書くパワーをいただいています。

      応援もありがとうございました。

  6. ケイ@ブログアフィリエイトで初心者でも絶対に稼げる より:

    ららさん
    こんばんは、ケイです。

    画像のことはあまり詳しくないので勉強になりました。
    ブログの記事もわかりやく勉強になりました。

    応援済

    • RARA より:

      ケイさん

      ご訪問&コメントありがとうございます。

      >画像のことはあまり詳しくないので勉強になりました。
      >ブログの記事もわかりやく勉強になりました。

      お役に立てていただけるのが、一番励みになります。
      ありがとうございます。

      応援もありがとうございました。

コメントを残す

サブコンテンツ

このブログについて

プロフィール

情報商材アフィリエイト

ららです。
高校生と中学生の2人の子供がいる、40代主婦です。
主婦業・母親業をやりながら、隙間時間でアフィリエイトを実践し、
月6ケタの目標を達成することができました。

あなたと同じ目線の、安心できるブログを目指してます。
お気軽にメールくださいね。

詳しいプロフィールと実績はこちら




応援よろしくね♪

メールはお気軽に


ららに相談したいことなどがありましたら、お気軽にどうぞ。
些細なことでもアホらしいことでも、大歓迎です♪
>>ららにメールを送る

カテゴリー

YouTubeやってます

このバナーをクリックして、
チャンネル登録してください♪


ららの愛用品

サーバーやらドメインやらパソコン回りの品など…。ららはいったい何を使っているの?
実際に使っている物をご紹介します。
ららの愛用品ご紹介

相互リンクについて

2015年10月をもちまして、相互リンクのページは終了いたしました。
理由は
・昨今のSEO事情では、相互リンクが有益ではないこと
・リンク先の閉鎖が相次ぎ、機能を果たさなくなったこと
です。
相互リンクしていただいたブログ様、長いあいだありがとうございましたm(_ _)m

このページの先頭へ