ブログアフィリで稼ぐ講座第15回!WordPress「外観」の設定方法とは?

目安時間:約 13分
  • このエントリーをはてなブックマークに追加
  • 人気ブログランキング

WordPress「外観」の設定方法とは?


WordPressの「外観」は主にブログの「見た目(デザイン)」をカスタマイズすることができます。

nb34a

「外観」には

「テーマ」

「カスタマイズ」

「ウィジェット」

「メニュー」

「ヘッダー」

「背景」

「テーマの編集」

という項目があります。

これから、それぞれの項目についてご説明させていただきます。

「テーマ」の設定方法とは?


「テーマ」はブログのデザインを変えることができるものです。

テーマには有料と無料のものがあります。

僕は今回、初めて無料の「STINGER6」のテーマを使わせていただいていますが機能的には有料のテーマと同等の性能を持っている印象を受けます。

(ホントにすごいテーマです)

Wordpressのテーマは国内のものだけでもたくさんあります。

それぞれに特徴がありますので一度、有料、無料を問わず色々と探してみてください。

nb34b

新しいテーマに変更したい場合は赤い四角でかこった部分をクリックして、新しいテーマを追加してから有効化してください。

※テーマだけではないのですがWordpressにデータをインストールするときは「フォルダを解凍していない圧縮した状態のまま」でないとインストールできないです。

テーマを変更するときは「ライブプレビュー」で有効化する前に変更後のデザインを確認することができます。

「カスタマイズ」の設定方法とは?


カスタマイズではブログのデザイン(見た目)を変更していくことができます。

nb34d

色々とデザインを変えていけるのでそれぞれの設定方法についてご説明させていただきます。

「ロゴ画像」の設定方法とは?


「ロゴ画像」というのは

nb34e

ブログのタイトルを画像に変更できることです。

まずはフォトスケープで画像をあらかじめ作ります。

nb34g

無料画像加工ソフト「フォトスケープ」での画像加工方法はこちらの

「画像の加工方法!Photoscape (フォトスケープ)の使い方とは?」

の記事を参考にしてみてください。

画像ができたら「ロゴ画像」をクリックしてください。

nb34h

すると

nb34j

「画像を選択」というボタンがあるのでクリックします。

nb34k

「ファイルをアップロード」をクリックします。

nb34l

画像を選択すると

nb34m

プレビュー(変更された場合の状態)が表示されますのでOKなら

nb34n2

「保存して公開」をクリックしてください。

これで

nb34o

タイトルがロゴ画像に変更されます。

「サイト基本情報」の設定方法とは?


nb34p

「サイトの基本情報」では、「サイトタイトル」と「キャッチフレーズ」を変更することができます。

その他に「サイトアイコン」というサイトのブラウザやアプリで表示させるアイコンを作ることができます。

普通にアフィリエイトをする分にはアイコンを作る必要はありませんが必要になったら作成してみてください。

「基本色(キーカラー)」の設定方法とは?


nb34q

「基本色(キーカラー)」では、タイトルなどの基本的な色と見出しの色を変更することができます。

例えばタイトルの色はデフォルト(初期設定)では黒色なのですが

nb34r

これを青色に変更してみると

nb34s

文字が青くなります。

たまに文字を赤とか緑とかいろんな色を使っている人がいますが、はっきり言って「見づらい」のでヤメた方がいいです。

見てくれる読者のことを考えるならデフォルトの黒のままの方がいいです。


「吹き出し背景色」と「吹き出し内の文字色」というのはデフォルトだと

nb34t

こうなるのですが色を変えると

nb34u

こういう風に変えることができます。

(僕は、見出しは色がはっきりついている方が見やすいと思うので変えておきます)

「RSS(購読する)ボタン」は

nb34v

ここの赤くかこってあるボタンのことです。

ここの色も

nb34w

変更しておきます。

すべてがOKなら「保存して公開」をクリックして設定を変更しておいてください。

色を変更するだけでブログの印象はかなり変わってくるので自分の好きな色に変えてみてください。

「色」の設定方法とは?


nb34x

「色」はブログの背景色を変更することができます。

nb34y

僕はシンプルなブログが好きなので、いつも背景色は白色にしています。

あなたの好きな色があれば変更しておいてください。

「ヘッダー画像」の設定方法とは?


「ヘッダー画像」というのは

nb34z

記事の上にくる画像のことです。

ブログの中で一番目立つ部分なので、どんなブログかすぐに分かるようなキャッチコピーや画像を入れます。

アフィリエイターの中でも、ブログのデザインに凝っている人しかヘッダー画像は入れていませんが、面倒じゃなければいれた方が僕はいいと思っています。

ヘッダー画像が入っていると、どのようなブログなのかがすぐに分かりやすいです。

それではヘッダー画像を変えていきます。

「お使いのテーマはヘッダーサイズとして1060 × 400ピクセルを推奨しています」と書いてあるので、その大きさに作ります。

僕は「ヘッダー画像」とか「プロフィール画像」など目立つところに使う画像は無料のフリー素材ではなく有料の画像をいつも購入しています。

フリー画像と違って画像の質がすごく高いので目立つところに使う画像で当分変更することがないなら有料の画像を使ってみるのもいいと思います。

「stock.foto」

nb345a

「stock.foto」は綺麗な画像がたくさんあるから見ているだけでも楽しいですよ。

ヘッダー画像をこんな風に変えてみました。

