*

WordPressテーマ「Stinger」の設定方法

公開日: : 最終更新日:2013/04/13

ここでは、テーマのインストール後の設定を説明致します。

インストールが未だの方は

サーバ・ドメイン設定から必要な方
インストールだけ知りたい方

目次

WordPress基本設定

サイト名の登録

まずは、サイトのタイトルとキャッチコピーを決定します。
サイトでいう以下の場所になります。

2013-04-12_210820

設定の「一般設定」より①の「サイトのタイトル」、②のサブ説明を記入します。①はSEOキーワードを意識して下さい。

2013-04-12_210759

パーマリンクの変更

WordPressの初期設定では生成されるURLが、意味の無い数列の為、できればカスタマイズ出来る事が好ましいです。

「設定」のパーマリンクから、「カスタム構造」を選択し、「%category%/%postname%/」に変更しましょう。

2013-04-12_211015

こうすることで、記事の投稿時に任意のURLに変更する事ができます。また、このテーマではうっかり設定を忘れてもidのURLを生成するようにしてあるので長すぎるURLになったりしません。

メディアサイズの変更

2013-04-12_211044

「メディア」から、画像をアップロードする際のサイズを決定しましょう。「Stinger」の記事ページの横幅は「556px」です。ただ、これを超えるサイズ(フルサイズ)で投稿してもレイアウトが崩れない様にしてあります。

ヘッダー画像の変更

2013-04-12_210832

サイトのトップの画像は好きな物にできます。

2013-04-12_211126

「外観」の「ヘッダー」より好きな画像をアップロードして下さい。複数の画像を登録してランダム表示する事も可能です。

※ヘッダー画像サイズは986px×150pxです。それ以下だと画像が汚くなります。

画像の高さを変えたい場合

2013-04-12_211147

「テーマ編集」より「テーマの為の関数(functions.php)」を選択して③の150pxを変更して下さい。
※986pxは変更しない方が良いです。

 カスタムメニューの設定

2013-04-12_210843

サイトのメニューは好きな内容を「カスタムメニュー機能」で設定できます。

2013-04-12_211229

「外観」の「メニュー」で「メニューの名前(任意)」を記入し「メニューを作成」をクリックします。

2013-04-12_211313

上記の作成したメニューの名前を選択し「保存」をすれば完了です。

アフィリエイトの設定

アフィリエイトは「ウイジェット」より入力できます。

2013-04-12_211602

「サイドバー1」には、サイドバーに表示したい情報があります。初期設定で最初から入っているので「検索」など重複するものはドラッグして外して下さい。

Googleアドセンスの設定

2013-04-12_210904

googleアドセンスは336pxサイズがちょうどはまります。

gooleアドセンスのやり方

まずは、Googleアドセンスの登録をして下さい。

2013-04-12_212338

www.google.com/adsense/?hl=ja

336×280サイズのコードを取得

2013-04-12_212402

2013-04-12_212450

①名前(任意)

②「336×280-レクタングル(大)」を選択

③広告タイプを選択

④代替え広告を選択

⑤カスタムチャンネルを設定(設定すると、何の広告がクリックされたかわかりやすいです。)

⑥「保存してコードを取得」

2013-04-12_212502

コードをコピーします。

ウイジェットの「Googleアドセンス用」の所に「テキスト」をドロップしてタイトル(任意)とgoogleで取得したコードを貼って保存して下さい。

2013-04-12_211845

以上で完了です。

追尾式広告の設定

Amazonアソシエイトの場合

2013-04-12_211703

サイドバーに表示される追尾式広告の設定です。
こちらもウイジェットで設定できます。
なんのアフィリエイトでも構いません。サイズは「336px」です。

今回は「amazonアソシエイト」を例にします。

amazonアソシエイトに登録する

2013-04-12_212526

 https://affiliate.amazon.co.jp/

まずはアカウントを取得して下さい。

amazonコードを取得

2013-04-12_212603

売りたい商品を検索します。

2013-04-12_212622

今回は高橋さんの本にしてみましょう。
「リンクを作成」をクリック

2013-04-12_212644

①画像のみ

②商品イメージ大

③コードをコピー

ウイジェットの「スクロール広告用」に「テキスト」を挿入して②にコードを貼ります。①は任意ですが必ず記載して下さい。

2013-04-12_211744

その後も同様に、続けて他の商品のコードを貼っていってもらって構いません。当テーマではamazonの大画像リンクがきれいに並ぶように設定してあります。

最後に保存を押したら完了です。

記事の投稿

カテゴリーの追加

記事を投稿する前に「カテゴリー」を作りましょう。当テーマの関連記事は同じ「カテゴリー」が表示されます。

2013-04-12_212037

①「投稿」の「カテゴリー」より

②で名前、スラッグ(スラッグはURLになりますので半角英数字にしましょう)を入力

③「新規カテゴリーを追加」で完了。

書く記事のテーマの数だけ作っておくと便利です。(健康・料理など)

記事の投稿

いよいよ最後の記事の投稿です。

2013-04-12_212006

①「投稿」の新規追加を選択

②タイトルを記入

③記事を書く

④カテゴリーを選択

⑤「アイキャッチ画像」を設定(※タイトルの横に表示されるサムネイル画像です。必ず設定しましょう!)

⑥「公開」で完了です。

 

ad

ad

SEOとアフィリエイトに効果的なWordPressテーマSTINGERの作者です。「はじめてのWordPress」で紹介されました。
PAGE TOP ↑