こんにちは、むすぺろです！
今まで気になってはいたけど全然触ってこなかったブログのカスタマイズを、ようやく…ようやくやりました…！(達成感が凄い)
情弱クソ雑魚ナメクジBBAなんでCSSとかよくわかんないし、コピペ一発！って書かれててもうまくいかないものは片っ端から諦めてたんですよね…。
それで殆どデフォルトのまま使い続けていたんですが、なんていうか
もうメニューバー黒いの嫌…！新しいテンプレート使いたい…！
ってなっちゃって、新しいブログテンプレートを探していました。
それで色々見て回ったんですが、結局のところ今まで使わせてもらっていたBrooklynが一番いいんだよなぁ…。
この記事のブコメもめちゃくちゃ参考になる↓↓
はてなブックマーク - はてなブログの超便利なデザインテーマ「Brooklyn」を作りました - NO TITLE
ということでちょっとやる気が出ているうちに一気にやっちゃおう！と、昨日の夜からポチポチとCSSいじりまくっていたわけです。
カテゴリー消えてるのはそのせいです＼(^o^)／
ヘッダーが大きくなってるのも！
こいつらはあとで直すあとで！
とりあえず参考にしたサイトがめちゃくちゃ参考になったので、ここに残しておきますね…！
(完全に自分用メモだこれ…！)
AIが選んだ色から素敵配色を教えてくれるサイト
以前OMGさんとこで見たサイトなんですが、前から気にはなってたんですよ。
なかなか使う機会がなかったんでブクマだけしといたんだけど、今回はそれを使って出てきた配色を元に色を配置しました。
センスなくて配色決められなかったワイ、まん、まん、満足！
サイトについての詳しいこととかはOMGさんの記事に書いてあるんで、気になる方はどうぞ。
Khroma - The AI color tool for designers
引用デザイン
今までデフォルトのものを使っていたのですが今回配色を統一するために引用デザインの方も色を変えて取り入れました。
CSSで作る！魅力的な引用デザインのサンプル30（blockquote）
引用はこんな感じ。
本当はリストとかもやったほうがいいんだろうけどめんどくさくてやってない＼(^o^)／
リンクを囲う
それからリンクを普通に貼るのもなんだかなーと思ったので、リンクのカスタマイズもしてます。
ただ正直埋め込みの方多用するだろうしあんまり使う機会無いのかもしれない。
でもかわいい。かわいいは正義。
CHECK！！！！
おすすめ記事・関連記事のリンクを枠で囲って目立たせるカスタマイズ - NO TITLE
全てはこの記事から始まった…
なんて言ったら大げさかもしれないけど、こちらの記事から殆どのカスタマイズのページに飛べます。
そして飛んだ先からまた新たな情報が…なんていう感じでとても参考になったので、何を変えるか迷ってるっていう方はこちらも是非。
そして一番悩んだ見出しのカスタマイズ
システム的な話
はてなブログの仕様で見出しに設定されているのが大見出しでh3なんだってことを今日知った次第でありまして…h2に自動的に書き換えてくれる、控えめに言って天使な記事を見つけたので貼っときます。
やってない人！やったほうがいいらしいよ！(ハナホジ)
はてなブログの大見出しをh3からh2へ自動的に書き換えるカスタマイズ - イケメン息子とぐうたら猫の成長見守りブログ
デザイン
で、今既に大見出しと中見出しは見てもらってると思うんですが、今回色んな所を参考にさせてもらって、こんな感じになりました。
大見出し
中見出し
小見出し
こうして並べると配色ミスったかな？と微妙な気がしないでもないけど、使っていくうちに見慣れるだろう。
うんうん。
参考にしたのは以下のサイト。
んでリボン風なやつがあったのでそれを大見出しに、中見出しはそれを少しいじったものにしました。
小見出しはCSS見出しジェネレーターとかいう神サイトから。
CSSのコピペだけ！おしゃれな見出しのデザイン例まとめ68選
はてなブログの"見出し"のカスタムcss【ブログカスタムVol.2】 - 急がば 急いでまわれ！
CSS見出し-ジェネレーター | WEB道
はてなブログカスタマイズ 人気テーマBrooklynの吹き出しを削除 - 沖縄移住から名古屋移住のweb人アフィリエイト雑記
最後はヘッダー画像
今までヘッダー画像もデフォルトサイズで使っていたんですが、一番変えたかったところでもあります。
そしたらめちゃくちゃ簡単に設定できるんだよって記事を見つけたので貼っておきます。
この記事見た時思わず目を閉じて以前躓いて投げ出した私を追悼しました。
一瞬でできるんだもの…あの時あんだけ悩んでたのなんだったの…。
先生！参考に(コピペ)させていただきました！！ありがとうございます！！
おまけ
これでとりあえずブログのカスタマイズに使ったサイトは全部かな…？
最近書きたいこと多すぎなんですが時間が本当になかなか取れなくてもどかしいんですよ…。
ネタばかり溜まっていく…。
でも画像の圧縮作業もやんなきゃだし肖像画も描きたいしムスッコの4コマも描きたいしあああああああああああああああああああああああああムスッコとお散歩もいきたいしああああああああああああああああ
あ、話し変わるけど(唐突)、
Amazonでサイバーマンデーやってるんですよね。
Twitterで賑わっているなーと思って見てました。
見てるついでに前から公開しようと思っていた欲しいものリストも作りました。
作ってみて思ったけど、欲しいものって…なんだろう？
わからないよ…！
で、この欲しいものリストを作ることにしたきっかけはまた後日記事にします。
