![stingerp](http://fullnoteblog.com/wp-content/uploads/2016/06/stingerp-1-1.jpg)
こんにちは!ふるのーと(fullnote)です!(*^^*)
このブログのテーマを最新の「Stinger Plus+」に変更しましたのでその導入方法を記載しておきます◎(*^^*)
STINGERに関してはこちら↓
http://fullnoteblog.com/stinger
STINGER PLUS+導入方法
では早速行ってみましょう!
テーマをダウンロード
ENJI(@ENJILOG)さんのサイトにいってテーマをダウンロードしましょう。
規約がありますのでしっかり読んでおきましょう。
利用は自己責任ということですね。
こちら↓も要確認
導入にあたってわからないことがあればマニュアルを読んでみましょう。
さてさて規約が読み終わったらページ中の二つZIPファイルをダウンロードします。
![stingerp7](http://fullnoteblog.com/wp-content/uploads/2016/06/stingerp7-1-1.jpg)
Stinger Plus+でランキング機能が使えない!?
※注)現時点(2016.6/22)の最新版は「STINGER Plus ver20160612(※ランキングなし)」と書いてあるようにランキング機能はないみたいです。orz
ランキング機能使いたい方はゆっくり待ちましょ~(*^^)v
インストール
次にWordpressの管理画面にいって「外観」→「テーマ」と選んで
ページ上部の新規追加を選びましょう。
![stingerp2](http://fullnoteblog.com/wp-content/uploads/2016/06/stingerp2-1-1.jpg)
次にテーマのアップロードを選択
![stingerp3](http://fullnoteblog.com/wp-content/uploads/2016/06/stingerp3-1-1.jpg)
ファイルを選択というボタンが出てくるのでクリックして先ほどダウンロードしたファイルを選択します。
![stingerp4](http://fullnoteblog.com/wp-content/uploads/2016/06/stingerp4-1-1.jpg)
すると「今すぐインストール」というボタンが押せるようになるので押します。
![stingerp5](http://fullnoteblog.com/wp-content/uploads/2016/06/stingerp5-1-1.jpg)
これでインストール完了です。
![stingerp6](http://fullnoteblog.com/wp-content/uploads/2016/06/stingerp6-1-1.jpg)
もう一度左カラムのテーマを選んでみてstingerplusが出てくればインストール成功です。
![stingerp8](http://fullnoteblog.com/wp-content/uploads/2016/06/stingerp8-1-1.jpg)
テーマを有効化
先ほど出てきたstingerplus childのテーマを選択し、ライブプレビューを選択します。
![stingerp9](http://fullnoteblog.com/wp-content/uploads/2016/06/stingerp9-1-1.jpg)
細かい点を修正
まだこの段階ではメニューがちゃんと表示されなかったりするので少し手直ししていきます。
![stingerp10](http://fullnoteblog.com/wp-content/uploads/2016/06/stingerp10-1-1.jpg)
背景色変更
まずはすぐできる背景色の変更をします。
![stingerp11](http://fullnoteblog.com/wp-content/uploads/2016/06/stingerp11-1-1.jpg)
今まで利用していた背景色を選んで保存して有効化を押しましょう。
![stingerp12](http://fullnoteblog.com/wp-content/uploads/2016/06/stingerp12-1-1.jpg)
STINGER 管理リセット
次に「STINGER管理」メニューのSTINGER管理リセットを行います。
すべてリセットするをチェックしてからsaveを押します。
※アナリティクスコードがなんちゃらというアラートが出てきますがそのまま進めます。後で設定しましょう。
![stingerp13](http://fullnoteblog.com/wp-content/uploads/2016/06/stingerp13-1-1.jpg)
メニュー設定
まだこのままだとメニューの設定がおかしいので修正します。
「外観」設定のメニューを選んでメニュー設定を確認してから「メニュー保存」のボタンを押します。
![stingerp14](http://fullnoteblog.com/wp-content/uploads/2016/06/stingerp14-2-1.jpg)
これでメニューがきちんと表示されました。
![stingerp15](http://fullnoteblog.com/wp-content/uploads/2016/06/stingerp15-1-1.jpg)
あれ?でもまだ変な表示が、、、
![stingerp16](http://fullnoteblog.com/wp-content/uploads/2016/06/stingerp16-1-1.jpg)
位置的にはヘッダーの画像かなと思ったらその通りでした。
「外観」メニューの「ヘッダー」を選ぶと「画像を非表示」というボタンがあるのでそちらを選んで「保存して有効化」を選ぶと無事消えてくれました。
※「保存して有効化」をクリックしてもプレビュー画面ではまだ残っていることがありますが、本番サイトで見ると消えているので、プレビュー画面で残ってしまっているという場合には変更後本番サイトで確認してみてください。
![stingerp17](http://fullnoteblog.com/wp-content/uploads/2016/06/stingerp17-1-1.jpg)
STINGER管理
あとはSTINGER管理で細かい点を修正しておきましょう。
![stingerp18](http://fullnoteblog.com/wp-content/uploads/2016/06/stingerp18-1-1.jpg)
サムネイルを丸くする
記事一覧のサムネイルを丸くしたい人はSTINGER管理で設定できますのでしておきましょう。
![stingerp19](http://fullnoteblog.com/wp-content/uploads/2016/06/stingerp19-1-1.jpg)
Google アナリティクスコード設定
Googleのアナリティクスコードを設定する人はリセットされているので設定しておきましょう。
![stingerp20](http://fullnoteblog.com/wp-content/uploads/2016/06/stingerp20-1-1.jpg)
最後に「save」ボタンを押すのを忘れずに!
cssをカスタマイズしている人は要確認
CSSをカスタマイズしている人は、再度設定が必要かもしれませんので確認してstyle.cssを修正しておきましょう。
私の場合はカエレバのカスタマイズを再度設定しました。
ちなみにカエレバのカスタマイズはちゅんこ(@shufulife)さんのものを使わせてもらっています。
ついでにSTINGER作者ENJIさんの推奨プラグインも
STINGER作者のENJIさんは推奨プラグインを公開しています。
この機会に入れてみてはいかがでしょうか。
【追記】サイドバーのAdSenseの設定
stinger plus+ではサイドバートップのアドセンスは手動で設定しないといけなくなっているので設置が必要な人は設定しましょう。
http://fullnoteblog.com/stingerplus-sidead
まとめ
以上でWordpressテーマSTINGERの最新バージョン「stinger plus+」導入はひとまず完了です。
いかがでしたでしょうか?
一つ一つ丁寧にやればそこまで難しいものではないと思います。
初めての人はSTINGER管理のリセットをしないで上手く表示されないということがよくあるみたいですので上手く表示されない人はそこを試してみてください。
ではでは今日はこの辺で(*^^*)
⇒稼ぐサイトの設計図-AFFINGER4公式ガイド
コメント
はじめまして。
最近StingerPlusを導入した者です。
こちらのサイトとても解りやすくて助かりました。
ひとつお聞きしたいのですが、ランキング機能が使えるとサイトに書いてあり
やってみようと(functions.php)を開いたのですが、サイトに載ってるのと
最後のコードが違うのでどうすればいいか解りません。
ご教授いただけたら幸いです。
参考にしたサイト http://the-money.net/stinger-plus%E3%81%A7%E3%83%A9%E3%83%B3%E3%82%AD%E3%83%B3%E3%82%B0%E6%A9%9F%E8%83%BD%E3%82%92%E4%BD%BF%E3%81%86%E6%96%B9%E6%B3%95/
達也さん、コメントありがとうございます!!(*^^*)
ダウンロードされたのは最新の「STINGER Plus ver20160612(※ランキングなし)」ではありませんか?
私もこれをダウンロードしたのでランキング機能はありません(;’∀’)
ランキング機能有バージョンが出てくるのを待つか、どこかで探して古いバージョンをDLするしかないですね。
抜本的な解決できなくてすみません!!((+_+))
丁寧にご返信いただきありがとうございました。
fullnoteさんのおかげでスッキリしました。
感謝です。
こちらこそ勉強になりました!ありがとうございます!!
私もまだまだわからないことだらけです!(^^;)
もしかしたらランキング機能の有効化の仕やり方を知っている人は知っているのかもしれません。
もし何かわかったらシェアお願いします(>_<)/