ブログタイトルとかテーマとか色々変えました

はてなProにして大改造しました。
めっちゃ疲れた!消耗した!
たぶん、昨日からさっきまでスマホ版はめちゃくちゃ見づらかったと思います。
でも、今はいい感じ!コピペしただけだけど!
参考にさせていただいたサイト様をまとめますん


ざっくりやったこと

①はてなブログProに登録
②お名前.comで独自ドメイン取得
③GoogleアナリティクスとGoogleサーチコンソールを独自ドメインと紐付け
④ブログテーマ「Codomisu Flat」をインストール
⑤スマホ版カスタマイズ
⑥プロフィールアイコン作成依頼

きつかった

先人の知恵に従う&コピペしただけだけど大変だったよ、、、

CSSとか書ける人マジですごいっすね、、、

はてなブログProに登録&独自ドメイン取得


てきとーにその辺に出てる「はてなブログProにアップデート」的なボタンクリック
クレカ登録するのみ!ちなみに、1年コースにした

ほんで、「キーワードリンク」、「広告」、「ヘッダとフッタ」を非表示!
これでスッキリ!

全部こちらのサイト様の言う通りにしました。
独自ドメインの取得方法もまとめてくれてありまする

www.mutant-tetsu.com

GoogleアナリティクスとGoogleサーチコンソールを独自ドメインと紐付け

これわけわからんかった
あんまりこの2つ使ってないけど後から設定するのも面倒だし頑張った
ひたすらこちらの内容に従った

www.humbert-tomoyuki.com

ブログテーマ「Codomisu Flat」をインストール

なんか色々シンプルにしたかったのとオススメ記事がスライダーで出てくるやつにしたかった
レスポンシブデザインじゃないからスマホは別でカスタマイズしないといけなかったけど、スッキリしていい感じだったのでこれにした

このテーマを作った方が使い方を全てまとめてくれてるのでとにかくコピペした

hitsuzi.hatenablog.com

ブログタイトルが長くて2行になっちゃったので一箇所だけ修正しました。
「デザインCSS」でタイトルのサイズを調整
「!important」ってつけるとインストールしたテーマのCSSを無視してこっちを優先してくれます。

#title {
    font-size: 20px!important;
    margin: 0;
}

あと、ついでにカテゴリとかも整理してサイドバーも不要なものは消してスッキリさせました。

スマホ版カスタマイズ

上記のテーマはレスポンシブデザインではないので、何もしないとスマホ版ページはデフォルトかパソコン版を無理やり表示させちゃいます。
なので、これもさっきのサイト様を見てひたすらコピペ!

hitsuzi.hatenablog.com

めちゃくちゃ丁寧に書かれているのでそのままコピペで迷うことないと思います。
僕はヘッダとフッタに読者登録とツイッター登録を追加しました。
今後もちょいちょいいじっていこうかと思います。
この辺、興味ある方がいればコメントや連絡いただければ可能な限りお答えしますん


プロフィールアイコン作成依頼

デフォルトのアイコンは味気ないな〜って思っていたので今回をきっかけにアイコン作成を依頼!
最近CMもやってるココナラを使いました。



ランキング上位の方にお願いして1週間ほどで作成していただきました。
料金500円なり
安いか高いかわからんけど僕はイラスト描けないので別に気にしない

まず、イラストの完成イメージを伝えてラフを描いて頂いてからそれを見て正式に依頼するかどうか決められるので自分のイメージ通りのアイコンを作ってもらえます!
また、機会があれば同じ人に頼もうかな〜ってぐらい満足

まとめ

コピペ中心だけど結構つかれたよ、、、
でも、だいぶスッキリシンプルになって嬉しいです。
このブログは元々、1年後に月1万円稼げるようになればいいかな〜程度で始めたので今後もゆるく更新していきます〜