こんにちは！ブログ運営半年で月20万超の元サラリーマンブロガーなつです。
ブログのデザインを考えていくときや、ヘッダーアイキャッチとフリー画像を使うことが多いですよね。
ブログでは色を変更するだけでも印象は変わりますが、背景画像を工夫すると奥行きが出て一段センスの良いサイトに変化します。
イラストや画像サイトでも背景になる画像がたくさんありますので、個人のブログで無料で使える背景画像をご紹介していきます。
もくじ
- 1 ブログに使える背景フリー素材5選！
- 2 ブログに使える背景フリー素材 1. 「Bg-patterns」
- 3 ブログに使える背景フリー素材 2. 「イラストAC」
- 4 ブログに使える背景フリー素材 3. 「SOZAI GOOD」
- 5 ブログに使える背景フリー素材 4. 「paper-co」
- 6 ブログに使える背景フリー素材 5. 「ガーリー素材」
- 7 背景素材を使ったブログデザイン例（アイキャッチ）
- 8 ブログサイトに使う背景はどこで取りこむべき？
- 9 背景素材を使ったブログデザイン例（サイト）
- 10 背景素材を使ったブログデザイン例（見出し）
- 11 初心者だからこそWordpress有料テーマ を使うべき理由
ブログに使える背景フリー素材5選！
フリーのイラストサイトはたくさんありますが、優秀で使い勝手の良い背景パターンはそれほど多くはありません。
ここでご紹介するフリー素材だけでも十分ブログに使用できます。当ブログでもアイキャッチに背景画像を多用していますが、Bg-patternsでダウンロードしたもので全部対応できています。
なにかひとつでもお気に入りが見つかればすぐにフリーで使えますのでおすすめです。
- 1. Bg-patterns・・・色・デザインが多くカスタマイズが簡単
- 2. イラストAC・・・多くのデザイナーが参加しデザインが豊富
- 3. paper-co・・・温かみのある紙素材や木の素材ならココ
- 4. SOZAI GOOD・・・色味からも検索できる
- 5. ガーリー素材・・・キュートでかわいいデザイン
- 【参考】素材を使ったデザイン例（アイキャッチ）
- 【参考2】素材を使ったデザイン例（ブログ）
- 【参考3】素材を使ったデザイン例（タイトル）
ブログに使える背景フリー素材 1. 「Bg-patterns」
ここの素材は色がふんだんに使われていて例えばアイキャッチの背景などにぴったりです。形・色ともに主役となれる画像ですので使い方も限られてきますが目を引くこと間違いなし。
ただしブログの全体の背景には目立ちすぎるので好みが分かれます。
出典：Bg-patterns
| 商用利用 | クレジット表記 | 登録 | ダウンロード形式 |
|---|---|---|---|
| OK | 必要なし | 不要 | JPG PNG |
| 【カテゴリー】 図形・幾何学 クラッシック 和風 ストライプ 花・植物 かわいい おしゃれ レース など | |||
おすすめの使用方法
このサイトの画像はすごく使いやすくて重宝させていただいています。色が綺麗ですし、もし好みの色でなかったら自分で調整も可能です。
- アイキャッチの背景
- 見出しの下の挿絵
- バナー
⇒ Bg-patternsへ
⇒ 利用規約を確認
⇒ フリー背景画像を使ってヘッダーやアイキャッチを作る方法！
Bg-patternsの特徴
背景のいろんなパターンがあるサイトです。自分が気に入ったものがあれば画像のサイズや色、パターンの大きさや効果など調整できるようになっているので使い勝手が良いです。
背景画像で「〇色系が欲しいな～」なんて思うときにこのサイトが重宝します。
ブログに使える背景フリー素材 2. 「イラストAC」
イラストACも写真ACも登録したイラストレーターの方や個人の方が作品を出しているサイトです。登録は必要ですがプロのようなイラストが無料で使えるのでかなり重宝します。
出典：イラストAC
| 商用利用 | クレジット表記 | 登録 | 総会員数 |
|---|---|---|---|
| OK | 必要なし | 必要 | 400万人 |
| 【カテゴリー】 花・植物 人物 ビジネス 動物 乗り物 フレーム 医療・福祉 スポーツなど | |||
おすすめの使用方法
いろんな方がイラストを出しているので、探してみると自分の好みのものが見つかります。このサイトでブログ関係の画像はほぼこれでOK。
- ブログの背景
- アイキャッチの背景
- 見出しの下の挿絵
- バナー
- ボタン（AFFINGER5）
- 見出し（AFFINGER5）
イラストACの特徴
イラストACは、イラストが大量にあるので初めて使う場合には選ぶのに迷ってしまうかもしれません。自分の好みのイラストレーターの人を見つけて検索をかけていくのも良いかもしれません。
ただし、1日でダウンロードできる枚数や、検索回数が決められていますので注意してください。
【参考】姉妹サイト写真AC
イラストACと同じ運営者が作っているサイトで写真ACというものもあります。こちらでも「都会の街並み」や「花」「動物」「スイーツ」「カフェ」などいろんな方がいろんな写真を投稿しています。
⇒ 写真AC
もちろん「背景」もあります。
私がよくブログに使うのは、「布」「和紙」「木目」「砂」などで、小さな柄を背景にしたりすると見栄えがよくなるのでおすすめです。
↓ Wordpressテーマ「THE THOR」公式デザインに芸大卒なつのデザイン10種類追加！
当ブログで購入していただくと、公式の9種類のデザインと追加の10種類が無料で手に入ります！
※デザインの全体像は以下の2記事をご覧ください。
⇒【超簡単】THE THORデザインの事例集6選！初心者でも作れるアレンジ！
⇒追加デザイン4種はコチラから見ることができます。
／／たった30記事で稼いだ実録記事（2,980円相当）付き!＼＼
※ヘッダーの画像は、写真ACとイラストACのイラストレーターさん方の作品です。特典内でURLをお伝えしています。
ブログに使える背景フリー素材 3. 「SOZAI GOOD」
シュチュエーション検索や好きな色で検索できるのでとても便利です。背景以外にもイラストやGIF画像などもありますので使い勝手がとても良いサイトです。
出典：SOZAI GOOD
| 商用利用 | クレジット表記 | 登録 | ダウンロード形式 |
|---|---|---|---|
| OK | 必要なし | 不要 | JPG PNG GIF AI |
| 【カテゴリー】 フレーム枠 おしゃれフレーム チューリップフレーム 桜フレーム リボンフレーム 春夏秋冬フレーム 白黒フレーム 家フレーム 和風・和柄フレーム エレガントフレーム 動物フレームなど | |||
おすすめの使用方法
- ブログの背景
- アイキャッチ
- バナー
⇒ SOZAI GOODへ
⇒ 利用規約を確認
⇒ よくある質問を確認
特徴
年賀状に使える干支のかわいいイラストや、動物のGIF画像（動く簡易画像）などちょっと他とは違ったイラストがあります。種類も豊富でどんなシーンにでも使えそうなものがたっぷり。
ブログに使える背景フリー素材 4. 「paper-co」
シンプルなのでなんにでも合う「紙」や「木目」を集めたサイトです。布目なども含め温かみのあるサイトにしたい場合にはこの背景はおすすめです。
出典：paper-co
| 商用利用 | クレジット表記 | 登録 | 素材 |
|---|---|---|---|
| OK | 必要なし | 不要 | PNG |
| 【カテゴリー】 こども 職業 ポーズ 病気 お金 会社 道具 趣味 ファッション 建物 スイーツ 家電 キャラクター文字 料理 動物キャラ マーク 車 音楽 | |||
おすすめの使用方法
- ブログの背景
- バナー
特徴
写真ACなどでも紙のテクスチャーがありますが少な目。paper-coは、紙、布、木、ダンボールなど種類が多いので使いやすいです。
紙とか布などの背景ってすごく使いやすいです。背景なので目立ちすぎると読みづらいです。布地などは、だいたいなんにでも合いますし、写真画像なら立体感が出ます。
ブログに使える背景フリー素材 5. 「ガーリー素材」
基本的にはイラストが多いのですが、チェックなどのかわいい背景が少しあるのでご紹介します。
出典：ガーリー素材
| 商用利用 | クレジット表記 | 登録 | ダウンロード形式 |
|---|---|---|---|
| OK | 必要なし | 不要 | JPG PNG EPS |
| 【カテゴリー】 人物 花 生物 食べ物 雑貨 など | |||
特徴
Illustratorを使った女性向けのかわいいイラスト。基本の色がピンク、赤などかわいいブログを作りたい場合にはこのサイトが使いやすいです。背景は少な目なのですがチェックなどは使えると思います。
背景素材を使ったブログデザイン例（アイキャッチ）
Bg-patternsの背景素材を使ったアイキャッチの例です。Bg-patternsは色がふんだんに使われているので目をひきます。
私のブログでは、このサイトからの背景でアイキャッチを作ることが多いです。
このサイトの画像を使う理由は、色が鮮やかで目を引くものが多いからです。（ただし、記事が多くなるとどうしても重さもでてきますので、プラグインで軽くするか画像を小さくするかなど対処は必要なのですが・・・）
ブログサイトに使う背景はどこで取りこむべき？
背景をダウンロードするとき、「無料」であることはもちろんですが、デザインがたくさんあるのでどのサイトを使うのか迷うかもしれません。
私がいつも使っているのは「イラストAC」というサイトです。
イラストACを使う理由
なぜイラストACを使うかというと、プロアマ問わずいろんなデザイナーさんが作品を公開されているからです。
自分のイメージで検索をかけると相当数のイラストおよび写真がでてきます。パターンがひとつではないので、自分のイメージ以上のものも多くでてきますのですごく使いやすいです。
背景素材を使ったブログデザイン例（サイト）
ブログの背景に使うなら、できるだけ柄が細かいもの、もしくは布や木目がおすすめです。とても温かみが出てきますし中心の画像をひきたててくれます。
ここからは、実際サイト等に背景を使った例をご紹介します。THE THORというテーマは、ひとつひとつのパーツが大きく見やすくなっています。
微妙に間隔があいているので「背景」を使うとカッコよくなります。
THE THORのブログデザイン例
THE THORという有料テーマでブログを作っていますが、背景を追加するだけでかなりイメージが変わる例をご紹介します。
使用背景 「布」
麻布っぽいあらい目の布を使っています。建物のヘッダーと対比であっさりとした背景を使うことでうるさくならないようにしています。
使用背景 「麻布」ヘッダー「カップ」「野菜」
布にもいろんな種類があります。今回はコーヒー豆から連想して麻布にしていますが、綿の布や毛糸編み素材なども面白いです。
使用背景 「板」
板の背景はひとつはダウンロードしておけば、なんにでも合う万能系の背景です。
小花は少し合わせるのが難しいですが、キュートな色味にするか水色の反対色黄色系を合わせるとよく見えます。
使用背景 「水玉」
こちらも青系の水玉なので黄色系を合わせるとセンスがよくなります。
使用背景 「グリーンの森」
イラストACではこういったかわいいイラスト背景がたくさんあります。
使用背景 「ストライプの布」
布地もかなりの数がありますので、サイトの色から連想して近い色にすればまとまります。
↓ THE THORアレンジデザイン詳しくは以下の記事をご覧ください。
背景素材を使ったブログデザイン例（見出し）
AFFINGER6（アフィンガー）という有料テーマでは、見出しタイトルの部分を自分の好みの画像やイラストを使うことができます。
ざっくりと背景画像を使って見出しを作ってみました。
今回作った物はすでにダウンロードしてある画像で作ってみましたが、色や透過の画像で作ることもできますので、工夫次第でいく通りにもできます。
ちなみに、トップページも作りこめます。
初心者だからこそWordpress有料テーマ を使うべき理由
無料テーマを使うことで時間の無駄遣いをしていませんか？
- 思い通りのデザインにできない・・・
- なかなか稼げない・・・
- アクセス数が増えない・・・
こんな悩みを抱えていませんか？
稼ぐブログにしろ趣味ブログにしろ検索の上位にこなければなかなか読んでもらえません。もしあなたが稼ぐブログを作りたいなら、初心者の時に初期投資することはとても大事なことです。
Wordpressの有料テーマができる５つのこと
- 検索上位を目指せる
- 見た目が綺麗でおしゃれになる
- 機能が豊富で出来ることが多い
- 会員フォームなどのサポート
- 有名ブロガーも有料テーマを使っている
これまでにあげた5つの有料テーマの特徴を説明していきます。
1. 検索上位を目指せる
ブログを運営していく上で対策をしていかなければいけないのがSEO対策です。検索エンジンのことを考えてブログを最適に合わせていくということがSEO（SearchEngine Optimizationの略）です。
- 情報の信頼性
- ユーザーへの役立つ情報であるか？
- スマホ・PCなどでストレスなく使える
などたくさんの要因がありますが、ブログを訪問した人があなたのブログの多くの記事を読んでくれるようなテンプレートの仕組みも有料テーマでは細やかに考えられています。
2. 見た目が無料テーマ以上に綺麗になる
シンプルが良いか、綺麗なテーマが良いのかそれぞれの好みによります。無料テーマは必要最低限のものを備えていますがやはりシンプルすぎていずれつまらなくなってしまいます。
有料テーマはデザイン性が高く自分の好きなデザインにもカスタマイズしやすいです。
出典：THE THOR 着せ替え「01」
↓ クリックで拡大します
出典：特製THE THORオリジナルアレンジ
3. 機能が豊富でできることが多い
今現在新しい機能として出てきたのが「着せ替え機能」です。過去にも賢威などにはベース色とパターンがありましたが最近ではアフィリなどはっきりと違った用途で使えるように作りこんでいます。
4. 会員フォーラムなどのサポート
なにかわからないことがあった場合、相談できる場所があるだけで安心できます。ここが無料テーマと一番違う部分、有料テーマでは売りっぱなしにしない工夫がされています。
5. 有名ブロガーも多数使用
稼いている有名ブロガーと言われる人のほとんどは有料テーマを使っています。ブログ造りでは内容も非常に大事ですが、文章や扱っている分野が同じ程度ならやはり最後の勝負はテーマの構造などになります。
もしあなたが稼ぐブログを作りたいと考えているならば「有料」テーマも検討してみてください。
カスタマイズで悩んでいる時間、ブログの完成度、上位に表示するメリットなど考えると有料テーマはあなたのお役にたちます。
