WordPressのテーマをSTINGER5にしたときにちょっと困った話
photo credit: ZERGE_VIOLATOR via photopin cc
WordPressのテーマとして、みんな大好きSTINGER。私も今までずっとSTINGER3を愛用させて頂いていました。んでまぁ長い間やってきた訳ですが、いつの間にやら「STINGER5」がリリースされてるじゃありませんか！！ダラダラとネットサーフィンしていた時に気づき、驚きのあまり麦茶を吹き出すトコでした。
5ですよ、5！
3を使ってのほほんとしていた私には衝撃でした。自分の使っているテーマの後継版がリリースされてるのに、さっぱり気付かなかった。いつか会社の先輩に言われた、「情報は自分から取りに行くものだぞ！」という言葉が頭をよぎります。しかし、勝負はここから。自分、後半に伸びるタイプなんすよ、先輩！
というわけで早速ダウンロード＆インストール。
さすがSTINGER！でもサイトの表示速度が変だな？
これまでSTINGER3を使用していたので、5をインストールしても大きな違和感はなく、ちょっと手を加えただけで完了、のはずでした。
異変に気づいたのは、インストール後に自分のサイトをスマホで開いたとき。レイアウトとかはまったく問題ないのですが、画像が全然読み込まれないのです。なんじゃこりゃ、と思い何回かトライしましたがダメです。
おそらく私が「ちょっと手を加えた」ときに色々いじってしまったのが原因かと。このままではただでさえ少ないブログの読者がゼロになると思い、必死で解決策を調査。学生時代の勉強もこれくらい一生懸命やってたら東大も夢じゃないくらい調べたのです。グーグルの「PageSpeed Insights」を見てみたところ、どうやら画像の最適化に問題があるらしいと。
そこで、まずは「画像の圧縮」いうことで、「EWWW Image Optimizer」なるプラグインをインストール。これは以前よりとっても参考にさせて頂いているWeb Shufuさんのサイトに詳しい説明があったので、ありがたく拝見させて頂きました。
以上がまず1つ目の対策。
そして2つ目の対策として、「画像のリサイズ」を実行することに。どうも、WordPressのメディアにアップされている画像のサイズが大きすぎると思ったので、それを小さくしようというわけです。こちらは「Imsanity」というプラグインを利用。
これでやっとフツーに閲覧できるように！
というわけで、プラグイン2つ入れて無事解決しました。今までサイトの高速化は考えてきませんでしたが、今回の件で反省。自身の経験を振り返ってみても、表示速度が遅いサイトは我慢できず途中で閉じてしまうことが多いです。
STINGER5そのものはとても快適で、スマホからも見やすいです。何より、多くの人が利用しているので、カスタマイズするときにも参考になるサイトがわんさか出てくるので安心。これから色々いじってみて、読者の方に評価されるようなブログを目指していきます！
あらためてWordPress/STINGERの良さを認識
今回、自分の知識不足からトラブった訳ですが、そんなときでもネットで検索すれば解決策はたくさん出てきました。これはWordPressユーザー・STINGERユーザーが多いことのおかげです。自分の「困った！」は、すでに誰かが経験していて、対処方法をネットにアップしている。すごいことだと思います。
そんな皆さんに恩返しできるよう、私もお役立ち情報を発信し続けていきたいです！
シマショーゴ(@shimashogo)