Moti.Life

アニメ漫画ゲームのことを語るブログ

Undershirtがコピペで簡単にカスタマイズできました

f:id:motimoti444:20200222034357j:plain

こんにちは、motiです。

先日ようやくアドセンスに合格したので、デザインを見直したほうがいいかなと思い、「Undershirt」をダウンロードしていろいろとカスタマイズしてみました。

私はHTMLの外行とフォントの色を変更、サイズ変更くらいなら見ながらならできますが、CSSは本当に全くといっていいほど分かっていないので、コピペで何とかなるサイト様達のお世話になってカスタマイズしました。

今回はそんな私でもできた「Undershirt」のカスタマイズをご紹介したいと思います。

※カスタマイズは自己責任でお願いします。事前にバックアップを取って置くことをおすすめします。

スポンサーリンク

 

 

「Undershirt」した理由

  • レスポンシブ対応
  • 装飾が少なくてカスタマイズしやすい
  • トップ画面に記事が2列で並ぶ(スマホは一列)
  • シンプルで使いやすい
  • 使っている人が多い

CSSを使ったカスタマイズは初めてだったので、慎重に選びました。

使っている人が多いということはいろんなカスタマイズができるということだと思ったので、「Undershirt」にしました。

インストールはこちらです↓ 

blog.hatena.ne.jp

 

 

 

カスタマイズした箇所

プロフィール

f:id:motimoti444:20200204223511p:plain

こんな感じにカスタマイズしてみました。

サイドバーは「プロフィール」ではなく、「HTML」で作っています。

イラストの色をイメージカラーピッカーというサイトで色のカラーコードを調べて、枠線をその色にしてみました。

saruwakakun.com

プロフィールの枠の部分はこちらのサイト様の「シンプルな囲み枠」からコピペさせていただきました。ありがとうございました。

すごくかわいい…。

 

 

 

トップページの記事の部分

  • はてなスターの削除(記事内には残す)
  • 日付を右に寄せ
  • カテゴリーを左上寄せ

▽完成がこんな感じになりました!

f:id:motimoti444:20200205021454j:plain

www.oheya-migaru.com

上の3つはこちらのサイト様からコピペさせていただきました。

ありがとうございました。

これだけでもとてもシンプルになって好みになってきました。

 

 

目次を変更

何もしていない状態だと目次の横が数字だったので、●に変更してみました。

こちらのサイト様のものをコピペでさせていただきました。説明もわかりやすくて簡単にできました。ありがとうございました。

www.kurasitotonoe.com

 

 

太字ボタンの機能を変更

太字の機能を使うと蛍光ペンを引いたようになるようにしました。

前々から蛍光ペンに憧れていて、難しそうで諦めていたのですが、コピペしてheadのところに貼るだけでとても簡単だったのでよかったです。

ありがとうございました。

www.thoughts-make-things.com

用意されている色以外の色を使用したい場合は

こちらのサイトでRGBA値をコピーして指定の場所に貼り付けましょう。

tech-unlimited.com

 

 

見出しを変更

記事内の見出しを変更しました。

こちらのサイト様のものをコピペでさせていただきました。シンプルなものからかわいいものまでどれも本当にかわいいです。ありがとうございました。

saruwakakun.com

 

 

トップ画面に記事を4つ表示する

すごいブログあるあるだと思うのですが、沢山読まれている記事やおすすめの記事をトップに固定しておくというのがありますよね。

あれやってみたい!ということでやってみました。

こちらのサイト様のものをコピペでさせていただきました。

これもわかりやすくて簡単にできました。ありがとうございました。

www.bambi.pro

 

 

 

 

 

ブログ全体のフォントを変更

最初に設定されていたフォントは少し物足りない感じがしたので、フォントも変更してみました。

参考にさせていただきましたサイト様。ありがとうございました。

www.north-geek.com

フォントで結構印象が変わって楽しい。

 

 

スポンサーリンク

 

おわりに

今回は「Undershirt」のカスタマイズのご紹介でした。

本当は昨日上げるつもりだったのに、素敵なCSSばかりでとても迷ってしまってすごい時間がかかってしまいました。でもとても楽しかったです。

今回お世話になったサイト様方本当にありがとうございました。

ブログのデザインって凝り始めるとなかなか終わらないとネットに書かれていましたが、本当にそうだなと思いました。

もしカスタマイズするという方がいらっしゃいましたら時間に余裕がある時がおすすめです。

ここまで読んでくださってありがとうございました。