気まぐれで軟体動物やってます!!

介護士たこにゃんが伝える、ためになる?ブログ

はてなブログで唯一スマホのヘッダーに対応しているテーマはコレだ!!

テーマ選びは永遠のテーマ

どーも、たこにゃんです。
みなさん、どんなテーマを使っていますか?

 

テーマって、やっぱり大事ですよね。
テーマ選びによって、サイトの第一印象が決まると言っても過言ではありません。

 

テーマ次第では、スマホの表示や、記事のイメージも変わりますし、見出しの形式も変わります。

 

HTMLやCSSの知識がある人はカスタマイズできますが、覚えるのは面倒くさいですよね。

 

今回は僕が今回採用した「Silence」というテーマのポイントをお伝えしたいと思います。

 

その名も「Silence」作ったのはあの人

僕が採用したテーマはこちらの「silence」というテーマです。

f:id:taconyan:20190818210736j:plain

 

名前がまずカッコいい!!
日本語に直訳すると「沈黙

 

沈黙してたら、ブログ書けねぇよ!!

 

これはインターネットの普及により、溢れかえった情報社会に惑わされるなよ!!
一度、沈黙して情報の中に隠れた真実を見つけ出すんだ!!
そんな作者からのメッセージではないかと僕は思いますね。

 

絶対違うけどな!!

 

作者はshiromatakumiさんです。

 

はてなブログで30000以上インストールされている「Brooklyn」の作者ですね。
同じくはてなブログで人気のテーマ「SOHO」の作者でもあります。

 

f:id:taconyan:20190818210827j:plain     f:id:taconyan:20190818210831j:plain




 

そんなshiromatakumiさんの最新作がこの「Silence」になります。

 

全部めっちゃカッコいい!!

 

はてなブログの人気テーマランキングでは

  • 2位 「Brooklyn
  •  6位 「SOHO
  • 11位 「Silence

になってます。(2019/8/18現在)

 

Shiromatakumiさんすごすぎませんか?

Silenceの基本情報

  • 作者:shiromatakumi
  • 無料
  • 1247インストール
  • 投稿日:2019-2-18
  •  
  • レスポンシブに対応したシンプルなデザインテーマです。
  • HTMLが苦手な人でも、簡単にカスタマイズできるのが特徴です。

 

こんなにかっこいいデザインなのに、ユーザーの立場をしっかりと考えてくれている。

優しい・・・

 

インストール数は1,000と少ないように感じますが、投稿してから半年ほどしか経っていないので、これから伸びるでしょう。


人気ランキングには1年以上前にリリースされたものがほとんどなので、今年リリースされたテーマの中では一番インストールされています。

シンプルだけど遊び心のあるデザイン

はてなブログでは、上位はシンプルなデザインのものが人気になっていますね。

Silence」もシンプルなデザインだとは思いますが、所々に作者のこだわりがあります。

 

f:id:taconyan:20190818211407j:plain

  • 左上の、日付部分が斜めになっています。
  • 右上のプロフィールのところはになっていますね。

 

シンプルに作っているように見えて、遊び心を入れているのが個人的には好きです。

記事が2カラム対応

はてなブログのテーマで上位を占めているのはほとんどが、縦に1記事ずつ並ぶ1カラムが多いですね。

 

しかし、これは縦に記事が2つ並ぶ2カラム型になっています。(スマホは1カラム)

僕はPC版は2カラム型の方が良いのではないかと考えています。

f:id:taconyan:20190818211532p:plain

 

PCとスマホのユーザーは違うと思うので、1度に多くの情報量が入ってくる方がPCは見やすいのではないでしょうか?

 

特に、雑記ブログは記事の内容に統一性がないので、2カラム型の方が相性が良いのではないかと思います。

見出しも使い分けができる

Silenceでは見出しもしっかりと使い分けができています。

  • 見出し1 

  • 見出し2 

  • 見出し3 

  • 見出し4 

  • 見出し5 
  • 見出し6 

 

上位のテーマは、見出しの大きさが変わる程度のものがあるので、記事を作った時にメリハリがない気がするものが多いですね。

 

見出しの種類を変えることで、読者に重要の違いを伝えることができます。

ヘッダーがスマホ対応

最近はレスポンシブ対応によって、スマホでも同じデザインで読めるテーマも多くなってきましたね。

 

でも、上位のテーマはスマホの対応が完全でないものが多いです。

 

特にヘッダー部分が弱い

 

枠に収まりきらないんですね。

f:id:taconyan:20190818212130j:plain

 (スマホのスクショで枠に収まりきらないヘッダー)

 

ヘッダーでフォントを変えようと思ったら、どうしてもはてなブログでは限界がきます。

このヘッダー部分を諦めている、はてなブログのユーザーさんは多い気がしますね。

f:id:taconyan:20190818212426p:plain

スマホに合わせようとして中央による)

 

しかし、Silenceではしっかりとスマホに対応しているので、安心して使うことができます。

PCとスマホではサイズが少しだけ変わりますので、そこだけ気をつけてください

f:id:taconyan:20190818212554j:plain

(PC版とほぼ同じヘッダー)
 

 

上位のテーマは一通り使ってみたんですが、ヘッダーのサイズ調整に対応していたのはこれだけだったと思います。

カスタマイズの解説をしてくれている

はてなブログの初心者で、テーマのいじり方がわからない人もいますよね。

 

Shiromatakumiさんは親切にもでもサイトにて、「silence」のカスタマイズの仕方を解説してくれています。

 

どんだけ優しいんだ(笑

 

初心者の人はまず、教科書的にカスタマイズの方法を見ながら、コードをいじってみるのがいいと思います。

 

Silenceのデモサイト

まとめ

とにかく、「Silence」はオススメです。


これの直前は「Brooklyn」を使っていたんですが、ヘッダー部分の調整ができずに悩んでいました。

 

やっぱり、技術的なことを考えると新しいものの方が良いということですかね?

他にもまた、面白いテーマがあれば紹介してみたいと思います。

 

Silenceのインストール

 

www.kimagure-taco.com

 

 

読者登録お願いします!!