以下の内容はhttps://komagomepipette.hatenablog.jp/entry/2020/09/09/020824より取得しました。


ブログ内に図を入れる!一番簡単!写真編【超・初心者がブログをカスタマイズしていく記録】その9

これは、無料版はてなブログを、ブログ超初心者がカスタマイズしていく記録です。

今回は、ブログ内に図を入れる方法を探っていきます。

 

 

ブログに図を入れたい!

ブログを書く時、文字だけだと表現しきれずもどかしい気持ちになったことはありませんか?私は多々あります。

そんな時はいつも、自分の文章力の足りなさを痛感するとともに、図やグラフを使えられたらなぁと思っていました。

そこで今回は、図が入っているブログへのカスタマイズ方法を考えていきます。

 

考えた図をいれる方法は2つ。

記事内に図を入れる方法を、他のサイトの画像を張り付ける方法と、自分で図を描く方法の2つに分けて、それぞれ検討しました。

 

その① 画像を張り付ける方法

他のサイトの画像を使用する際は、著作権の問題などを考慮しなくてはいけません。正直ややこしいですし、他のヒトの権利を侵害したくはありませんよね。

そこで私は、Amazonアフェリエイトに登録して、商品の画像を使わせてもらっています。大概の物はAmazonには揃っているので、とても便利に使用させてもらっています。

追記:Amazonからあと1ヶ月以内に売り上げがないと、権利がなくなるよとの旨のメールが来てしまいました。この方法だと、再登録をするとリンクを全て貼りなおさなくてはいけない手間が発生しそうです。

※関連記事

超・初心者がブログをカスタマイズしていく記録!その6|ブログ内に図を入れる!Amazonアフェリエイト活用編 - 日常を科学したい

 

 

その② 自分でつくった画像をはりつける

図やグラフをブログ内で使いたい時もあります。図やグラフはさすがにAmazonにもありません。自分で作るしかなさそうです。

特別なPC技術も設備もない私は、まずは紙に手書きで描き、それを写真で写す方法を行ってみました。行ってみた感想としては、やはりとっても簡単です。時間も手間もかからないです。最もお手軽な方法といえると思います。

 

写真として、自分で作った画像をはりつける方法 

方法は簡単です。

その1 紙に図を描きます。

色鉛筆や色ペンで完成させます。

 

その2 スマートフォンのカメラで写真でとります

プライバシーのため、位置情報を入れないように設定しておいてくださいね。

 

その3 記事に張り付けます

 

それだけです。

このような感じに張り付けられます。

f:id:komagomepipette:20200315110156j:plain

 

利点

・簡単!曲線も複雑な形でも思いのほかです。(紙に書いているので、あたりまえですが;)

 

・特別な技術も道具も必要ありません。(紙にペンで書いているので、これもあたりまえですが;)

 

欠点

・図っぽくないです。

おしゃれでスマートな感じにはなりません。正式な物感も減少するきがします。

 

・影なども影響で、見えにくい図になることもあります。

上の図をみて感じた方も多いかと思いますが、写真を撮る時に、影などの影響で見えにくい部分が出てきてしまいます。これは、欠点というよりも、私の写真の撮影技術の問題かもしれません;

 

まとめ

今回は手書きで紙に図を描き、それを写真でとってブログに張り付ける方法を行いました。充分情報は伝えることができるとは思います。しかし、これがPCでバシっと作れたらもっとしっかり伝えられる図になりそうだなぁという思いは否めません。手書き以外で図を作る方法も引き続き探していきたいと思います。 

 

 

 私が行いたいカスタマイズ一覧

  1. ブログトップページを記事一覧で提示したい!
  2. 更新日を提示したい!
  3. ブログ内の文章を、四角で囲みたい!
  4. 文字の大きさを、もう少し大きくしたい!
  5. ブログのトップページの背景を変えたい!
  6. Googleアドセンスを設置したい!
  7. ブログ内に図を入れたい!←今回!
  8. 今までのブログ内容を推敲したい! 他

 ※今までの内容は、こちらの記事にまとまっています。

超・初心者がブログをカスタマイズしていく記録!【行いたいこと一覧】

 

 

f:id:komagomepipette:20200409025359p:plain

 




以上の内容はhttps://komagomepipette.hatenablog.jp/entry/2020/09/09/020824より取得しました。
このページはhttp://font.textar.tv/のウェブフォントを使用してます

不具合報告/要望等はこちらへお願いします。
モバイルやる夫Viewer Ver0.14