CameraStory

写真とカメラとスキなコト

camera story by一瞬一撮 MENU

はてなブログにしてカスタマイズしたまとめ。

スポンサーリンク

f:id:maphoto:20160216090005j:plain

サッカー辞めて半年、お腹に貯蓄がついてきたつるたまです。

ぱくたそにてサッカー女子・八木さんの写真が配信されました(∩´∀`)∩ワーイ
ガチでサッカーやっててつるたまよりうまいので
フットサルの告知などにもご活用いただければ幸いです。

八木彩香|フリー写真素材・無料ダウンロード-ぱくたそ

 

いきなり宣伝から入りましたが、
今回は当サイトで行ったはてなブログカスタマイズを
まとめていきたいと思います。

 はてなブログProを使ってます!

WEBに詳しい人であれば、スターがついてたり仕様ですぐに
「はてなブログだな!」とわかると思うのですが
つるたまはポートフォリオサイトはWordPress
ブログははてなブログProを仕様しております。

はてなブログPro - はてなブログ

「えっ?あのサイト誰かに作ってもらったんじゃないの?」
っと聞かれますが、全部ググってコピペするだけでじつは作れます( ´ ▽ ` )ノ
ちなみに下記のサイトもいじらせていただいております。

BicyclefiL / けんたさん自転車ブログ
武藤裕也 http://muto.photowork.jp/

f:id:maphoto:20160117201111j:plainで、いじってるときにどこにどの情報があったか
   わからなくなったので今後の参考用に記事化しました。

 

テーマは Innocent

f:id:maphoto:20160216092743j:plain

2016.2.16現在 ナビゲーションとおすすめ記事が表示されるので
Inocentを仕様させていただいております。

Innocent - テーマ ストア - はてなブログ

Innocentでのカスタマイズは下記の二つ

「Innocent」のカスタマイズ(ナビゲーションバー編) - MoonNote

「Innocent」に「おすすめ記事リスト機能」を追加しました - MoonNote

基本的なカスタマイズはYukihyLifeにお世話になってます

まずは見出し周り

ブログの印象や見やすくするための見出し周り

www.yukihy.com

上記のコードを参照して配色選びは下記を参照してます。

f:id:maphoto:20160216101337j:plain

PLTTS - Popular

f:id:maphoto:20160216101351j:plain

Colours

メインカラーを選ぶと合わせて使うといい色がわかりやすいので重宝してます。

f:id:maphoto:20160216102627j:plain

トップ画面でのフッターを消去とサイドバーのタイトルに下線を入れる

はてなブログデザインカスタマイズ | タイトル・画像のセンタリング・サイドバーや見出しなど - Yukihy Life

 

目次

www.yukihy.com

正直ちょっとなくてもいいかと思ってるけど
残している目次機能

長文で書いているときはわかりやすいけど
起承転結の4項目でまとめるようにしてるからなくてもいいのかなっと最近悩み中

関連記事

f:id:maphoto:20160216101829p:plain

はてなブログで同じカテゴリの記事をランダム順に表示して関連記事っぽいものを作るカスタマイズ - Yukihy Life

もしくは下記の同カテゴリの記事

はてなブログで同じカテゴリの記事を新着順に表示して関連記事っぽいものを作るカスタマイズ - Yukihy Life

この表示入れてから、巡回がよくなって、直帰率下がりました(∩´∀`)∩

はてなブックマーク「あとで読む」ボタン

2017.1.14に追加

 

カウントされるソーシャルボタン

f:id:maphoto:20160216103049j:plain

現在Twitterはカウントされなくなっているのですが
2016年2月16日現在 Twitterも表示させる方法です。

www.yukihy.com

上記ページにアクセスすると他の最新記事での設定を誘導されていますが
他の記事だとgoogle+とPocketがカウントされなくなるので
つるたまはこの記事の設定を使ってます。

上記記事の設定を終えたら下記へ

www.yukihy.com

widgetoon.js & count.jsoon | digitiminimiの申請を待つ時間が必要ですが
Twitterもカウントされるようになります!

 

ちょっとフラットにしたソーシャルボタン

f:id:maphoto:20170114064828p:plain

Twitterが取得できませんが、facebookとはてブを把握したい方はこちら。

 

カウント取得無しでスッキリしたソーシャルボタン

f:id:maphoto:20170114061129p:plain

 

この記事が気にいったらいいねしよう&フォローボタン

f:id:maphoto:20170114055950p:plain

 


サイドバー関連記事

カエレバの設定

 上記のようにする方法はヨッセンスさんから。


ミラーサイト対策しました。

 

 今後やっていきたいカスタマイズ

今回つるたまがサイトでいじっている箇所を
あとで編集できるようにメモ代わりにリンクしておりますが
今後やっていきたいのはこちら

wepli-dot2.hatenablog.com

 

ナビゲーションやおすすめを表示することで
直帰率かなり変わるのと、見やすく作ることで
読みやすくなったりもするので、自分用に作った記事ですが
参考になれば幸いです。

記事写真探す際にはつるたまの写真素材をご使用頂けると喜びます(∩´∀`)∩

f:id:maphoto:20160216110249j:plain

つるたま|フリー写真素材・無料ダウンロード-ぱくたそ