【ワードプレス】ブログの外観デザインをカスタマイズする方法

こんにちは。 

一日1~2時間の作業で月20万円前後の収益を得ている副業ブロガー。「ニッチジャンルで安定的に稼ぐブログ理論」を提唱しているユキスキです。

ゆき子
ブログの外観ってどうやってカスタマイズするんですか?
ユキスキ
直感的に操作できるので、とても簡単ですよ

前回、ワードプレステーマの導入まで説明させていただきましたが、今回は具体的なカスタマイズ方法です。

テーマを導入すると、カスタムしなくても十分素敵なブログデザインに変わりますが、より自身の個性を出したいなら色やロゴを変更する必要があります。

ここまで小難しい作業が続いてきましたが(笑)ブログデザインのカスタマイズは直感的に操作できるので簡単です。

ぜひ、読者に思いを馳せながらいろいろ試してみてください!

ブログデザインのカスタマイズ方法

ゆき子
ピンクが好きなので、ピンク基調のブログにしたいです!
ユキスキ
もう、解説が必要ないくらい簡単なので、いろいろ試して楽しんでください

では、具体的なカスタマイズ方法について解説していきます。とはいえ、難しい操作は一切ないのでどんどんカスタムしてくださいね!

ちなみに、テーマによってカスタマイズの画面は異なります。ですので、今回は基本的な使い方をレクチャーします。

まず、ワードプレスの管理画面から、「外観」→「カスタマイズ」をクリックします。

すると、カスタマイズ画面が現れます。現在反映されているテーマが表示されていればOKです。

左側の各項目をクリックして編集しましょう。

■サイト基本情報

サイトの基本情報は、タイトルやキャッチフレーズを変更できます。サイトアイコンはブックマーク等に表示されます。

※写真のアップロード方法は、ヘッダー画像の項で解説します。

一番下にあるマークをクリックすると、パソコン、タブレット、スマホで表示された時のイメージを確認することができます。

■色

「色」は、その名の通りブログの色をカスタマイズできます。実際のブログ画面を確認しながら変更できるので便利ですね。

赤い枠で囲った部分の文字をコピーすれば、他の項目でも同じカラーを反映できます。

デフォルトをクリックすると元に戻るので、安心してカスタムしちゃってくださいね。

■ヘッダー画像

ヘッダー画像は、トップページの写真を任意の画像に変更します。まずは、「新規画像を追加」をクリック。

「ファイルをアップロード」→「ファイルを選択」をクリックして任意の写真をアップロードします。

さらに、アップロードした写真を選択して、「選択して切り抜く」をクリック。

「画像切り抜き」サイズを編集できるので、あらかじめ画像を編集する必要もありません。

はい、これでバッチリ画像が反映されました!

■その他

ちなみに、メニュー・ウィジェットの項は別の記事で詳しくお話しますので、今回は割愛させていただきます。

ホームページ設定と追加CSSも、今は特に設定する必用はありませんので、そのままでOKです。

ちなみに、有料テーマを購入するとカスタマイズできる項目も増えます。

写真は、当ブログで使っている有料テーマ「ハミングバード」のカスタマイズ画面です。

最後は忘れずに公開ボタンを押してくださいね!

実際に表示されるデザインは、ワードプレスの管理画面左上の「サイトを表示」で確認することができます。

オリジナルのデザインを作ってみよう!

ゆき子
ユキスキさん…とりあえず完成しましたが、なんか味気ないんですよね…
ゆき子
もっと、他のブロガーさんと差別化したいんですが…
ユキスキ
では、ゆき子さんご自身でアイコンのデザインを作ってみましょう!

さて、ここまではブログデザインをカスタマイズする方法についてお話してきましたが、ただ写真を載せただけだと味気ないですよね。

もっとオリジナリティのあるデザインにしたい…そんな時は無料で使える作成ソフトを使ってみましょう。

■Canva

今私も使っている無料写真サムネ作成ソフトCanvaは、ご自身の写真をおしゃれに加工することができます。

様々なテンプレートが用意されているので、デザインとは無縁な素人の私でもそこそこかっこいいアイコンが作れます。

スマホアプリと一緒で直感的に操作できるので、すぐに使いこなせますよ。

詳しい使い方は、下記の記事を参照ください。

■ペイント

Windowsユーザーにはお馴染みのペイント。写真を切り取ったりするのに便利なのでよく使ってます。

MACの場合は、JPEGなどファイルをダブルクリックすると、ペイントに似た「プレビュー」ソフトが起動します。

これで、サイトアイコンもバッチリです!

■イラストAC

壁紙や無料イラストを使うなら、イラストACがおすすめ。1日の検索数・ダウンロード数に制限はあるものの圧倒的な作品数を誇ります。

ログインしたら、イラストを選んでダウンロードするだけ。

■ブログデザインカスタム前

■ブログデザインカスタム後

どうでしょ?かっこよくなった?

ホントはタイトルのロゴとかも変更したかったのですが、どうやら無料版なのでできないみたい…

まぁそこそこかっこよくなったので、よしとしましょう(笑)

バナーやアイコン作りでおすすめのサイト

今回は使用しませんでしたが、バナーやアイコン作りにおすすめなサイトをご紹介したいと思います。

■オーダン

世界中の無料写真を検索できるサイトです。

検索してダウンロードするだけなので、使い方も超簡単!おしゃれな写真がたくさん見つかりますよ。

■写真AC

先ほどのイラストACと同じく、検索回数・ダウンロード数に制限はあるものの、高品質な写真が無料で手に入ります。

■パーフェクトイメージ

こちらはスマホのアプリですね。アップルストアで「Perfect Image」と検索すると出てきます。

出先でもスマホの写真をおしゃれに加工できるので重宝してます。

ちなみに、作った画像はGメールに送ってパソコンでダウンロードして使ってます。

■ココナラ

もっとデザインにこだわりたいなら、ココナラがおすすめです。

有料ですが、デザイナーさんにロゴやタイトルを数千円~作ってもらうことができます。

まとめ

ゆき子
ブログデザインをカスタムするのは楽しい!一度やったら止まらなくなりますね(笑)
ユキスキ
ブログデザインを作るのは楽しいですよね。でも、こだわりだすとキリがないので、ほどほどにしましょう

いかがでしたでしょうか。

基本的にワードプレスの設定作業って地味でつまらないのですが(笑)ブログのカスタマイズだけは、時間を忘れて楽しめます。

でも、読者側からすれば「あそこのブログ、デザインおしゃれだから見に行こう」とはなりません。

デザインにこだわり過ぎても集客には繋がりませんので、ほどほどにしてくださいね。

ワードプレスの設定方法は下記の記事にまとめていますので、合わせてご参照ください。


スポンサーリンク




ライバル不在のニッチなジャンルで継続的に10万円を稼ぐブログ理論(有料ノート)

少ない作業時間でも収益をあげることができるブログ運営理論です。

今回、5年間ブログを運営してきて、自分の理論に自信が持てたので有料で公開することにしました!(前半の8,000文字は無料で読めます。)




コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

ABOUTこの記事をかいた人

38歳サラリーマンで1児の父。会社での給与がなかなか増えないので、小遣い稼ぎのつもりでブログを開始する。「ニッチブログで小さく稼ぐ理論」を提唱しており、現在はGoogleアップデートの影響を受けづらくライバルが少ないジャンルで月間20万円前後を安定的に稼ぎ出しています。