初心者でも出来た!無料でも出来るオシャレなはてなのカスタマイズ
この4日くらいずっとCSSとかいじってカスタマイズしていたんですけども
はてなは無料でもここまでカスタマイズ出来るんだと
嬉しくなりますね…これはライブドアにはなかった嬉しさ…。
ライブドアは個別ページのここの前に入れるとか個人的に結構わかりにくくて
それがはてなだとコピペして場所に足していくだけ!割と楽!
- 本文の決まったコピペはever noteで
- テーマの変更
- 見出しのカスタマイズ
- はてなでの吹き出しの会話
- 記事の概要を消す
- topに戻るボタン
- ツイッターのフォロワー数を表示
- SNSボタンのカスタマイズ
本文の決まったコピペはever noteで
ever noteに入れておけば編集画面から貼り付けられるし
(ゾウさんみたいなマークのやつです。
スマホからでもアプリを入れておけば貼りつけられるので助かっています。
特にマーカーとか
これとか
では色々やったカスタマイズをご紹介。
テーマの変更
私が初めに使っていたテーマ。スッキリしていてシンプルで好きでした。
シンプルで美しいはてなブログの新テーマ「Minimalism」を公開しました。 - ひつじの雑記帳
レスポンシブのテーマを使えばスマホもカスタマイズされるので
見た目の変更がされます。
ここを見ればちょっとしたカスタマイズがすぐにできます。
proにした後はカード型のtopページがいいなと思ってこれを使っています。
見出しのカスタマイズ
ここに可愛いカスタマイズが載っています!
ここでは元から見出しがh3で載っているので本当にコピペでOK!
色を変えたい時は#から始まる色のところを好きな色に書き換えればOK。
あと見出しといえばこのサイト
この中なら気に入るのがあるはず!
しかしここのコードはh1で書かれているのでコピペする際にはh3に書き換えなければいけないので注意です。
私は中見出し(h4)小見出し(h5)もこのサイトからコピペしようとしたんですけど
何故かうまくできなくて…。
このサイトから中見出しのコードを借りました。
はてなでの吹き出しの会話
これですこれ
色んなサイトのを参考にしたんですけど
何故か出来なくて
画像が表示されなかったり
画像でドアップに写ったり…。
このサイトのやり方だとちゃんと出来ました!ありがたい!!
記事の概要を消す
>ll/*記事の概要*/
.page-index .entry-description{
display : none;
}ll<
サムネイルと題名だけにしたかったのでCSSに入れました。
【スポンサーリンク】