PCブログデザインを大幅に変更しました!おしゃれなブログカスタマイズまとめ。>ブログPCブログデザインを大幅に変更しました!おしゃれなブログカスタマイズまとめ。2019年4月28日ブログデザインが変わると気持ちがリフレッシュしてやる気が湧いてきますよね。PCのブログデザインを大幅に変更しました。期間は3日間と短いスパンになりましたが、良い仕上がりになり大満足です。今回、変更した箇所のカスタマイズをまとめていきたいと思います。TIMEの全体図ブログデザインを変更したので、まずはブログの全体図から載せていきます。全体的な配色やロゴを自作したりと色々と大変なところもありましたが、デザインに関して全くの初心者がここまでできたら上出来だと感じています。今回、大きく変えた箇所もまとめて書かせていただきますね。大きく分けて7箇所を大幅に変更しました。アニメーションも初めて導入したのですが、不具合なく動いてくれているので安心しています。使用しているカラーも一緒に載せておきます。配色には自信がないので少しずつ変えていくかも...配色はAIカラーツール「Khroma」を使いながら考えました。OMGさんの記事がすごい参考になるので、ぜひ配色に自信のない方は要チェックしてみてください。Flat」を使用しています。同じテーマを使用している人の参考になればと思います。デザイン変更の際はテストブログで一度テストするなり、バックアップを取ってから行ってください。それでは、導入したカスタマイズまとめていきます!ヘッダー関連カスタマイズ新しいヘッダーデザインヘッダーのデザインをカスタマイズについて、Twitterでアドバイスをしてくれた方々...本当にありがとうございました。(Twitterの温かみに触れて感激)ヘッダー画像で使用しているフォントは、「ヲタG」と「貂明朝(てんみんちょう)」を使用。TIMEのロゴになります。このロゴを作るのに5時間かそのくらいかかったので、ロゴ作成している人の偉大さが身にしみました...砂時計をイメージしましたが、3分間で読める記事ってよりも「カップラーメンができるまでのワクワク感」をイメージしてくれたら嬉しいです!笑ヘッダーメニューにエフェクトを導入グローバルメニューのマウスホバー時に少し動きが欲しかったので、ホバーエフェクトを導入しました。VIPさんのアニメーションエフェクトの記事を参考にしました。photoshopvip.net他にも、デザイン関係の記事やボタンエフェクトなどたくさんのカスタマイズ記事もありますので、ぜひチェックしてみてください。出来上がりはこんな感じです。デザイン初心者の私でも比較的簡単に導入できたので、調整しながら簡単にできるのではないかと思います。エフェクトの不具合もなく、ヘッダーメニューに少し動きがあるだけでおしゃれな雰囲気になりました。サイドバーカスタマイズプロフィールを大きく作るはてなブログのサイドバーに表示されるプロフィールってなんか小さいなって思っていたので、せっかくの機会なのでささっと変更しました。プロフィールアイコンは、フォトショップで200×200の画像を丸く切り抜いています。フォトショップを持っていない人には、画像丸抜きくんがオススメ!簡単に丸く切り抜くことができるので、丸いアイコンを作りたいという人はぜひ使ってみてください。写真や画像を丸く切り抜くシンプルなツール。SNSのプロフィール写真などにどうぞ。カスタマイズ→サイドバー→HTMLを追加するだけ。あとは記事作成からプロフィール内容を打ち込んでHTMLをコピペしたら作れるので、自分の好きなようにカスタマイズしてみてください。プロフィールに表示されている枠は、サルワカさんの囲い枠のまとめ記事を参考に使わせて頂いております。saruwakakun.com記事内のボックスに使っても良しなので、ぜひチェックしてみてください!エフェクト付きボタンお問い合わせ関連のリンクを目立たせたかったので、エフェクト付きのボタンを導入しました。参考にした記事は、NxWorldさんのこの記事を参考にさせていただきました。www.nxworld.netデザイン関連の記事も多くありますので、ぜひチェックして欲しいサイトです!サイトデザインもおしゃれで素敵...今までテキストリンクのみで表示していましたが、エフェクトボタンを使用することによって目立つようになりました。このエフェクトも不具合なく、CSSにコードを追加して調整しながら、サイドバーのHTMLに入れ込むだけで簡単に導入可能です。ボタン関連を簡単に導入したい人にかなりオススメなので、参考にしてみてください!記事関連カスタマイズフラットなシェアボタンシェアボタンもフラットなデザインに変更しました。Green(id:minimalgreen)さんのこの記事。Greenさんのカスタマイズは、当ブログのデザインにいくつか使用させて頂いております。Green見出しカスタマイズブログデザインの配色と合わせて、H2~H5までの見出しデザインを変えました。一覧はこんな感じです。物足りないところもありますが、このデザインを使いながら少しずつ変えていこうと思います。(圧倒的センス不足)見出しのデザインについては色々な記事を参考に作らせていただきましたが、やはりサルワカさんの見出しデザインがすごい参考になりました。saruwakakun.com選ぶのに悩むくらいおしゃれなデザインのものばかりで、すごい助かりました。デザインに迷ったらサルワカさんの記事を参考にしてみると、自分好みのカスタマイズができるので必見です。目次カスタマイズバックグラウンドに色を付けただけの目次も変更しました。おしゃれな印象になって大満足!そんなおしゃれな目次デザインを参考させていただいたのは、えむしてっくさんの目次カスタマイズを導入させていただきました。mshitech.hatenablog.comえむしてっくさんの記事では目次内のフォントに動きのあるエフェクトを使用していますが、当ブログのカスタマイズはオフにしています。カエレバデザインやはてなブログで使用できるカスタマイズ記事もありますので、ぜひチェックしてみてください!まとめブログ全体の印象が変わるとやはりやる気が出てきますね!デザインセンスはほぼない私ですが、少しでもおしゃれで読みやすいブログデザインを目指していきたいです。今回紹介させて頂いた方々、アドバイスをくれた方々、本当に感謝でいっぱいです。本当にありがとうございました!これからもどうぞよろしくお願いします。コピペでできると思うんで、わからないってことはほぼないと思います。お力になれることがありましたら、ご相談くださいませ。今回は新しいPCデザインに変更したので、変更箇所、参考にさせて頂いたサイト様を紹介させていただきました。素敵なブログデザインを作る参考になればと思います。優ガジェットを中心に世界中の良いモノ善きコトを発信しています。TIME』で記事を執筆中。コメントをキャンセルメールアドレスが公開されることはありません。新しい投稿をメールで受け取る関連記事ブログ2018/6/15はてなブログからワードプレスに移行しました。移行作業で参考にしたサイトをまとめます。先日、はてなブログからワードプレスに移行が終了しました。移行する前は作業が多すぎてめんどくさいと思っていましたが、いざやってみると「意外と大変ではないかも」と感じたのが正直な感想です。検索で調べると移行方法は詳しく書かれている記事が山ほどあるので、手順は簡単に書いていきますが、「こうすると楽だったよ」、「参考になったよ」ってサイト紹介していきます。...ブログ2018/5/14ブログを開設して気が付いたら丸3年が経っていました。このブログを開設して丸3年が経ちました。TIME』ですが、「気がつけば1年あっという間だったな〜」っていう気持ちが強いです。TIME』を振り返ってみようかなって思います。久しぶりに自分主体の記事になりますが、興味がある方はぜひ立ち寄って読んでみてください。毎年5月は、はてなブログからのメールで思い出します。早いもので、今年から4年目に突入します。...ブログ2018/5/2国営ひたち海浜公園のネモフィラに会いに行きました。青く美しい世界が目の前に広がっていた...GW前半戦、青の世界に浸りたくて茨城県にある国営ひたち海浜公園に足を運んで来ました。目的はネモフィラの花畑。そんな青い世界に浸って撮りためた写真たちを少しでも多くの人に伝えるべく国営ひたち海浜公園について書いていきます。写真多めの記事ですが、ぜひ読んでいってみてください。東京から車で2時間ちょっと、品川駅から勝田駅まで電車で1時間30分程度で足を運ぶことができます。私は千葉から車で向かったのですが、間に休憩を入れつつ3時間ぐらいで到着することができました。Shirt』を選んだ理由。Shirt』に変更しました。ブログデザインの方も一新したので、配色やカスタマイズをする上で参考にしたサイトを一緒に紹介していきます。自分のスキルアップのために2週間ほど時間がかかってしまいましたが、時間をかけてよかったと思っております。...ブログ2018/1/2028歳になりました。5人の神々と全ての方に贈る感謝状。2018年1月12日に誕生日を迎えて、28歳になりました。月日が過ぎるのは早いですね。自分の誕生日ってこともありPC表示のみでひっそりとほしい物リストを公開していたのですが、まさか5名の方から誕生日プレゼントと素敵なバースデーメッセージをいただけるとは思っていなかったです。今回は、そんな素晴らしい神々への感謝状を書いていきます。...ブログ2017/12/302017年にブログと向き合ったこと。2018年は自分をデザインする一年にしたい。2017年もあと少しで終わりますね。今年一年を振り返ってみると、プライベートやブログで色々と変化のある一年でした。PVや収益関連のことはあまり書きませんが、この一年で変わった記事の書き方やブログと向き合ったことについて書いていこうと思います。ブログをやる以上、PV(アクセス数)っていうのは、すごい気になるポイント。PVが増えると素直に嬉しいし、ブログに対するモチベーションの一つだと考えています。優ガジェットを中心に世界中の良いモノ善きコトを発信しています。TIME』で記事を執筆中。お問い合わせ記事内検索AppleMaciPhoneガジェットAmazonデバイスパソコン周辺機器スマートフォン充電器オーディオファッションライフスタイルIQOSWebAmazonChromeWebサービスアプリブログPickup!!1【2019年】私を支えた13つの買ってよかったものを紹介!2019年もあっという間に過ぎ、もう少しで新しい年を迎えようとしています。Proを購入したら一緒に買っておきたいおすすめアクセサリー。3が搭載されたことによって、充電・ディスプレイの外部出力・データ転送がケーブル一本でできるようになり、より快適に便利になりました。出来るだけムダな出費をせずに失敗をしない買い物をしたいところです。...4ロジクールマウスのおすすめをコスパが良いマウスからプロ仕様までピックアップして紹介!マウスメーカーとして信頼の高いロジクール。マウスと言ったら「ロジクール」と言っても過言ではないでしょう。3(USB-C)しか搭載されておらず、周辺機器との接続には不便さを感じてしまいます。