【WordPress】賢威6.2からStinger5にテンプレートを変更してみた

こんにちは！とみーです。

個人がブログを持つときに、とっても便利なWordPress。

プラグインなど、後で追加の機能を追加したり、
少し勉強してデザインやテンプレートをいじったりなど、
カスタマイズも割と容易にできて人気の無料ブログシステムです。


で、さっそくWordpressを使おうとしたときに、
「さて、どうしようか」

となるのがデザイン。


つまり、どんなテンプレートを使うか、だと思います。



アフィリエイターに人気なのは、
言わずと知れた(？)、賢威ですよね。

ウェブライダーの松尾さんも、見た感じ、かなり真面目に運営していて、
アップデートやサポートフォーラムむ充実していてとても便利。

書くいう私も、賢威を購入してから、
ほとんどのサイトを賢威テンプレで作っています。

有料のテンプレートなら、おすすめなのは、
私の場合、賢威一択だと思います（＾＾

では無料のWordPressテンプレートでおすすめなのは？

ただし、賢威の弱点としては、デフォルトのデザインが少ない。
たしか、4種類程度しかなかったはずです。

もちろん、カスタマイズすればいくらでも変更は可能なのですが、

「テンプレートをいじるのは怖いよぅ」

という人も多いでしょう。

あとは、個人的な感覚としては、

オサレ(おしゃれ)さに欠けるかな～、と。

後は、基本的な問題として、賢威は有料の商品です。

もちろん、

「まだ収益が出てないので、無料で何とかならないものか・・・。」

という人も多いでしょう。


じゃあ、無料のデザインテンプレートでおすすめなのはどれよっ


っていうと、有名なのが、

Stinger

ですよね（＾＾


ということで、おすすめと言っておきながら、
あくまでそれは、知り合いからの話やネット上の口コミ。

実際に使ってみたら、どうなんだろうと、

わたしが持っているWordPressブログの1つを、

に変更してみました（＾＾ゞ


まだ変えたばかりなので、アクセスの増減や、
反応については今後となりますが、

この記事では、テンプレートを変えた時の
注意点や思ったことなどのレビューを紹介します。

もしも、同じ環境の方がいましたら、
ご参考いただけますと幸いです。

賢威6.2　→　Stinger5 への、のせかえで行ったこと

ではさっそく、賢威6.2　→　Stinger5 への、
のせかえで行ったことをまとめていきましょう。

Stinger5だと各記事のサムネイルが必須

元の賢威6.2ブログでは、画像のサムネイルを
利用していませんでした。

ところが、Stinger5だと各記事のサムネイルは、
見栄え的に必須となります。

なので、とりあえず全記事分、
各記事のサムネイルを用意しました。

ぼやぼやモザイクで恐縮ですが、
Stingerの各タイトルのサムネイルはこんな感じになります。


うん。確かにスタイリッシュ。
デフォルトのままでも十分に見やすい、使いやすいですね。

ちょっと、ブログがオサレになりました。

まだこのブログは70記事くらいだったので、画像はコツコツと、
内容に合いそうなものをチョイスして入れていきました。

面倒な場合は、カテゴリーごとに画像を決めて、
入れてしまうのもアリですね。

おすすめの無料画像サイトは、こちらの記事にまとめてありますので、
よろしかったらご参考ください～。

スタイルCSSのコピー

私の場合、囲いタグはスタイルCSSでパターンをいくつか作っているので、
それを移す作業がありました。

外観 → エディター

で、それそれのスタイルを記述すれば、
設定をそのまま移行できます。

賢威6.2の場合は「design.css」


Stinger5の場合は「style.css」


ただし、Stinger5に設定を移動させるのは、
コピペの位置に注意する必要があります。

Stinger5の場合は「style.css」、
各フォント設定の一番したあたりに記述すればＯＫです。

囲いタグのサンプル

せっかくなので、私が使っている囲いタグのサンプルも紹介しておきます。
よろしければ、お使いのWordPressブログでご活用ください。


緑枠内をコピペしてお使いください。
枠の色や、塗りつぶしは自分の好きな色に変更できます。

上記のような設定だと、ブログ上では以下のような見え方になります。


設定したDIVは、プラグイン「AddQuicktag」で設定しておくと便利です（＾＾

テンプレートに依存したショートコードは使えなくなります

あと、当たり前っちゃそうなんですが、
テンプレートに依存しているショートコードは使えなくなります。

賢威だと、有名なところで「チェック」や「ポイント」、
「ランキング」などがありますね。

こういうヤツです。


ショートコードに依存した記事コンテンツの作成をしている場合、
なんらかの対応をした方がいいかもしれませんね。

なお、これらのショートコードはclassが設定されていますが、
テンプレートを載せ替えても、表っかわからは見えません。

まぁ、意味のないタグはこのってしまいますが（＾＾；

見た目にヘンになる、ということは、見た感じなさそうです。

まとめ

今回、収益がなくてもいいやぁ、というブログがあったので、試しに、

賢威6.2　→　Stinger5

のテンプレートのせかえをやってみました。

感想としては、だいぶブログがオサレになって満足です（＾＾


やっぱり、サムネイル画像があるだけでも違いますね～。
記事のタイトルが意図的に見やすく作られているのもGoodです。

デフォルトのままでも結構満足ですが、せっかくなので、
折をみていろいろカスタマイズしてみようと思います。


とりあえず、今日のところはテンプレートの、のせかえまで（＾＾ゞ

本日は以上です。

参考になりましたら幸いです。






追記

Stingerにテンプレートを変更したブログを更新していたら、
<h3>タグの見出しの後の、フォントが大きくなってしまう不具合を見つけました。
調べたところ、導入しているブラグインが干渉していた模様。

1つずつ、プラグインを止めていったところ「brBrbr」を停止したら、
正常な表記にもどりました。

こういうのって、メッチャ時間、喰いますよね～（ーー；

Stinger5を使っていて、何かフォントサイズの不具合がでたら、
プラグイン「brBrbr」を止めてみると改善するかもです。

しばらくは<br/>タグで代用するしかなかとね。

ふぁー！俺の1時間をかえすぇ～。

以上、追記でした！