月無ことのは日記

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

月無ことのは日記

美少女ブロガー、月無ことのはちゃん(@tukinasikotonoh)の雑記ブログ!

月無ことのは日記

【はてなブログ初心者必見】僕が参考にしたブログカスタマイズ

ブログテクニック ブログテクニック-カスタマイズ

 どうも、月無ことのは(@tukinasikotonoh)です。

 つい先日このブログのカスタマイズを行ったのですが、スタートしたばかりは何から始めたらいいのか分からず終いの状態でした。

 分からない事は先人から学ぶのが一番!だと思ったので、今回ははてなブログのカスタマイズを始めたばかりの人におすすめできる参考記事を紹介していきます!

ブログのシェアボタンカスタマイズ

shiromatakumi.hatenablog.com

 はてなブログはSNSへの共有や、はてなブックマークができるボタンが標準搭載されていますが自分好みにカスタマイズさせたいと考えている人も多いでしょう。

 そんな時にオススメしたいのが上記の記事で紹介されているシェアボタンのカスタマイズです。デザインパターンも複数掲載されているので自分のブログにあったシェアボタンを簡単に設置することができます!

↓僕のブログで実装した部分

f:id:tukinasikotonoha:20161024141813j:plain 

フォローボタン設置

www.ituore.com

  はてなブログでは「読者になる」ボタン、Twittierでは「フォロー」ボタンが公式から提供されていますが、こちらもカスタマイズすることが可能です。

 こちらのカスタマイズ記事で掲載されているツールは自分でボタンの数を減らすこともできるので、やっていないSNSが存在する場合でも活用することができます。

↓僕のブログで実装した部分

f:id:tukinasikotonoha:20161024142212p:plain

公式目次機能を「・」⇒「数字」にするカスタマイズ 

www.yukihy.com

 はてなブログで記事を書いた際、リストを使用すると「・」の番号無しリストになってしまうのですが、上記の記事で紹介されているコードをブログに組み込むと数字の連番で表示させることができます!

↓僕のブログで実装した部分

f:id:tukinasikotonoha:20161024142632p:plain

タイトルのデザインをカスタマイズ

www.north-geek.com

 シンプルなデザインテンプレートをはてなブログで使用している場合、「どの部分がタイトル?」と分かりにくくなることがあります。

 記事タイトル部分を装飾すればそのような分かりにくさを解決することができるんです。こちらもデザインパターンは複数紹介されているので、自分のブログにあったタイプを選択することが可能となっています。

↓僕のブログで実装した部分

f:id:tukinasikotonoha:20161024143009j:plain

読者登録ボタンのカスタマイズ

somegoro.hatenablog.com

 「読者登録ボタン」の機能もはてなブログに標準搭載されていますが、記事下部などに表示する場合は、見栄え良く設置したいことがあります。

 ”フォローボタンの設置”で紹介したパーツど混同してしまいそうですが、デザインが異なっているのでブログのデザインにバリエーションを持たせることができます。

↓僕のブログで実装した部分

f:id:tukinasikotonoha:20161024143458p:plain

グローバルナビの設置

shiromatakumi.hatenablog.com

 大勢の人のブログで実装されているのが「グローバルナビ」

 スマホ表示にも対応させるのは難しいように思いがちですが、上記の記事で紹介されているグローバルナビを設置すれば、レスポンシブ対応にもなっているのでとても便利です!

↓僕のブログで実装した部分

f:id:tukinasikotonoha:20161024144243j:plain

f:id:tukinasikotonoha:20161024144254j:plain

関連記事表示ツールの設置

bulldra.hatenablog.com

 ブログの内部施策で必須項目ともいえるのが、関連記事ツールです。

 こちらのカスタマイズ記事で紹介されているツールを実装すれば

「人気記事」「同じカテゴリの記事」を記事の下部へ自動表示させることができます。

↓僕のブログで実装した部分

f:id:tukinasikotonoha:20161024144312p:plain

 

  以上の7つが僕のブログで活用したカスタマイズです。

 コードもほとんどコピペで導入できるので、非常にオススメですよ!

 記事数が少しずつ増えてきた人はこれを機に、ブログのカスタマイズをしてみてはいかがでしょうか。

 それでは今回はこれにて。

 

おわり。

関連記事

【2016年11月】Googleアドセンス審査通過+審査通過のためにやったこと

【お年玉の使い道】ココナラでイラスト依頼をしてオリジナルのアイコン作成!

【ブログで稼ぐ】おすすめのブログテーマ7選(はてな+Wordpress)