nb345d

ヘッダー画像を変えるとブログの印象が大きく変わりますよね。

(ついでにロゴ画像もまた変えてみました)

好きな画像やキャッチコピーを入れて自分らしいブログにしてみてください。

「背景画像」の設定方法とは?


背景画像はブログの背景に画像を入れることができます。

こんな風に

nb345e

変わります。

「メニュー」の設定方法とは?


メニューというのは

nb345p

この部分のことです。

メニューには

nb345q

記事の上にメニューを作る「トップ用メニュー」と記事の下にメニューを作る「フッター用メニュー」があります。

※「フッター」というのは「foot(足)」という意味でブログの下の方のことです。

今回はトップ用メニューを作っていきます。

まずは

nb345f

「メニューを追加」をクリックします。

「新規メニュー名」と表示されるので分かりやすいメニュー名を付けてください。

nb345g

メニュー名を入力したら「メニューを作成」をクリックしてください。

次に「トップ用メニュー」と「フッター用メニュー」を選ぶことができます。

今回は「トップ用メニュー」に☑チェックを入れたら「項目を追加」をクリックしてください。

nb345h

すると

nb345i

メニューに設定できる項目が表示されます。

「カスタムリンク」

nb345j

カスタムリンクはURLを入力すればリンク先(URLで指定したウェブページ)をメニューに追加できます。


「投稿」

nb345k

「投稿」は公開した記事をメニューに追加することができます。


「固定ページ」

nb345l2

「固定ページ」は固定ページで作成した記事をメニューに追加することができます。


「カテゴリー」

nb345m

記事の「カテゴリー」をメニューに追加することができます。


「タグ」

「タグ」もメニューに追加することができますが、あまりタグをメニューに入れることはないと思います。

僕は記事のタグの設定自体も、もうしていません。


それでは固定ページの「お問い合わせフォーム」と「サイトマップ」と、カテゴリの「テスト」にチェックを入れて「メニューに追加」をクリックしてみます。

すると

nb345n

このようになります。

ドラッグすると表示させる位置の順番を変更することもできます。

そして

nb345o

「メニューを保存」をクリックすれば反映されます。

nb345p

このようになるのです。


「ウィジェット」の設定方法とは?


ウィジェットというのはブログの記事以外の場所に広告や画像、文章などを表示させることができます。

nb345r

デフォルト(初期設定)でサイドバーに

nb345s

「検索」や「最近の投稿」などが設定されています。

ブログでの表示は

nb345t

このようになっています。

今回はウィジェットで「プロフィールの設定」をしていきます。

プロフィールに画像を使いたいのでまずはWordpressの中に画像を調べます。

ダッシュボードから「投稿」の「新規追加」をクリックして記事作成の画面を開きます。

そこに「メディアの追加」でプロフィールに使いたい画像を記事作成画面に入れます。

nb345w

この画像URLはコピーしておいてください。

(この記事作成画面は画像のURLが知りたかっただけなので、新しく記事を書くときに使うか削除してください)

それではダッシュボードの「外観」から「ウィジェット」の画面を開きます。

nb345x

左側に「テキスト」というのがあるので

nb345u

ドラッグして「サイドバーウィジェット」の一番上に持っていきます。

nb345v

テキストを開いて

nb345y

タイトルを決めて、先ほどコピーしておいた画像を貼り付けます。

あとは、あなたのことやブログの目的などを書いてください。

下にある「自動的に段落追加する」に☑チェックを入れると文章に改行タグを入れなくても自動で改行してくれます。

OKなら「保存」をクリックしてください。

ウィジェットで設定したプロフィールを確認してみると

nb345z2

このように表示されています。

ウィジェットでは「広告」や「おすすめ商品」など色々なものを表示させることができるので試してみてください。

※アドセンス広告は、アドセンス広告意外の広告と一緒に表示するとペナルティを受けることがあるので注意してください。

テーマの編集の注意点とは?


テーマの編集はコンピューターが分かる言葉(マークアップ言語)を使ってブログの様々なことを変更することができます。

ほとんどいじるとすれば「ヘッダー」の部分だと思うのですが、それ以外の場所を書き換える時には必ずバックアップを取ってからにしてください。

バックアップの取り方はこちらの

「WordPressのバックアップデータを簡単に保存する方法とは?」

の記事を参考にしてみてください。

バックアップを取っていないと画面が真っ白になってWordpressにログインすらできない状況になってしまう可能性があります。

(僕はなりました、苦笑)

バックアップさえ取っておけばFTPソフトから修復することができます。

さいごに


お疲れ様でした。

これでブログのデザインが終了しました。

プラグインや各種設定、外観(デザイン)の設定が終了したのでWordpressのカスタマイズはこれで終わりになります。

きっと、あなたのブログがオリジナリティあふれるブログに仕上がっていると思います。

次回のブログアフィリエイト講座からは「記事作成」に入っていきます。

実際に記事作成をしながら注意点などをご紹介していきますので頑張っていきましょう!


  • このエントリーをはてなブックマークに追加
  • 人気ブログランキング

コメントフォーム

名前

 

メールアドレス

 

URL

 

 

コメント

トラックバックURL: 
自己紹介と当ブログについて

isao12

管理人:いさお
詳しいプロフィール

カテゴリー
アフィリエイト基本用語

afyi12a
上記画像かこちらをクリックしてください。

最近の投稿
人気ブログランキング
メタ情報