記事の詳細

こんにちは。

もう火曜日…

そしてブログです!!!!!!

今日は、アイキャッチ!!について書きたいと思います。

WordPressを使っている方は、もうお馴染みだと思います。

このアイキャッチのサイズですが、サイトのテーマによって異なり、又同テーマなのにアイキャッチのサイズが異なったりすることがあります。

まさに漢字 For Youのサイトはこれです!!

【ホームのアイキャッチ】

eyecatch_03

しかし一方各々のページでは…

 

【各々のページのアイキャッチ】

eyecatch_02

というのも、理由があります。

まぁ、ピンクで囲っている枠自体が答えですが、それぞれでサイズが違うんです!!

ホームのアイキャッチは正方形で、284.43×284.43

各ページのアイキャッチは800×366.67

なので、アイキャッチがずれてしまいます。

前置きが長くなりましたが…

今日は、そのアイキャッチの画像をフォトショップ、イラストレーター等のソフトを使わず、

誰でもOfficeが入っていれば使えるPOWER POINTでこの画像を調整したいと思います!!!

前準備

まず必要なもの

  • Microsoft のPower Point
  • 写真

そして忘れてはいけない、Screen shotできるソフト(画像を選択できるものがいいです)
なぜなら調整した画像を最後切り取ります!!

何をつかったらいいのかわからない方Screenpressoがおすすめです。

Screenpressoのダウンロードはこちらから

ダウンロードの仕方は弊社の過去記事で取り上げているので参考にしてみて下さい(^^♪

Screenpressoのダウンロード方法はこちらから

次に、それぞれの画像のサイズを調べます。
調べ方ですが、わかる方は飛ばしてしまって下さい。
eyecatch_04
矢印
eyecatch_05
矢印
eyecatch_06

という感じでサイズを調べます。
他にも調べ方があるので、サイズさえ分かればOKです。

Power Pointでサイズ指定

いよいよPOWER POINT始動です。

eyecatch_07
矢印
eyecatch_08
今回は正方形が284.43×284.43長方形が800×366.67なので、用紙のサイズを幅8cmの高さ3.6cmに合わせました。
理由としては、Wordpressのアイキャッチですが、サイズを合わせる為に縮小してしまいます。

正方形側を長方形に合わせる事で、縮小してもどちらでも対応可能になります。
正方形3.6×3.6
長方形8×3.6

というようなイメージです。

 

Power Pointで位置調整

これでサイズが整ったので、今度は正方形で納める時のベースを決めます。

eyecatch_08
矢印
eyecatch_11
矢印
eyecatch_09
矢印
eyecatch_10
矢印
eyecatch_12
矢印
eyecatch_13
矢印
ベースとなる枠を中心に合わせます。
eyecatch_14
矢印

eyecatch_15

Let’s Challenge!!

では早速先ほど作成したベースでアイキャッチが収まるかやってみたいと思います。

eyecatch_16

矢印 eyecatch_17

では、スクリーンショットした画像をWordpressにアップしてみてみましょう!!

 

 

【ホームのアイキャッチ】
eyecatch_18
【各々のページのアイキャッチ】
eyecatch_19

どやっ!!

Power Pointもただ、プレゼン資料を作るだけではありません。

この作業自体5分かからないのですが、このブログの作成時間2時間半!!Σ(゚Д゚)

という事で英語の勉強はお休みです…
すみません。

この記事であなたの課題を解決することができましたか?

疑問点があったり、解決できなかったことがありましたら、お気軽にご相談してください。


ほかの投稿も読んでみませんか?

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

相模原のお店やサービスをどんどん紹介!

行ってみよう相模原 相模原市のお店限定

飲食店

ページ上部へ戻る