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

だいちゃん.com

1級身体障害者(人工透析患者)でフリーライターで元家庭教師なよくわからない人間、だいちゃん(∀)の障害者についてとか、勉強法とか雑記、障害者について、炎上wブログ

はてなブログの便利過ぎる新テーマ「Spirea」を使ってどのようにブログをカスタマイズしたか公開!


スポンサードリンク

f:id:uwasanoaitsu:20160407072524p:plain

ブログ記事のタイトルにやたらと「!」って使う人って頭悪そうに見えるよね。まぁ、私なんですけどね。

どうも、だいちゃん(∀)です。

 

今回、流星のごとく現れた、はてなブログの新テーマ「Spirea」。

www.ituore.com

これをを使って早速自分のブログをカスタマイズしました。

いやもう、お世辞抜きでこのテーマは今までの歴代のテーマの中で一番なんじゃないだろうか? というくらいカスタマイズ性に優れていて、しかもオシャレ!

このテーマはレスポンシブデザインのテーマ(PCとスマホの両方が同じデザインのテーマ)なのですが、私はあえてPCとスマホは分けてカスタマイズを行いました。

 

なので今回はPC版のデザインをどのようにカスタマイズしたかを書いていこうと思います。

(ちなみに、作ったデザインはこの記事のトップ画像に使っているやつです。)

 

カスタマイズ性が優れている分、どのようにカスタマイズをしていいのか迷う方がいると思います。そういった方々の為に、私はこのようにカスタマイズしました、ということを書こうと思ったのです。

参考になれば幸いです。

 

詳しいカスタマイズ方法は元サイト(上記リンク)に載っているのでそちらを参考にしてください。ここに書くまでもないくらい詳しくカスタマイズ方法が載っています。

ぶっちゃけ、ほとんどコピペのみでカスタマイズ出来ますw

 全体のデザイン

まず、上記で紹介した「いつ俺」の記事を読みながら並行してこの記事を読むことを推奨します。

 

・記事を枠線で囲う

・ヘッダー領域の下に線を引く

 

ヘッダー周辺

・ブログタイトルの背景色の変更

・色は#16c172(緑系の色)を使用。文字色は#ffffff(白色)

・グローバルメニュー(タイプ1)を設置

・SNSフォローボタン付き検索ボックスの設置

 

記事タイトル周辺

・タイトルの下に区切り線を付けた

・記事のタイトルの色変更(元記事に載っている色をそのまま使用)

・カテゴリーの色の変更(元記事に載っている色をそのまま使用)

 

記事中

・フォントの大きさの変更(元記事に載っている大きさをそのまま使用)

・大見出し(h2)には、見出し(左にボーダー+背景色)を設定

・中見出し(h3)には、見出し(左にボーダー)を設定

・小見出し(h4)には、見出し(チェックマーク)を設定

・SNSシェアボタンの設定

・SNSフォローボタンの設定

・続きを読むのデザインをカスタマイズ

 

サイドバー

・背景付きタイトルの設定。色は#16c172(緑系の色)

 

こんな感じにカスタマイズしました 

これ、ほとんどコピペのみで完成させることが出来ています。

とりあえず、冒頭で紹介した元サイトを見ながらじゃないとここに書いてあることは分かりにくいと思いますが、是非、このテーマを使いたい! という方は見ながらカスタマイズしてみて下さい。

とりあえず、これだけやっておけばちゃんとしたブログになるので!

 

スマホからうちのブログを読んでいる方は変わったことが分からないと思いますが、機会があれば是非、PCでうちのブログを見て下さい。めっちゃオシャレになっていますので!

 

このテーマ、ツイキャスというラジオ配信サイトのようなWEBサイトでコラボ配信をしたりして絡んだことのある理系の大学院生の子が作ったんですよね。

あなたは神ですか!

 

使ってみた感想

使用感、カスタマイズ性は抜群ですね。

欠点としては、レスポンシブデザインにするとあまりデザインが綺麗じゃないかな、と個人的には思ったくらいですね。

なので、私はレスポンシブにせずにスマートフォン版のデザインは、デフォルトのものを、

www.xn--n8jvce0l6c.com

自分で書いたこの記事を元にカスタマイズして相変わらず使用しています。

 

でも、このテーマを作ったid:shun_prog0929君が詳しくカスタマイズの方法なども書いてくれていて、コピペのみでほとんどカスタマイズ出来るので、私の中では使いかっては、はてなの無料テーマの中で歴代ナンバーワンです!

てか、これ本当に無料でいいの!? 使っちゃうよオジさんw

 

終わりに

 「人は見た目が9割」

なんていう本が出てだいぶ経ちますが、実際WEBの世界でもデザインってとても重要なんですよね。

また金の話か! と言われそうですがw デザインを綺麗にするだけでブログの収益もアップします。確実に。

WEB界隈も見た目が9割といってもあながち間違いではないかもしれません。(あとは、ユーザーインターフェース。使い勝手とかですかね。)

なので、WEBサイト、WEBサービスを作るときなどはお金を払ってでも良いデザインにしたほうがいい。無理にオリジナルで作ろうとしてデザインの汚いものを使わないほうがいい。

WEBサイトのデザインが汚いだけで、企業の信用も落ちますからね。

 

そう考えると、無料でこれだけオシャレなブログのテーマを用意してくれたシュンくんにはとても感謝しなければなりませんね!

 

しかし、今の時代、無料で良いものがだいぶ作れるようになってきたな~!

 

え? まだブログ有料サロンで消耗してるの?

だいちゃん(∀)

Copyright (C) 2013-2016 だいちゃん.com All Rights Reserved.