Stinger5-Cheetah導入時にハマったこと

先日、このサイトにAffingerテーマをインストールしたのに続いて、
声優・ナレーターさん向けに運営しているサイトにはStinger5を適用しようと思っていたのですが、
色々調べているとブログマーケッターのJUNICHIさんという方がカスタマイズした
Stinger5-Cheetahというテーマを公開してくださっていることを知りました。

デモページを見てみると「これ！カスタマイズで実装したいことばかり入っている！！」と感激したので迷うことなく使わせていただきました。
JUNICHIさん、ありがとうございます。

さて、html や php の知識は少しあるとはいえ、WordPressはまだまだ初心者の私・・・

当然、Stinger5-Cheetahの導入時にハマりました。

同じ事でハマってしまった方の為に、対処法をまとめました。

こんなハマり方するのは私だけかもしれませんが・・・
すべてのハマりポイントの原因は私の設定にあったのであしからず。

１．テーマカスタマイザーが使用できなくなった

いや、こんなハマり方するなんて、まさかとは思いました。

背景色やH2色を変更しようとテーマかスタマイザーを表示させたのですが
なぜかWordPressのログイン画面が出てきて、IDとパスを入れても適用されなかったのです・・・
IDとパスを入れると「ログインされました」が表示されるのみ。

色々調べていると原因と思われたことがこれ。

HTML、PHPファイルで文字コードがUTF-8の場合の注意点（BOMあり、BOM無し）

JUNICHIさんのさいとからダウンロードさせていただいた子テーマを使用していたのですが、
変更している間に「BOMあり」で保存してしまっていたようで、それが原因でした。

一時は、テーマカスタマイザーに頼らず、CSSをゴリゴリいじるぜ！と思ったのですが
そうならずに済んで良かったです。

２．モバイルテーマが適用されない？

これも解決するまで数時間要してしまいました。

PCのブラウザで幅を変更するとスマホデザインになるのに
iPhoneで表示させてみるとStinger5-Cheetah適用前と変更なし・・・

例のBOMあり問題かと思い、すべてのファイルを見直すも、特に問題なし。

ソースをいじったときに何かエラーがあったのかと思い
見直すこと数時間・・・

結局、問題の箇所はみつからず。

翌朝、このサイトでJetpackのアクセスログが消えている問題が発覚し、
対処法を調べていたときにふと気づく。

「あれ？Jetpackにモバイルテーマってなかったっけ？」

Jetpackの設定を見直すと、案の定モバイルテーマが有効になっていた・・・

無効にするとスマホでもStinger5-Cheetahの適用を確認。

ものすごく単純なことにハマっていた自分が情けない・・・(笑)

３．アイキャッチとWordPress Popular Posts のサムネイル

Stinger5-Cheetahには「アイキャッチ画像を自動的に投稿の最初に表示してくれる」というとてもとても便利な機能があります。

私もこの恩恵にあずかるべく、Auto Post Thumbnailプラグインで、過去記事にもすべてサムネイル画像を適用。
当然これまで表示していた写真と2重で表示されるので、記事に表示していた写真を削除していきます。

するとWordPress Popular Postsプラグインで表示させている人気投稿からもサムネイルが消える状況に・・・

これまたハマりました。

WordPress Popular Postsでいろいろと設定をいじるも無理・・・
ソースを変更してもうまくいかず・・・

どうしたものかと悩んでいたところ、そもそも WordPress Popular Posts の画像ってどこから表示してるんだっけ？という疑問が。

設定を見ると、[Tools] の [Pick image from:] に「First image on post」の表示が・・・

記事中の最初の画像が表示されるように設定してるやんか・・・

これを「Feature Image」に変更すると、見事アイキャッチ画像が表示されるように。

これまた自分が情けない・・・(笑)

まとめ　とにかく Stinger5-Cheetah は素敵すぎます！

今回ハマったことは、すべて私の設定に原因がありました(^_^;)

なんとか解決できましたので、これからいろいろカスタマイズしていこうと思います。

とにかく、私にとっては欲しい機能満載のStinger5-Cheetah。

こんな素敵すぎるテーマを公開してくださったJUNJIさん、
Stinger5の開発者であるENJIさんに感謝です。

ありがとうございます。