1. TOP
  2. 素人同士だからわかり易い!表に画像を入れる方法。

素人同士だからわかり易い!表に画像を入れる方法。

2017/02/01 wordpress活用術
この記事は約 5 分で読めます。

プロローグ

シリーズ化してやろうかと、企んでいる
「素人同士だからわかり易い!ヨシヲのWP講座」

本日は表に画像を入れ込んでやろうという企画だ!

太っている人 ゴルフする人
102 099 100
くまちゃん パンツ2種 鼻毛
103 104 101

↑こんな表を作ってみたいと思うだろう。

さぁ、一緒にレッツトラーイだ!!

ちなみに、表に画像を入れる方法の一つとして読んでもらえたら嬉しい。これから提供する方法以外にもやり方はたくさんある。ヨシヲはこうやっているのだな。という生ぬるい目線で頼むな。

画像の大きさを揃える

画像の大きさを先に揃えたほうがやりやすいので、その方法をお伝えしよう。

画像の大きさを揃えるには様々な方法があるので2つを紹介。

1、WPへの取り込み後サイズ変更

medexiasounyuusaisyuuban
①ツールバーのうえ「メディアを追加」から表に入れたい画像を取り込む。

②メディアを挿入⇒ファイルをアップロード
medexiasounyuusaisyuuban1
③追加した添付ファイルの詳細が画面右側に出る。 「画像を編集」をクリック。

 

gazouwohensyuusaisyuuban

④画像編集の画面、右側に新規サイズに任意の大きさを入力して縮尺を変更ボタンを押す。

⑤縮尺が行われると「元のサイズ」の数値が入力したサイズに変更される確認をして戻るボタンを押す。

⑥戻るボタン後、メディアを挿入に戻るので添付ファイルの詳細で再度サイズが変更されているかを確認。

この作業を表に取り込みたい画像全てに行うとサイズが整うのだが、注意点として画像の比率が固定されているので少々ズレが生じる。だが、比率はそのまま画像の大きさを指定したほうが表になった時に綺麗に見えるぞ!

 

2、Photo Scapeなどの画像加工ソフトの活用

 

photoscapetukaikata
① Photo Scapeからは一括編集を押す。

② 左側に画像が出てくるので、変更したい画像を選択して画面上部に表示させる。

③ 右側の編集画面「ホーム」のタブのリサイズで好みのリサイズ方法を選んでサイズ調節をしてくれな。

④ 設定したら、画面右上のすべて変換を押すと選択した画像が変更。

 

wanonamisen

 

ちなみに、今回ヨシヲが使ったのは
・「幅の調整」で幅を150
・「高さの調整」で高さを150

ヨシヲはいつもこの方法でやる。

Photo Scapeを持っていない人はこの機会にぜひ、ダウンロードしてみてくれな。無料で使い方も簡単なわりにはなにげに色々と活用ができるヨシヲお気に入りのソフトだ!

一応URLを紹介しておく⇒https://photoscape-free.softonic.jp/

この二つの方法以外に画像サイズ一括変更ソフトの利用やWindowsの機能をつかってもサイズ変更が可能なので自分のやりやすい方法である程度表に入れ込む画像の大きさを揃えておくようにしよう!

基本の表の作成

基本の表の作り方はコチラを参照↓↓

素人同士だからわかり易い!WPの表のつくり方基礎講座。

ここを確認してもらえば

太っている人 ゴルフする人
くまちゃん パンツ2種 鼻毛

ここまでは完成させることができるだろう!

さぁ、画像を挿入していこう!

画像の挿入

hyounigazouwosounyuu

①挿入したい表のセルを選択

②「メディアを挿入」を押す

medexianosounyu

③メディアライブラリの画面で挿入したい画像を選択。右側に表示されたのを確認。

④右下の「投稿に挿入」を押す。

 

太っている人 ゴルフする人
 102
くまちゃん パンツ2種 鼻毛

すると、↑こんな風になる!!

これを繰り返して、画像を入れたいセルにどんどん挿入していこう。

すると、以下のように出来上がるってわけだ!

完成!

太っている人 ゴルフする人
102

狼にも見えるが、犬であろう。

099

暑苦しそうな男性。

100

ゴルフはサラリーマンの嗜み。

くまちゃん パンツ2種 鼻毛
103

買い物に行くくまちゃんだ。

104

たまには白ブリーフも悪くない。

101

鼻毛は男らしさの象徴でもある。

画像にプラスしてコメントを付けるのも簡単。普通に文字入力をしていくだけだ!

基本を押さえてしまえば、、、、

 

 

買い物に行くくまちゃん

 103
 

鼻毛を気にしない男らしさ

 101
 

太っているから暑い

 099

縦型の表や画像の位置を変更、画像の背景色の設定や文字の大きさに変化を加えて、オリジナルの見やすい画像入の表を作成できるということになる。

まとめ

画像の入った表を作ることができると、ググっと技術も上がってくるだろう!

趣味で写真をアップする際に。写真やイラストに説明を付けたい時になど、うまく活用してくれな。

趣味も仕事も!!

同士よ!

yoshiwo

グッジョブ!!

\ SNSでシェアしよう! /

ぐっじょぶ!|失敗しない副業・起業の道しるべの注目記事を受け取ろう

この記事が気に入ったら
いいね!しよう

ぐっじょぶ!|失敗しない副業・起業の道しるべの人気記事をお届けします。

  • 気に入ったらブックマーク! このエントリーをはてなブックマークに追加
  • フォローしよう!

ライター紹介

ヨシヲ

ヨシヲ

都内某企業に勤めて3年目のヨシヲです。地方から上京したての頃は都会に馴染めず、社会の輪にも入れず、職場の人間関係などに悩みまくっていました。ようやく都会の生活にも慣れてようやく同僚や上司ともうまくやっていけるようになり、サラリーマン生活を謳歌できるようになってきました!そんな僕が、日々楽しく毎日過ごせるように見つけたワザをここで紹介していきたいと思います。

この人が書いた記事

  • 素人同士だからわかり易い!表に画像を入れる方法。

  • 素人同士だからわかり易い!WPの表のつくり方基礎講座。

  • やっぱり人気神社に初詣?「俺」だけの初詣先を見つけ出す方法。

  • 「神頼みしたい!」悩めるサラリーマンに贈る。神社のお参りマナー講座

関連記事

  • 素人同士だからわかり易い!WPの表のつくり方基礎講座。