【Simplicity2カスタマイズ①】子テーマのインストール、ヘッダーと背景画像を変更する方法

Simplicity2_カスタマイズ① WordPress

当ブログはWordPressの無料テーマ「Simplicity2」を使って運営しています。

 

Simplicity2はWordPress初心者に強くおすすめできる無料テーマです。

その理由については下の記事でお話しています。

WordPress初心者にテーマ「Simplicity2」をおすすめする理由
WordPressでブログをはじめたら、せっかくなのでカスタマイズしちゃいましょう。 そのままでも記事は投稿できますが、テーマを利用することで見た目はもちろん、機能的にもすごぶる便利になります。 テーマは無料・有料さまざまなものが存...

 

「Simplicity2を入れてみたけど、この後どうしたらいいんだろう・・・。」

 

そんな私と似たような方に向けて、当ブログで行ったSimplicity2のカスタマイズについて数回に分けて解説したいと思います。

コードの知識なしで簡単にできるものだけ!です(でなければ私ができない・・・笑)。

 

簡単にできるのに、やってみるとそれなりに見た目に変化があって、個性も出せるのできっと楽しいですよ!

 

Simplicity2の子テーマをインストールしよう!

親テーマで直接カスタマイズをすることもできますが、親テーマのアップデートが行われると、せっかく行ったカスタマイズがリセットされてしまいます。

ですから、カスタマイズするときは子テーマをインストールして、子テーマをカスタマイズすることを強くおすすめします。

 

Simplicity2の子テーマのインストール方法については、公式サイトの解説がとてもわかりやすいです。

参考 Simplicityの子テーマをインストールする方法 -Simplicity公式サイト-

 

「そもそも親テーマ・子テーマって何?」

「子テーマを使う理由は?使い方は?」

 

上記の疑問については、下記のサイトで詳しく解説されていますので、参考にしてください。

参考 WordPressテーマのカスタマイズで子テーマを使うべき理由、使い方など -寝ログ-

 

ヘッダー画像を変更しよう!

子テーマをインストールしたら、さっそくカスタマイズしていきましょう!

まずはヘッダー画像を変更してみます。

 

ヘッダーとは、ブログの一番上のところです。

当ブログだと↓この部分ですね。

(※現在はカエルのロゴ画像に変わっています。)

Simplicity_カスタマイズ01

 

Simplicity2であれば、WordPressのメニューの「外観」>「ヘッダー」から簡単に変更することができます。

用意するのはヘッダーに使いたい画像だけです。

サイズは1,070×100ピクセルが推奨されていますので、このサイズに従えば綺麗に収まると思います。

ヘッダー画像を変えるだけでもかなり雰囲気変わりますよ!

 

ヘッダーでさらに自分らしさを出したいのであれば、ロゴを自作するのも良いかもしれません。

 

無料で簡単にロゴを作成できるサイトもありますので、興味のある方は是非!

参考 Simplicityヘッダーのタイトルをロゴ画像に変更するカスタマイズ方法 -Simplicity公式サイト-

 

2017/1/30追記

当ブログのロゴを作ってヘッダー画像にしてみました。

ロゴの作り方からヘッダー画像の設定の仕方まで解説していますので、ぜひ参考にしてくださいね。

ブログタイトルをロゴに変更する方法~「Squarespace Logo」で簡単にロゴ作成♪~
これまで当ブログのヘッダーは「背景画像+文字タイトル」でしたが、ちょっと物足りなくなったのでロゴを作って個性(?)を出してみました! 今回作ったロゴがこれです↓ カエルかわいい! やはりブログタイトルはブログの顔だけあって...

 

背景画像を設定しよう

当ブログの背景画像は薄いグレーのレンガ模様になっています。

Simplicity2であれば、WordPressのメニューの「外観」>「背景画像」から簡単に変更することができます。

 

用意するのは背景に使いたい画像だけです。

私が利用したサイトは「Subtle Patterns」というサイトです。

無料なのに種類が豊富で、なおかつ控えめな色使いが好印象です。

背景画像がクドイと一気に読む気が失せるブログになってしまいますので、色の薄い画像を選ぶと良いと思います。

 

背景画像ごとに「PREVIEW」をクリックすることで、背景画像のイメージを確認することができます。

背景画像にしたいものが決まったら、「DOWNLOAD」をクリックしてZIPファイルをダウンロードしましょう。

Simplicity_カスタマイズ02

 

ダウンロードしたZIPファイルを解凍すると、通常のサイズとその2倍のサイズの背景画像が入っています。

 

背景画像が準備できたら、WordPressのメニューの「外観」>「背景画像」から変更しましょう。

合わせて背景の繰り返しや位置、スクロールした際の挙動を設定することができます。

 

まとめ

今回はSimplicity2カスタマイズの第1回目として次の解説をしました。

 

  • 子テーマのインストール
  • ヘッダーと背景画像の変更方法

 

カスタマイズする事前準備として、子テーマのインストールは絶対しておいた方が良いです。

次回以降も子テーマをいじることでカスタマイズしていきます。

 

また、ヘッダーと背景画像を変更することで、見た目がガラッと変わったと思います。

ご自身のブログを少しずつカスタマイズして、自分色にしていくと、記事の更新も楽しくなるのではないでしょうか。

 

それでは次回もはりきってSimplicity2をカスタマイズしていきましょう!

 

次回は、「記事と記事の間に境界線を引く方法」を解説します。

【Simplicity2カスタマイズ②】コピペで簡単♪記事と記事の間に境界線を引く方法
今回行うカスタマイズは、「記事と記事の間に境界線を引く」です。 トップページやカテゴリごとのページには記事がずらりと並びますが、デフォルトだと記事と記事の間にはなにも無い状態です。 そこで、記事と記事の間に境界線を引くことで、見た目...

 

当ブログで行ったカスタマイズのまとめはこちら↓

【Simplicity2カスタマイズ】WordPress初心者が行った6つの方法【まとめ】
WordPressテーマ『Simplicity2』を愛用している私が行ったカスタマイズ方法をまとめて紹介します!WordPress初心者でも簡単にできるカスタマイズばかりですよ♪

コメント