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

BLUEONEBIRDBLOG

漫画や釣りの話題など。

はてなブログのカスタム

f:id:blueonebird:20160503213127j:plain

ブリキ看板の二つ目を注文しちゃいました。

トラウト系の魚も混じるティンプレートが欲しかったのですが

今回のデザインはいろいろな魚が混じっています。

こんな感じです。

f:id:blueonebird:20160503213127j:plain

タイトルは「入れ食い」いろいろなルアーのの対象魚がルアーに食いつこうと

しています。

 

トラウトはブラウンやレインボーなどの魚がデザインされています。

 

 

二つ並べるとこんな感じです。

 

f:id:blueonebird:20160503213344j:plain

 

いや~まさにカッコいい!(でもドア汚っ!)

 

部屋の雰囲気が充実した気分です。

 

ヘッジホッグスタジオさんで今回は注文。

でももう売り切れ状態ですね・・。

 

今回はてなブログへ移転したわけですが、いろいろとFC2と

システムが違うようでしたので苦労しました。

 

まず記事の続きを読むボタンのカスタム。

 

はてなブログの続きを読む(Read more)は

記事作成の時に続きを読むを挿入する事で表示させることができるようです。

 

記事を全部こちらへインポートしようと思ったのですが、

さすがに全部の記事を整理しようとは思えず、2016年の

更新だけをインポートすることにしました。

 

参考にさせていただいたのはこちらのサイト様。

georges.hatenablog.jp

 

カッコいいテンプレートデザインなので参考にさせていただきました。

続きを読む、記事の初めに置くアイキャッチ画像の設定からいろいろはてなブログ

研究されています。

 

自分は各記事のアイキャッチ画像を左に配置し、尚且つ続きを読む

ボタンを青系で設置したかったのでそのようなテンプレートに。

 

各記事のアイキャッチ画像ははてなブログの場合、本文先頭に画像を

置くとエントリートップ画像、つまりアイキャッチ画像と認識される

ようなのでアイキャッチにしたい画像は自分の場合本文冒頭に置いております。

 

あと、はてなでLightBoxを設置するにはこちらのサイト様を。

a-kuma3.hatenablog.com

 

LightBoxは写真をクリックすると背景が暗くなり、

にゅーんと画像が出るやつです。

 

 

それと続きを読むを設置してもトップページにコメントが表示されてしまうので

これは各記事をクリックしたときにだけコメントを表示できるように

しました。

 

それについてはこちらのサイト様から。

michiko-70554148.hatenablog.com

 

自分のブログの画像は640×640サイズでアップしております。

自分には大きさ的にブログ幅にもちょうど良いかなと思っています。

 

テンプレートはInnocentを使用させていただいております。

こちらのテンプレート作者様のサイトにいろいろなカスタマイズ

方法がご紹介されてあります。

moonnote.hateblo.jp

 

さらにヘッダーのトップ画像なのですが、はてなは画像の高さが指定されて

いるようでしたのでデザイン、カスタマイズのヘッダーのタイトル下に

HTMLを入れられる箇所にはてなフォトライフにアップした画像をそのままアップ。

センターリング表示させました。それで高さのあるヘッダー画像を実現。

 

画像クリックでトップページに飛ばしたかったのですがFC2ブログ方式では

出来ませんでした・・。なので画像だけでそのままです。

 

そんなこんなでいろいろなはてなブログ様を参考にさせていただき、

好みのテンプレートができました。

 

画像下のメニューはまだいじっていませんがそのうちという事で。

 

はてなブログはデザインがシンプルでキレイで気になっていました。

 

まだまだ分からないことがありますが少しづつ勉強してゆきたいと

思います。

 

追記

見出し、サブタイトルもカスタムしてみました。

こちらのサイト様からです。

shiromatakumi.hatenablog.com

 

見出しに大見出しを選択するとこんなサブタイトルができます。

BLUEONEBIRDLIFE

 

カスタムいろいろ楽しいですね。

 

広告を非表示にする