PV2倍超え!WordPressの無料テーマStinger導入準備とカスタマイズ

※当ページのリンクには広告が含まれています。

WordPressのテーマをStingerにしたら1日でPV2倍以上アップ! WordPress(ワードプレス)
スポンサーリンク

WordPressでブログを初めて10ヶ月、やっと3000PV/日超えを達成したTONELIKOです。

ここ1ヶ月位は1500PV/日前後で停滞していたのですが、昨日、WordPressでSEOに強いと評判の無料テーマ「Stinger3」を導入したところ、導入した日にPVがいきなり前日比2倍超に跳ね上がりました。まさかこんなにすぐ効果が出るとは思いませんでしたのでビックリです。

今回は、「Stinger3」導入に当って実施した事前準備及び、導入後のカスタマイズについて、第一に素晴らしいテーマを無料配布して頂いたENJIさんに感謝の気持ちを込めて、第二に備忘録として記しておきたいと思います。

 

スポンサーリンク

導入前の準備

中には「Stinger」導入後に始めても間に合うこともありますが、スムーズに作業を進めるため、事前にできる準備は一通り済ませておいた方が良いでしょう。

 

公式ページに一通り目を通しておく

「Stinger」公式ページはこちらです。

SEO対策に強い無料WordPressテーマ「Stinger」

テーマのダウンロードも上記サイトから行えます。また、インストール方法から設定方法、カスタマイズまで、親切に詳しく解説されていますので、導入前に一通り目を通しておくことをオススメします。

 

完全バックアップ

「Stinger」を導入したものの、当初自分が期待していたものと実際とでズレがある可能性もあります。また、使用環境によっては、予期せぬトラブルに見舞われ、元のテーマに戻さなければならなくなる可能性も、まったく無いとは言い切れません。

念のため、データベース及びWordPressファイルの完全バックアップを取っておきました。

なお、バックアップの方法に関しては、「悪戦苦闘5日間!ロリポップ!からエックスサーバーへのWordPress移転方法!」の6と7を参考にしてください。こちらでは、ロリポップ!のケースで解説していますが、基本的なやり方はどのレンタルサーバーではあまり変わらないと思います。

 

ヘッダーとファビコンのオリジナル画像準備

Stingerのデフォルトのファビコンとヘッダー画像

「Stinger」を導入すると、上記画像の通り、ヘッダー画像とファビコン(favicon)はデフォルトの画像が表示されます。オリジナル画像に変更したい場合は、あらかじめ用意しておきましょう。

ヘッダー画像サイズは986px×150pxです。鮮明な画像を表示するためには同じサイズの画像を用意しておくことが望ましいです。

また、ファビコンは拡張子が.icoのファイルでなければ利用できません。私は作成したJPEGファイルをfavicon.ccで[Import Image]して作成しました。

 

Googleアドセンスの広告コードを用意

「Stinger」で使用するGoogleアドセンスの広告サイズは「336×280-レクタングル(大)」になります。また、スマホ用には「300×250レクタングル」を使いますので、この2サイズの広告をあらかじめ用意しておきます。

 

競合プラグイン停止

「Stinger」にはいくつか競合するプラグインがあります。詳しくは公式サイト「【Stinger利用者の方は必ずお読み下さい】Stingerでいるもの、いらないもの」をご確認ください。不具合の発生原因になりますので、該当するものはあらかじめ停止もしくは削除しておきましょう。

私の場合、以下のプラグインを停止しました。

  • Breadcrumb NavXT
  • No Self Pings
  • Tweet, Like, Google +1 and Share
  • WP-PageNavi
  • WP Social Bookmarking Light
  • WPtouch Mobile Plugin
  • Yet Another Related Posts Plugin

 

導入後にやったこと

基本的には、公式サイト「WordPressテーマ「Stinger」の設定方法」と「カスタマイズ」を参考に作業すればOKですが、他にもいくつか実施したことがあります。

 

Googleアナリティクスのコードをheader.phpに貼り付け

これをやらないとせっかく「Stinger」を導入しても、効果が測定できません。Googleアナリティクスのページからトラッキングコードをコピーして、header.phpファイルの</head>タグの直前に貼付けし、「ファイルの更新」をします。

 

画像をオリジナルに変更

用意しておいたヘッダーとファビコンの画像をオリジナルに変更します。

ヘッダー画像は、公式サイト「カスタマイズ」に記載の通り、管理画面の「外観 > ヘッダー」からアップロードして変更します。

ファビコンの画像を変更するには、まず、/wp-content/themes/stinger3ver20130906/images/直下に、オリジナルアイコンファイル(拡張子.ico)をFTPアップロードします。

次に、header.phpファイルの下記コードのimages/の次をアップロードしたアイコンファイル名(下記ではfavicon.ico)に変更します。

<link rel=”shortcut icon” href=”<?php echo get_template_directory_uri(); ?>/images/favicon.ico” />

 

全記事にアイキャッチ画像を設定

記事にアイキャッチ画像が設定されていないと、記事タイトル左横に画像が表示されず、なんとも寂しいブログになってしまいます。私は全記事にアイキャッチ画像を設定するのに半日を費やしました。

もちろん既にアイキャッチ画像を設定済みのブログには不要な作業です。

 
追記:
「Auto Post Thumbnail」というプラグインの存在を今知りました。記事内の一番上にある画像を自動的に取得し、アイキャッチ画像に一括登録できるのだそうです。「WordPress神推しブログのネタワン」さんで紹介されていました。

う~ん、もっと早く知っておきたかった!私の半日を返せ~!

 

人気記事をスクロール広告に入れる

スクロール広告用に「Wordpress Popular Posts」を貼り付け

私は人気記事をプラグイン「Wordpress Popular Posts」を使って、右サイドバーのウィジェットで表示していたのですが、これをそのまま「スクロール広告用」の中に入れてページ下部に常にスクロール表示されるようにしました。

 

あとがき

当ブログではもともとテーマに「Twenty Twelve」を使っておりましたが、「Stinger3」に変更した途端、わずか1日でコレほどの効果が出るとは正直なところまったく想定していませんでした。

ENJIさんには改めて感謝の気持ちをお伝えしたいと思います。

なお、「Stinger」は細かい修正やバージョンアップがされることがあります。実際に、9月12日には「[STINGER3修正のお願い] IE9で、画像が大きく表示される」が、9月13日には「【重要】Stingerのスマホ用アドセンス表示の問題について」が公開されています。

いずれも重要な修正事項ですので、私はすぐに対応しました。今後も新しい情報を見落とさないよう、公式サイト「SEO対策に強い無料WordPressテーマ「Stinger」」をfeedlyに登録して毎日チェックできるようにしています。

 
以上TONELIKOでした。
 



コメント

タイトルとURLをコピーしました