スッキリ系!「hueman」から「SIMPLESTER」にデザイン変更した理由

どうもオガパッチョ(@happy_tasu)です。

週末は「なるほど情報.com」のデザイン変更に勤しんでいました。(；･`ω･´)

え？バレンタインだったよって？

「充実した!」これが言えれば、クリスマスだって問題ないでしょ(ﾟ∀ﾟ)

さてさて、見ていただければわかると思いますが、大分ブログのデザインを変更しました！

簡単にブログのデザインをスタイリッシュに変更出来るのが、「WordPress」の良いところです。

今回は、「hueman」から「SIMPLESTER」にテーマを変更しました。

WordPressに興味を持っている方は参考にしてみてください。

パパっと読むための目次

ブログデザインを変更した理由
デザインに採用した『 SIMPLESTER』とは
『SIMPLESTER』を採用した感想
『SIMPLESTER』を随時カスタマイズ中

ブログデザインを変更した理由

理由として大きく3つあります。

表示速度が遅くなった。

最近やたらと遅くなりました。

プラグインのせいなのか、当ブログの管理画面がドーンと重くなってきていました。

また、アクセス数も増えてきたのもあり、ブログの表示速度も遅くなりました。

TOP画面を表示するのになんと「4秒」もかかっていました。┐(´д｀)┌ﾔﾚﾔﾚ

ブログの表示速度は2秒以上から人はストレスを感じるという統計があります。

せっかくこんなブログに辿り着いて見て頂いているのにイライラさせてしまっては申し訳ない(~_~;)

正常に動作しないアプリ・プラグイン達

プラグインの相性が悪かったのか、予約投稿機能が全く機能しなくなりました。

また、スマホアプリの『WordPress』からの投稿も出来なくなりました。必ず投稿失敗する…

『BackWPup』というプラグインを使って、バックアップを取得していましたが、こちらもジョブが起動しなくなってしまいました。

どこからどう直せばよいかわからなくなっておりました。

huemanをカスタマイズしてたらSTINGER5と同じになっていた

huemanテーマを出来るだけシンプル・スタイリッシュにカスタマイズしていたら、『STINGER5』とデザインがあまり変わらなくなっていました。

TOP画面の記事スライドはPCのみで、スマホからアクセスした場合は、スライドを消していました。

当ブログのアクセスはスマホからのアクセスが圧倒的のため、スライドが表示されないとまったく、huemanを使っているメリットがありませんでした。

また、『hueman』の子テーマを作成しないでカスタマイズしていたために、HUEMANのバージョンアップが出来なくなっていました。

このために、huemanのバージョンが古いまま使用していました・・・（今思うとこれも表示速度低下の原因？）

皆さん、テーマのカスタマイズは必ず子テーマを作成しましょう。

今回デザイン変更に伴って、子テーマの作成をしました。

子テーマ作成方法はこちらを参考にさせていただきました。

[browser-shot width=”150″ url=”http://presentnote.com/child-theme-customaize/”]

【重要】WordPressテンプレートのカスタマイズ前に・・・子テーマをつくってのカスタマイズ方法 -CSS篇-

子テーマの存在すら知らなかったんですが、仕組みがわかりやすく説明されていてとっても参考になりました。

デザインに採用した『 SIMPLESTER』とは

STINGER5にしようか迷っている時にこんなツイートを発見!

新着エントリー: STINGER5のシンプル子テーマ「SIMPLESTER」新バージョン2を公開するよ http://t.co/WNofdowNG7

— degitekunote2 (@degitekunote) February 9, 2015

どんなものか見てみた。

シンプルかつスタイリッシュ！

アニメーションが可愛い！

ということで一瞬で採用決定(｀・ω・´)

『SIMPLESTER』を採用した感想

なんだか、胸の中のむやむやがスッキリしました。

今回デザイン変更に伴い、一旦全てのプラグインを見直しました。

それによって、管理画面の処理速度も格段にあがりました。

TOP画面の表示速度もアイキャッチ画像が小さいということもありますが、表示速度アップ。

予約投稿についてはこの記事を予約投稿して試してみます(^o^)

後記：予約投稿出来るように直りました!

SIMPLESTERはSTINGER5をベースにカスタマイズされた子テーマです。

もともと『STINGER5』は日本の方が作成された人気の高いテーマです。

そのため、多くの方がカスタマイズの方法を記事にしているため、とっても参考になります。

今までは『hueman』のテーマでしたが、あまり情報がなく独学でやっていたため、一度はブログが真っ白になったりもしました∑(ﾟДﾟ)ｶﾞｰﾝ

STINGER５は構造がシンプルでカスタマイズもしやすいです。

子テーマであるSIMPLESTERをカスタマイズしながらCSSの勉強やPHPの勉強にもなります。

『SIMPLESTER』を随時カスタマイズ中

僕のモットウは

『ブログは生き物である』

記事内容にしても、デザインにしても、その中の人の性格だったり、考え方だったり、感性だったり。

時間が経つと変わっていきます。ブログはその人自身を表現していると思っています。

WordPressのテーマはあくまでもテーマであり、そこから自分のオリジナリティをいかに表現するかが大事だと思っています。

カスタマイズすればするほど、愛着も湧きますからね(*^^)

一旦は、今のデザインに落ち着きましたが、今後も少しずつカスタマイズしていきます。

これからもデザイン変更していくので、楽しみにしていてくれると嬉しいです(^o^)

最後まで読んでいただきありがとうございました。