激務から逃げ出した負け犬ブロガーの雑記ブログです。電気工事士試験の合格法、ブログ運営のノウハウや役立つ情報を発信しています。激務から逃げ出した負け犬ブロガーの雑記ブログです。電気工事士試験の合格法、ブログ運営のノウハウや役立つ情報を発信しています。ブログ運営-カスタマイズシェアするBookmark!FacebookTwitterGoogle+Pocketスポンサーリンクこんにちは、パグぞうです。お気付きの方も多いと思いますが、この度、トップページのデザインとアイコンを新しくしました!皆さんは、ブログにマンネリを感じていませんか?デザインを変えると、心機一転、ブログ欲がぐんぐん湧き出てきて、更新意欲が溢れてきますよ!よし、更新するぞー!「カスタマイズをいじると時間かかるし面倒だな〜」と感じる方も、もしマンネリを少しでも感じていたら、思い切ってデザインを変えてみましょう!やり始めると中途半端では終わらないから、気付けば夢中になってるんだよね。ともちゃんご飯作って!また、「デザインを変えて失敗したらどうしよう、、」という方もいるかと思います。現在のHTMLコードとデザインCSSコードをワードなどにコピーして残しておけば、もし失敗しても簡単に戻せます。なんといっても、今の自分は過去の自分より経験値を積んでいますので、デザインを変えて悪くなるということはまず、ないと思います。前置きが少し長くなりましたが、今回は、トップページのデザインがどう変わったのか?どんなカスタマイズをしたのかを書いていきます。従来のトップページ新しいトップページがこちらタイトル画像の作成グローバルナビゲーションの設置タイトル下に人気記事を固定表示サイドバーのプロフィールを充実サイドバーにLINEスタンプの記述追加デザイン一新でPV倍増!?️まとめ従来のトップページ半年ぐらいこんなかんじのトップページでした。背景の絵はお気に入りですが、タイトルをもう少し工夫出来ないかな〜とずっと思っていました。変なところで改行されてるしね、、MENUはトグルメニューになっていて、押すとカテゴリ一覧が開くようになっています。作りはお洒落ですが、カテゴリは最初から表示されている方が、閲覧する側からしたら良いのではないかな〜と思うようになりました。デザインは当ブログのイメージカラーである緑とピンクを使用していました。新しいトップページがこちらいかがでしょうか?劇的に見栄えが良くなったと思いませんか?桜背景のタイトル、ぱっと見で分かるカテゴリ、そしてタイトル下に人気記事を固定表示しました。出た!電気工事士パグぞう!ウケる!個人的には、想像以上のトップページに仕上がりました!背景の桜のおかげで、かなり映えますよね!ヘッダも見栄え重視で消しちゃった!ちなみにテーマは大人気「ミニマリズム」を採用しています。今回、記事一覧がカード型のトップページに憧れてテーマを変更したりもしましたが、最終的には、カスタマイズしやすいのが圧倒的に「ミニマリズム」だったのでテーマを戻しています。それでは、どんなカスタマイズをしたのかを一つ一つ見ていきましょう。タイトル画像の作成これがタイトル用に作成した画像です。レスポンシブ対応にしているので、設定時に範囲選択することで、スマホとPCのタイトル画像どちらもこの画像だけでいけます!画像作成に使用したのは「ibisPaint」というアプリです。ダウンロードしたらibisPaintを開きます。左にあるマイギャラリーを押します。こんな感じでマイギャラリーにはこれまで作った画像を保存しておけます。私はブログ用に画像を加工するとき、いつもこのアプリを使ってます。アイコンを押すと大量の素材が選択出来ます。種類を選択すると素材が表示されます。今回使用した桜背景も素材から入手した物です。無料で使える素材がたくさんありますので活用してみて下さい。あんだけスタンプ作ったのに気付かなかったの?!ねえ?!グローバルナビゲーションの設置クリアメモリさんの下記記事を参考にさせて頂いてます。MENUを押すとカテゴリ一覧が表示されるのも良いですが、今回はこっちを採用してみました。見やすさ•分かりやすさではピカイチですね。タイトル下に人気記事を固定表示こちらは私が尊敬してやまない元CAバンビさんのコードを使わせて頂きました。ほんとにコピペ一発でお洒落な人気記事一覧が出来てしまうので驚きです。私も自分の力でコードが書けるようになりたいなという気持ちがちょっとだけ芽生えました✨ブログを訪問すると、まずどの記事を読めば良いのか悩みますよね。そんな時、オススメ記事がトップページに表示されているとすぐアクセスしやすいですね。サイドバーのプロフィールを充実プロフィールってこれまでさらっとしか書いていませんでしたが、読者を増やす為にはまずどんな人が記事を書いているのかを知ってもらうことが大切だそうです。今はもっと自分のことをみなさんに知って欲しい。クロネさんの記事はやっぱり凄いです。説得力の塊ですので、参考にさせてもらってます。サイドバーにLINEスタンプの記述追加サイドバーが少し寂しいなと思い、追加してみました。絵心の全くない素人の私がLINEスタンプを配信したことは何よりの自慢であり、これから一生誇れるものですので、ぜひ沢山の人に知って頂き、使って頂きたいです。バカにしてたけど、だんだん愛着湧いてきたかもえ!バカにしてたの?!皆さんにスタンプを買って頂いても、私の元には1円も入ってきませんが、とにかく電気工事士パグぞうを広く知って頂きたいという気持ちです。PV数が底辺ではありましたが、デザインを一新した1月3日から急激にPVが増えている気がします。したらタイトル下に人気記事を固定表示したことでブログ内の回遊率が上がったのかも知れません。いずれにしても良い傾向が見えているので、これからがとても楽しみです。まとめ今回はトップページのデザインを一新したことについて書かせて頂きました。デザインを変えることは自分にとっても良い事ばかりです。カスタマイズのノウハウ習得やマンネリ解消、モチベーションの維持、気分転換。最大のメリットはなんといっても、自分のブログがもっと好きになることです。人に自慢出来て、自分にとって宝物。そんな大好きなブログだからこそ、さらに愛情を注ぐことで、更新意欲が湧き出てくるのだと思います。これからも自分のブログをもっともっと好きになれるよう、日々創意工夫をしながらブログを続けていきたいと思います。以上、トップページデザイン一新のご報告でした。今後とも、生まれ変わった「電気工事士パグぞうの人生バズ理論!」をどうぞよろしくお願いします。www.pagzo.com電気工事士パグぞうの人生バズ理論の原点です。»プロフィール20代会社員のパグぞうです。仕事は電気工事と無縁ですが、電気工事が好き過ぎて、電気工事士1種,2種の資格を所持しています。数年前に大きな挫折を味わった時、私を救ってくれたものがありました。今はブログを通じてこれまでの人生で培った教訓や幸せに生きるための人生観を発信しています。「ブログに人生を変えられた私が、今度は誰かの人生を変えたい。」そんな想いを胸に、日々想いを綴っています。読者登録•Twitterフォローで今後もご愛読をお願いします。閲覧&ダウンロードはこちらから!このサイトについてプライバシーポリシーお問い合わせはこちら電気工事士パグぞうの人生バズ理論に込めた想いスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。