サイトデザイン

Simplicityのヘッダー画像をPhotoScape Xでデザインする方法【動画講義】

こんにちは。takuです。

今回はワードプレスの無料テンプレート
であるSimplicityでヘッダー画像を
設定する方法を動画で解説していこう
と思います。 

 

テンプレートがSimplicityでない方であれば、
設定の方法は若干違う場合もありますが、
画像編集に関しては、それほど大差は
ないと思いますので、こちらの
動画を参考に、是非自分だけのオリジナル
ヘッダー画像を作ってみてください。 

 

今回の動画では、
画像素材を編集するために
無料の画像編集ソフトの
PhotoScapeを使用して
わかりやすく説明しています。 

 

僕個人的には、普段は
Adobe社のPhotoshop
使用しているのですが、 
そちらは有料になりますので、
画像編集ソフトにそれほど(全く)
お金をかけたくないという方は、
こちらの無料画像編集ソフトPhotoScape
ダウンロードして利用してください。 

 

もちろん、無料といっても
あなどるなかれ、かなり
クオリティの高い画像編集ソフト
なので、簡単な操作であれば
何の問題もなく編集できちゃいます。 

 

まだPhotoscapeを
ダウンロードしていない方はこちらを参考に ↓

無料画像編集ソフトPhotoScapeの導入と初心者でも簡単使用方法【動画講義】こんにちは、takuです。 今回は無料で使える画像編集ソフト PhotoScapeの導入方法と簡単な 使用方法について動画で解説し...

 

PhotoScapeの導入を済ませて、基本的な使い方を
ある程度マスターすることができましたら、
今回のこちらの動画をみながら、ヘッダー画像を
早速カスタマイズし設置していきましょう。 

 

PhotoScapeでヘッダー画像を設定する方法(Simplicity)【動画講義】

 

 

※ヘッダー画像の元になる画像素材をあらかじめ
 用意しておいてください。 

 

Photoshopの導入と使用方法の動画でも
お伝えしていますが、僕が画像素材
元として愛用しているのは
Unsplashというサイトです。 

 

非常にクオリティが高い画像が
無料で商用可能でダウンロードすることが
できます。よければそちらも参考にしてみて下さい。

 

基本的な作業手順としては、

[list class=”ol-circle li-mainbdr main-bc-before”] 

 

  1. 無料画像素材ダウンロード
  2. PhotoSccapeで編集&保存
  3. Simplicityのヘッダー画像として設置

 

[/list]

 

という順番になります。

Simplicityのデフォルトでのヘッダーの
サイズは1070×100が推奨されています。 

 

自分の好みで高さに関しては
自由に変えることができますので、
それは随時調整してみてください。 

 

横幅に関しては1070px
ちょうど記事欄の横幅とぴったり合うので
これがベストです。 

 

画像編集を行わずにもっと簡単にヘッダーを設置する方法

 

今回はPhotoScapeでのヘッダー画像の
編集を紹介していますが、
もちろん、画像編集をせずにもっとシンプルに
簡単にヘッダーを設置する方法はあります。 

 

それは、ダウンロードした無料画像を
Simplicity上でそのままアップロードする
やり方です。 

 

そしてSimplicity上でヘッダーサイズの
調整(切り取り)をするというやり方です。 

 

画像に編集を加えずにそのままの
画像を使いたい場合はこちらでも
結構です。 ただ、切り取りはできますが、
微妙な色の変更や細かいカスタマイズはできません。

 

もちろんこだわらないのであれば、
これでも結構なのですが、
ネットビジネスでサイト運営をしていく
ならば、少しづつでも画像編集ソフトに
慣れておくことも、今後のために何かと
役立つことは間違いないです。 

 

最低限の画像編集のスキルを
身につけておくことは、ネットビジネスを
する上で一つの「武器」になるとも言えますので
僕は画像編集での作成をおすすめします。 

 

