SSブログ

サラリーマンが会社という名の地獄から脱出するための方法

サラリーマンが会社という名の地獄から脱出するための方法2.jpg

トレンド記事に画像を貼り付ける [その他設定]

今回はブログ記事に画像を貼り付ける方法を解説します。


記事内に画像があれば目を引きつけられるし、
やっぱりユーザー目線からすると、
文字だけの記事よりは画像もあった方が読みやすいです^^


本や教科書、参考書などを読むときも、
文字だらけよりは、画像や絵なんかもあった方が読みやすいでしょ。
それと同じことです^^


今回お伝えするのはこちらです。


・画像は1記事に何枚貼り付けた方がいい?
・画像の張り付け方
・画像サイズは統一したほうがいい
・画像サイズの変更方法
・画像の張り付け方のその他バリエーション


ではさっそく説明していきます。


◆画像は1記事に何枚貼り付けた方がいい?



まず画像の枚数。
オススメは1記事に2枚です。


特に理由はありませんが、
多すぎず少なすぎずといったところでしょうか( ̄人 ̄)


貼り付け箇所は、
記事の前半と後半に1枚ずつ貼り付けるのがいいんじゃないかと思います。


画像が多すぎても見栄えが悪いし、
逆に少なくても何だか味気ない・・・という判断です。


1.png


でも特に決まったルールは無いので、
自分でいろいろ試してみてくださいね^^


◆画像の張り付け方



では実際に画像を貼り付ける方法をお伝えします。


引き続き例題として、
錦織圭選手の記事を参考にしていきます。


はじめに、
GoogleやYahoo!などで画像を拾ってきましょう。


3.png


例題では錦織圭選手の彼女について記事を書いたので、
それに関連する画像を拾うのがいいでしょう。


4.png


まあ、画像に関しても
「これを使ってください!」といったルールは無いので、
記事と関連するものであれば何でもいいです^^


自分の好きな画像を選択したらまずPC上に画像を保存しましょう。


5.png


保存したらSo-netブログの記事の編集画面を開きます。


6.png


①「ファイルを選択」をクリック。
②画像を保存したフォルダを探しましょう。
③取り込みたい画像をクリックしたら「開く」を押しましょう。
④「アップロード」をクリックするとブログに画像を取り込めます。


7.png


記事本文の貼り付けたい箇所にカーソルを合わせて、
画像をクリックし、コード(赤四角部分)が表示されたら、
貼り付け完了です^^


8.png


いったん保存して確認してみてください。


9.png


このようになります。
以上が画像の貼り付け方になります。


◆画像サイズは統一したほうがいい



次はブログの見栄えをよりよくするために、
画像のサイズにも注意を払った方がいいと思います。


まず以下の例を見てください。


10.png


これも好みの問題かとも思いますが、
画像を何枚か貼る場合は僕の経験上、
画像サイズは以下のように統一した方が見栄えがいいと思います。


11.png


まあこれもあなた自身で判断してもいいので、
自分が見栄えがいいと思えれば問題ないでしょう^^


では画像サイズの変更方法について説明してきます。


◆画像サイズの変更方法



画像を貼り付けたときにコードが出てきますよね。
コードの赤枠で囲まれた部分に注目してください。


12.png


・width="数字を入力"
→画像の横のサイズを変更できます。

・height="数字を入力"
→画像の横のサイズを変更できます。


数字を入力と書かれた部分に、
手入力で数字を打ち込みましょう。


画像サイズに関しても、特に決まりは無いですが、
オススメは、
width="350" height="250" です。


また以下のような縦画像は、
width="245" height="300" がオススメです^^


13.png


画像サイズもいろいろ試してみてくださいね!


◆画像の張り付け方のその他バリエーション



最後に画像の貼り付け方のその他バリエーションをご紹介します。


・2枚横並び

サイズ;width="200" height="250"

14.png

<table>
<tr>
<td>●</td>
<td>▲</td>
</tr>
</table>


上の文字を記事内にコピペして、
●と▲の部分に画像コードを貼り付けましょう。


・3枚横並び

サイズ;width="200" height="250"

15.png


<table>
<tr>
<td>●</td>
<td>▲</td>
<td>■</td>
</tr>
</table>



上の文字を記事内にコピペして、
●と▲と■の部分に画像コードを貼り付けましょう。






●▲■


画像はこのような並びになります。
活用したい人は活用してください。


◆トレンド記事に画像を貼り付けるまとめ



今回の解説で画像の貼り付け方はマスターできたと思います。
これで少しブログが華やかになったのではないでしょうか|д゚)


でも!これだけでは終わりません。
あなたのブログに訪れたユーザーの滞在時間を伸ばすために、
次は動画を貼りましょう。


ですので次回は動画の張り付け方についてです。


トレンド記事に動画の張り付ける


【お知らせ】


完全無料でアフィリエイトを1から学んでみませんか? 入塾費料ゼロ、月額料ゼロ、更新料ゼロ お金は要りません!詳細は以下をクリック!

【PC用】 紹介するだけ!?本当に稼げる魔法のPDF

【モバイル用】 紹介するだけ!?本当に稼げる魔法のPDF
nice!(2)  コメント(2)  トラックバック(0) 
共通テーマ:blog

nice! 2

コメント 2

やまだ

画像の著作権について問題はないですか?
グーグルアドセンスの停止理由の心配がありますが。
by やまだ (2015-11-25 18:31) 

tatsukig

やまださん、はじめまして ^^
ご質問ありがとうございます。

またお返事遅くなってしまい申し訳ございません。

画像の著作権について、
やはり気になるところですよね。。

多くの方が疑問になってることだと思いますので、
この解答はシェアさせていただければと思います。

以下に解答を載せておきますので、
ぜひご覧になってください。
http://torenndotsuki5man.blog.so-net.ne.jp/2015-11-27

わざわざご質問ありがとうございました。
また何か質問があれば、
遠慮なく言ってくださいね^^
by tatsukig (2015-11-27 20:42) 

コメントを書く

お名前:
URL:
コメント:
画像認証:
下の画像に表示されている文字を入力してください。

トラックバック 0

トラックバックの受付は締め切りました
広告スペース
Copyright © トレンドアフィリエイトで月5万円稼ぐ! All Rights Reserved.

この広告は前回の更新から一定期間経過したブログに表示されています。更新すると自動で解除されます。