記事の詳細

こんにちは。

もう火曜日…

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

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

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時間半!!Σ(゚Д゚)

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

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

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

The following two tabs change content below.
田中 優樹

田中 優樹

価値あるコンテンツ制作部インクループ株式会社
助成金、社内事務、イベント運営と、製作部隊ではなく裏方作業担当の田中です(^^♪ 助成金は「自分達で調べ申請する」シリーズで作成しています。 やりたい事色々。相模原を盛り上げたい!世界と日本をつなぎたい!!以上!!

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

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

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

お知らせ

平成28年度補正予算 小規模事業者持続化補助金

特集

エクセルトラブルと解決策のまとめ アクセス数を増加させるための方法まとめ 初心者向けWordPressの設定方法まとめ

AD

ページ上部へ戻る