[say name=”taku” img=”https://takudlc.com/wp-content/uploads/2018/05/吹き出し用taku_03.jpg”]

それに、やってみたらとっても楽しいですよ。

[/say]

 

画像編集ができれば、
サイトにオリジナリティを
持たせたり、作りたいフォントで
作りたい大きさや場所に文字や
ロゴを入れやすくなり、
サイトデザインにおいて応用がききますしね。 

 

どうしても画像編集が難しい方のためのヘッダー画像簡単設定

 

どうしても画像編集が億劫でできない
という方は、Simplicityでそのまま画像を
アップロードさせてヘッダー画像を作る
方法を紹介します。 

 

ワードプレスのダッシュボードから
【外観】→【カスタマイズ】へ進みます。 

 

 

そうしましたら、ヘッダーという項目から
画像を選択するボタンがありますから、
そちらを押します。 

 

 

そして新規画像を追加のボタンを押し、
画像選択画面に移ったら、
【ファイルをアップロード】を選択して
あなたが用意してあるヘッダーの元になる
画像をアップロードしましょう。 

 

 

そうしたらこのような画像選択
ボックスが現れますので、
チェックボックスにチェックが
入っていることを確認し、
そして右下の選択して切り抜くを
クリックします。 

 

そうするとこのように、
ヘッダー画像のサイズで
枠が現れますので、
自分の切り取りたい位置に
ボックスを移動させて
画像切り抜きボタンを押せば
完了です。 

 

どうしても画像編集が難しいと
感じる方は、この方法で
ヘッダーを設置してみてください。 

 

まとめ

 

ということで、今回はSimplicityのヘッダー画像
の設置方法について、PhotoScapeという
画像編集ソフトを使って解説しました。 

 

画像編集ソフトを使用しない
簡単なヘッダー画像設置方法も
補足として説明はしていますが、

 

今後ネットビジネスを実践していく
上では、最低限の画像編集スキルは
必要になってくる場面もありますので、
なるべくPhotoScape
別動画で説明しています、
有料画像編集ソフトPhotoshop(980円/月)など
を使った画像編集スキルを
身につけるよう心がけておくことが
好ましいですね!^ – ^ 

ABOUT ME
TAKU
Webマーケターおよびブログコンサル(アクセスアップ・SEO)。オフィシャルメディアDIY LIFESTYLE CREATION運営。 PC1台でインターネットビジネスを始め、5ヶ月後に月収30万円達成。アドセンス1年目250万達成。4児の父。田舎へ移住しゆったり子育てするため現在起業準備中。


 

 

 

 

 

 

家族との時間を増やして田舎で子育てするために副業からPC1台で独立したパパ

 

 

ライフスタイルをDIY。もっと自由に。もっとクリエイティブに 。★

 

はじめまして!当サイトの管理人のTakuです。
僕は現在4人の子供を持つ父親なのですが、
結婚してから仕事ばっかりで、ろくに子供との時間も取れず
週休1日でまとまった休みも年間で3×2回ほど。

 

安い給料で家族とも一緒に過ごす時間もない状態で
働いているのかわからず精神的に無気力になり毎日が憂鬱でした。 

そして、ある時思い切って生活をガラッと変えようと
辞職して家族みんなで田舎へ移住することを決心しました。

 

しかしながら、田舎での暮らしは経済的に苦しくなるであろう
ことも知っていたので、まず副業から始めようと知識ゼロの状態から
ネットビジネスの世界に飛び込みました。

それから、僕は自分のペースで取り組んでいったのですが、
自分が立ち上げたサイトからなんと4ヶ月で10万円を稼げるようになり、
そのまま作業を続けていると、次の月、そのまた次の月と20万円、30万円
副業月収が本業を上回るような状態になり、ついに田舎移住を実現できました。 

 

現在ではアフィリエイトやWEBサイト運営、WEB広告の運用に関する
コンサルティングを行っていますが、

もっと、自由なライフスタイルと時間を共有できる仲間」を増やし、仲間で
ライフスタイルがそのまま仕事になるような生活を広げていきたいと考えています!

 

↓↓

詳しい自己紹介はこちら

 

個人がインターネットビジネスでPC1台で時間や場所の縛りから自由になって
理想とするライフスタイルを手に入れるための、ノウハウや考え方などをメルマガ

で配信中。

 

↓↓

無料メルマガ【NET BUSINESS POINTS】への登録はこちらから