サイトデザイン

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

こんにちは。takuです。

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

 

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

 

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

 

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

 

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

 

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

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

 

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

 

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

 

 

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

 

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

 

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

 

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

 

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

 

 

という順番になります。

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

 

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

 

 

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

 

 

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

 

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

 

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

まとめ

 

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

 

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

 

今後ネットビジネスを実践していく
上では、最低限の画像編集スキルは
必要になってくる場面もありますので、
PhotoScapeなどの基礎的な操作

などは覚えておくとよいでしょう。^  ^

Taku
Taku
すごいですね。ブログアフィリエイトでデザインまで学べてしまいますっ。 

ちなみに、別途、有料画像編集ソフトPhotoshop(980円/月)など
を使った画像編集スキルについても動画講義を作成しています。

デザインに興味がある方は、こういったプロ級のソフトでのデザインスキルなども身につけておくと、Web知識の幅が広がりますよ〜。 

興味のある方はこちらもどうぞ^   ^ 

画像編集ソフトPhotoshopの導入方法と使用方法(単体プラン月額980円) こんにちは。takuです。 今回はAdobe社の画像編集ソフト photoshopの導入方法と簡単な使用方法に ついて動画を使...

注意 強制ではありませんからね!(お金もかかるし、それほどデザインに凝り過ぎなくても、ブログではちゃんと稼げますから。^  ^)

ABOUT ME
TAKU
2019年4月に地方へ移住し、PC1台で起業。田舎で子育てライフスタイルDIY中。地方創生アンバサダーや、国内最大100人規模のビジネスコミュニティ専属コンサルタントを勤める傍、同時に独自コンサル企画も運営中。Webマーケターおよびブログコンサル(アクセスアップ・SEO)。オフィシャルメディアDIY LIFESTYLE CREATION主宰。

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

 

 

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

 

はじめまして!当サイトの管理人のTakuです。
僕は現在4人の子供を持つ父親なのですが、
結婚してからのリーマン形態では思うように子供との時間も取れず週休1日で長期休みも年間で3×2回ほど。

 

海外などで盛んに取り組まれているオルタナティブ教育などにも興味がありながらも、家族とも一緒に過ごす時間もないそんな状態で、毎日悶々と同じ日々を過ごすことに限界を感じていました。

 

たった一度の人生、やらずに後悔したくない!と一念発起。
独立して家族みんなで田舎へ移住することを決心しました。

 

田舎での暮らしの自営を実現するために、まず副業として、ほぼ知識ゼロの状態からネットビジネスの世界に飛び込みました。

 

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

 

その後2つ目サイトも3ヶ月で月収30万達成。現在は
アフィリエイトやWEBサイト運営、WEB広告の運用に関する
コンサルティングをしながら緑に囲まれた自宅で、
仕事をしながら暮らしています。

 

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

↓↓

詳しい自己紹介はこちら

 

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

で配信中。

 

↓↓