ブログアフィリで稼ぐ講座第8回!wordpressテーマの設定方法とは?

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

wordpress(ワードプレス)のテーマとは?


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

日記を書くためにブログを始めたり、知り合いだけに見せるブログを作るのであれば、どのようなテーマを選んでもいいのですが、本気でアフィリエイトで稼ごうと思ったらSEO仕様(内部SEOをほどこしてある)テーマを選んだ方がいいです。

これからwordpressテーマの設定方法をご紹介させていただきますので参考にしてみてください。

wordpressテーマの設定方法とは?


最初にwordpress(ワードプレス)をインストールするとWordPress公式テーマの「Twenty Fifteen」に設定されています。

nc20a

「Twenty Fifteen」はwordpressの公式テーマに設定されているだけあって安全性は高いし、シンプルで使いやすいです。

でも、ブログアフィリエイト向きではないです。

なので、まずはテーマの変更をしていきます。

今回はWordPress無料テーマで最強だと噂の「STINGER」の「6」というバージョンがあるので、そちらをインストールしていきます。

※基本的に僕は無料のテーマは使っていないです。有料テーマの方がデザイン性に優れているので。でも今回は、最初から有料のテーマを使う必要は無いと思うので無料のSEOに強いテーマをインストールしていきます。

WordPress無料テーマ「STINGER6」のダウンロード先はこちらです。

nc20b

(「ENJILOG(エンジログ)」のENJIさん作成テーマ)

ダウンロードページで「※規約に同意してダウンロード」をクリックしてください。

nc20c

ダウンロードをクリックすると「保存」という画面が出るので、横の「▼」ボタンをクリックすると

nc20d

「名前を付けて保存(A)」というものが出てくるので、そのまま好きなところかデスクトップにダウンロードしてください。

※ダウンロードの画像はお使いのOSによって異なる場合がございます。

僕はデスクトップに保存したのでデスクトップ上に・・・

nc20e

このようなフォルダが現れます。

このフォルダは解凍しないで、そのままにしておきます。

(WordPressのテーマは圧縮されている状態じゃないとインストールできないです)

次にブログのダッシュボードから「外観」から「テーマ」を選んでクリックします。

nc20f

するとテーマの管理画面があらわれます。

nc20g

「新規追加」をクリックします。

nc20h

「テーマのアップロード」をクリックします。

nc20j

次は「参照」をクリックします。

そして、先ほどダウンロードしたフォルダを選んで「開く」で読み込んでください。

nc20k

「今すぐインストール」をクリックしてください。

nc20l

「ライブプレビュー」をクリックすると、プレビュー画像(変更した時の見本画像)が現れます。

「有効化」をクリックするとテーマが変更されます。

「テーマのページに戻る」をクリックするとテーマを変更せずにテーマの管理画面に戻ります。

ここでは、「有効化」をクリックしてください。

nc20m

「ん?なんだ?あまりかっこよくないぞ?」て、もしかしたら思うかもしれませんが、カスタマイズしていけば結構カッコよくなっていく気がします。

wordpressのテーマ「STINGER6」はすごい!


ダッシュボードを開いたら「STINGER管理」て項目があったので開いてみたんですけど・・・

nc20n

いやーっ!正直、驚きました!

設定画面の細かさは有料級です。

普通に1万円とかで販売しても絶対に売れる気がします。

これを無料で販売されているなんてすごいですね。

僕、別に「STINGER」を紹介しても、褒めても何も得することは無いのですが素直に・・・

すごいです!(このテーマと作った人が)

それではカスタマイズしていきます。

ヘッダー画像を入れる


今のブログの状態は・・・

nc20q

こんな感じで赤く囲ってある一番目立つ「ヘッダー」の部分に何もないのは寂しいので、まずは画像を入れていきます。

画像の作成(加工)は「Photoscape (フォトスケープ)」という無料の画像加工ソフトを使います。

Photoscape (フォトスケープ)のダウンロード場所と使い方はこちらの

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

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

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

画像は無料で配布されている壁紙や写真、自分で撮った写真などがいいと思います。

それでは画像の加工が終わったら「外観」から「ヘッダー」を選んでクリックしてみてください。

すると・・・

nc20r

このような画像に変わります。

そしてあらかじめ用意しておいたヘッダー画像をそこに入れていきます。

まずは「新規画像追加」をクリックして画像を読み込みます。

nc20s

画像を選択したときに「画像切り抜き」ができるので、切り抜きたい場合は必要な部分だけを切り抜いてください。

僕はそのまま画像を使うので「切り抜かない」にします。

nc20t

特に問題がなければ「保存して公開」をクリックします。

「保存しました」に変わればOKなので

nc20u

「×」ボタンをクリックして戻ります。

そして、ブログを確認してみると・・・

nc20v

ヘッダー画像が変わっています。

(意味不明なキャッチフレーズはスルーしてください)

ヘッダー画像を変えるだけでも印象がだいぶ変わってきますよね。

※ヘッダー画像の作成は無料の画像作成ソフト「PhotoScape(フォトスケープ)」を使用しています。

画像の加工方法は別の初心者講座で詳しくご紹介させていただきます。



次はダッシュボードの左側から「STINGER管理」をクリックして開いてみてください。

nc20w

「デザイン・レイアウト関連設定」のところで・・・

「オリジナルテーマカスタマイザーを使用する」と「下層ページにもヘッダー画像を表示する」にチェックをいれて一番下にある
「save(セーブ)」をクリックします。

nc20x

【オリジナルテーマカスタマイザーを使用する】

「オリジナルテーマカスタマイザーを使用する」はタイトルの色や吹き出しの背景色などを変更できるようになります。

こんな感じで・・・

nc20y


【下層ページにもヘッダー画像を表示する】

「下層ページにもヘッダー画像を表示する」にチェックを入れるとトップページ以外にもヘッダー画像を表示することができます。

せっかく作ったのでチェックを入れてみました(笑)

トップページ以外にヘッダー画像を表示させたくない場合はチェックを外しておいてください。

次は「外観」から「カスタマイズ」を選んでクリックしてみてください。

nc20z

色々と出てきますが今回は「色」を選択して、ブログの背景色を変えていきます。

nc20a2

好きな色をクリックすればブログの背景色が変わります。

例えば・・・

nc20a3

肌色っぽい色にしてみたり・・・

nc20a4

青色に変えてみたり・・・

nc20a5

黄色っぽい色に変えたりと色々とできます。

お好きな色に変えていってください。

僕の場合はシンプルで見やすいデザインが好きなので、普通に白にします。

nc20a6

wordpressのテーマの設定はこのような感じです。

タイトルを画像に変更したり、背景色を写真にしたり、文字のサイズを変えたりとまだまだ色々なことができます。

テーマのデザインはいくれでも変えられるし、作りこめば作りこむほど自分のオリジナリティが出て楽しくなってきます。

wordpressのテーマは有料、無料などを合わせるとすごくたくさんのものがあります。

慣れてきたら色々なテーマを試してみるのもいいと思います。

さいごに


今回はwordpressのテーマ選びで無料のものを探していたのですが「STINGER6」は、本当に有料で販売さえているテーマと同じか、それ以上にデザイン性や使い勝手がいい気がします。

以前に「STINGER3」が「すごくSEOに強い!」て言われていて、僕は一度だけテーマを「STINGER3」に変えてみたことがあったんです。

確かにSEOには強いかもしれなかったのですがデザインがあまり好きになれなくて使うのをすぐに辞めてしまったのですが「STINGER6」は、かなり良いと思います。


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

コメントフォーム

名前

 

メールアドレス

 

URL

 

 

コメント

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

isao12

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

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

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

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