なるほど情報.com

なるほど!と思わず唸るような情報をそっと配信しています。

*

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

ブログデザイン変更完了

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

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

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

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

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

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

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

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

SPONSERD LINK

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

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

表示速度が遅くなった。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

SPONSERD LINK

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

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

どんなものか見てみた。

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

アニメーションが可愛い

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

『SIMPLESTER』を採用した感想

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

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

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

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

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

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

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

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

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

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

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

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

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

デザイン変更2

僕のモットウは

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

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

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

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

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

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

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

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

 - WordPress , , ,

この記事がよかったら
いいね!お願いします
ヽ(=´▽`=)ノ

なるほど情報.comの最新情報を
お届けします

Twitterでオガパッチョをフォローしよう!

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

  関連記事

ウェブマスターツール構造化『hentry』のエラー増加について
ウェブマスターツールの構造化データ『hentry』でのエラー解決方法

ウェブマスターツールの構造化データ『hentry』でのエラー解決方法 ウェブマス …

browser-shotで見栄えの良いリンクを作成する
【WordPress】Browser Shotsプラグインで見栄えの良いリンクを作成する

パパっと読むための目次1 【WordPress】Browser Shotsプラグ …

これは簡単!記事内にランキング一覧のテーブル表示方法

どうもオガパッチョ(@happy_tasu)です。 こちらの記事をコピペすれば以 …

GoogleAnalytics
WordPressで各種カスタマイズしてみました。

WordPressやPHPなど使ったことがない初心者の私ですが、やっぱりスタイリ …

wordpress
BloggerからWordPressに移行しました!

WordPressデビュー! 2014年3月より運営していたブログ「Life i …

PicMonkeyでバナー作成
PicMonkeyで簡単にブログのバナーや画像編集をしよう

PicMonkeyで簡単にブログのバナーやロゴを作成しよう ブログのバナー作成や …

検索結果の顔写真終了
好評だったGoogle検索結果の顔写真表示終了のお知らせ

好評だったGoogle検索結果の顔写真表示が終了のお知らせ ちょうど私がBlog …

wordpressカスタマイズ
【WordPress】ブログカスタマイズPart2

【WordPress】ブログカスタマイズPart2 WordPress関連記事 …

huemanのテーマ
WordPress Popular PostsをHuemanテーマへ設定する方法

Huemanテーマでの「Wordpress Popular Posts」を導入す …

huemanのテーマ
WordPressのHuemanテーマの表示速度高速化のチューニング

WordPressのHuemanテーマの表示速度高速化のチューニング 突然ですが …