読者です 読者をやめる 読者になる 読者になる

はんぺんの雑記帳

好きなことを掘り下げます。

ブログをカスタマイズしてみた

やってみた ブログ

こんにちは、なんだか嬉しいことが重なりすぎてテンションが変なはんぺん(@hanpen_005)です。

f:id:hanpen_005:20170210205606j:plain

ついにブログのカスタマイズに手を出しました。

「やり始めると止まらない」「記事が書けない」ってホントですね。

HTMLやCSSの知識が著しく少ないので時間がかかる。そして楽しすぎる。

今回は超初心者の私でもわかりやすいカスタマイズと、参考にさせていただいたサイトをご紹介します。

 

最初に

www.monochromen.com

 

一番最初に参考にさせていただいたサイトです。

項目ごとに見させていただいてとても参考になりました!

 

ここから下は個人的に調べたりして導入したものですが、上記のサイトに紹介されているリンクと被るところがあるかもしれません。

 

一気にブログがおしゃれになるテーマ「DUDE」

tsukuruiroiro.hatenablog.com

すごく有名なテーマなんですね。つい先日知って導入しましたがほんとに自分のブログなのかと思うほど素敵なデザインになりました!

シンプルかつオシャレなのでどんな内容にもピッタリ合ってくれます。

レスポンシブに対応させる

私はめんどくさがり&オッチョコチョイなのでPCとスマホ別々の設定をしているとすぐパンクします。

そんな私の味方”レスポンシブ”。PCの設定をそのままスマホに引き継いでくれるので面倒要らずです。

DUDEは本来未対応なのですが、調べてみるとコピペでかんたんに設定できました。

yaritakunai.hatenablog.com

 

SNSのフォロー・シェアボタン

フォローボタン

はてな読者登録」「Twitterフォロー」「Feedly読者登録」のボタンのカスタマイズ。

これです↓

 

マウスカーソルを合わせるとふにょっと広がって可愛い!

 

これもコピペでかんたんに設置できます。

georges.hatenablog.jp

製作者の方のデフォルトだとFacebookボタンもありますが、私は外しています。

設置位置はサイドバーと記事下。

 

シェアボタン

忍者ツールズさんの「オーバーレイ」機能のついたボタンを使っています。

※オーバーレイ・・・スマホでずっとしたにくっついてくるやつ

現在私は「Twitter」「はてブ」「Pocket」「その他」にカスタムして利用していますが、個人の好きなボタンを組み合わせることができます。

オーバーレイでもし見にくくなった!邪魔!という様子が見られたらまた変えようかな~と思っていますがデザイン的にはオシャレで好きです。

 

georges.hatenablog.jp

 

会話吹き出し

まだこれはブログ内では使用していないのですが、

 

 初登場。名前はまだない。

これから登場させる予定です!

 

こんな感じで会話形式にできます。

これから記事にも取り入れて楽しく見れるブログにしていく予定です^^

 

shiromatakumi.hatenablog.com

 

 まとめ

まだまだこれからより素敵なブログを目指していじくっていく予定ですが、今のところのカスタマイズはこんな感じです。

いろんな方のブログを見て勉強しております。

それからもうちょっと専門的な知識もつける必要があるかな~と感じてます。

 

今回挙げたサイトは知識がほとんどない私でも導入できたものなので、きっと皆さんはサクッと導入できると思います。

参考になれば嬉しいです^^

 

以上、はんぺんでした!

広告を非表示にする