Omoidegraphy

写真ブログです。ストリートスナップ、バンドのライブ撮影をしています。

写真ブログに適したテーマ11選〈はてなブログ版〉

フォローはこちらから

この記事を他の人にもシェアしてね

f:id:nukoblog:20180114230839j:plain

写真ブログに最適なテーマをまとめました。全部で11テーマ。スマホとPC、両方での表示も比較してみました。

同じように探している人がいましたら、参考にしてください。(^^)

テーマ11選

 

1. Evergreen

三重県で写真を撮っている、zooさんの写真ブログ『適当に行こう』を見てみます。

公式テーマ「Evergreen」を使っていますね。脱力感のあるタイトルが好きです。(笑)

<記事>
f:id:nukoblog:20180113125814j:plain

<トップページ>
f:id:nukoblog:20180113125743j:plain

とてもシンプルなテーマです。余白も多く、写真を大きく見せられますね。

m_maru1974さんの『An Ordinary Life』も同じテーマです。シャープかつボケのある写真は、どれもじっくり見入ってしまいます。大好きな写真ブログの1つです。

<記事>
f:id:nukoblog:20180113125711j:plain

<トップページ>
f:id:nukoblog:20180113125729j:plain

公式テーマに言えることなのですが、他の人と被ってしまうと個性が出にくいです。シンプルなゆえのデメリットなので、仕方がないのですが。

あまり気にしない人や、自分でカスタマイズできる人なら問題ないですね。

・参考:Evergreen - テーマ ストア

 

2. Life

こちらも公式テーマです。

わたしはあとで説明する「Apollo」を使っていますが、こちらのテーマとすごく悩みました。

下は、raich_fotoさんのブログ『Lyrical foto』です。

<記事>
f:id:nukoblog:20180113125322j:plain

<トップページ>
f:id:nukoblog:20180113125459j:plain

わたしと同じフジノンユーザーですね。写真はもちろん、エッセイも素敵なブログです。読者がまだ2人しかいなようなのですが、わたしはすでにヘビーリーダーです。

次もよく読ませていただいている写真ブログです。pixtさんの『フリーランスの休日』も、この公式テーマだったのですね。

<記事&トップページ>
f:id:nukoblog:20180113125529j:plain

記事画面とトップページのデザインが同じになっていますね。表示形式を「全文形式」にし、記事中に「続きを読む」を入れない場合はこのように表示されます。

ヘッダーの画像がきれいですよね。わたしも設定しようかな。。

・参考:Life - テーマ ストア

 

3. gray

ここからは公式テーマではなく、一般の投稿テーマに注目していきます。

かんぱっちさんのブログ『寫真days』は、ヘッダーの「Days」の赤文字が印象的です。「すべての鼓動を美しく」。超かっこいいです。

<記事>
f:id:nukoblog:20180113125931j:plain

<トップページ>
f:id:nukoblog:20180113125944j:plain

上の公式テーマ「Life」と似ていますね。テーマは「gray」。テーマストアの説明欄には、こう書いてあります。

写真が映えるようにデザインした、シンプルな1カラムのテーマです。写真が中心の日記や、文章量が少なめの日記に適しています。

シンプルでいいですよね。やはり写真ブログにはシンプルさが相性バツグンです。

かんぱっちさんのように、ヘッダー画像を工夫すると他と差別化できますね。

・参考:gray - テーマ ストア

 

5. Blank

今まで1カラムのデザインでしたが、こちらは2カラムのテーマを中心に見ていきます。PC表示のときに、プロフィールも載せたい人にはオススメですよ。

re:structure』さんは、コンデジのGRで撮った写真を毎日アップされています。

<記事>
f:id:nukoblog:20180113130116j:plain

<トップページ>
f:id:nukoblog:20180113130150j:plain

もう1人、chitoroidさんのブログ『chito photo』も同じテーマです。風景写真がメインですが、飼われている2匹のネコの写真も登場しますね。

<記事>
f:id:nukoblog:20180113130225j:plain

<トップページ>
f:id:nukoblog:20180113130214j:plain

このテーマ「Blank」は、シンプルかつ2カラムです。使っている人も多いので、カスタマイズする際には参考になる記事が見つかりやすいと思います。もちろん、このまま使っても良さそうです。

・参考:Blank - テーマ ストア

 

4. Innocent

SpaceFlier』はタケルさんのブログです。淡いヘッダー写真、手書き風のフォント。雰囲気があって美しいです。スマホ表示もきれいです。

<記事>
f:id:nukoblog:20180113130032j:plain

<トップページ>
f:id:nukoblog:20180113130010j:plain

このテーマ「Innocent」は、わたしも使ったことがあります。カスタマイズ性の高い人気テーマです。PC表示でのオススメ記事スライダーがイケてます。

・参考:Innocent - テーマ ストア

 

6. お明朝

maeさんの写真ブログ『日々撮り散らかし。』は、フィルム写真と日記が素敵です。

ヘッダー写真は以前ペットボトルの写真でしたが、建物の写真に変わりましたね。気がついたとき、「あぁ〜いいっ!!」と思いました。

<記事>
f:id:nukoblog:20180113130444j:plain

<トップページ>
f:id:nukoblog:20180113130514j:plain

使用しているテーマ「お明朝」は、今まで知りませんでした。テーマストアを見てみると、作成者は上で紹介したタケルさんでした。ビックリです!

テーマが作れる人ってあこがれます。

・参考:お明朝 - テーマ ストア

 

7. Naked

昨年2017年8月に、今使っているカメラFUJIFILM X-T2を買いました。

その際に参考にさせていただいたブログの1つが『No.26(仮)』です。載せている写真は、takchasoさんの奥さんのポートレートがメインですね。

<記事>
f:id:nukoblog:20180113130556j:plain

<トップページ>
f:id:nukoblog:20180113130610j:plain

PCのトップページがかっこいいです。スマホで見てもgood。かなりカスタマイズしているのかな〜と思います。

次に紹介するEzogeekさんの『Photograpark』は、PCとスマホでデザインを分けていますね。

<記事>
f:id:nukoblog:20180113130627j:plain

<トップページ>
f:id:nukoblog:20180113130642j:plain

使っているテーマは「Naked」ですが、スマホデザインだけ別にカスタマイズされています。

このスマホデザインは、テーマストアには載っていません。作成者のこどみすさんが、自身のブログ記事にて公表しています。スマホに特化したデザインですね。

hitsuzi.hatenablog.com

ここで補足です。

テーマストアを眺めていると、レスポンシブデザインの用語を見かけます。これは、PCとスマホの両方で同じデザインにできますよ、という意味です。デザインに凝りたい人はレスポンシブデザインのテーマを選べば間違いないでしょう。

しかし、スマホデザインだけを別にカスタマイズしたい場合は、有料会員(はてなPro)になる必要があります。

「Naked」も使っている人が多いテーマです。カスタマイズでわからないことがあっても、たいていは解決すると思いますよ。

・参考:Naked - テーマ ストア

 

8. ZEN for Hatena Blog

Tumblrのテーマ「Zen」のはてなブログバージョンです。もちろんレスポンシブデザイン。

Ryosuke Hagiharaさんの書く『#RyoAnnaBlog』は、わたしの大好きなブログです。とにかく写真が美しく、文学的なコメントが印象的です。

<記事>
f:id:nukoblog:20180113130716j:plain

<トップページ>
f:id:nukoblog:20180113130726j:plain

トップページを全文記事+写真すぐ下に「続きを読む」を入れていますね。レスポンシブモードはオンです。

対して、次の『karorinyan photo blog』はカロリにゃんさんの写真ブログです。スマホデザインに違いがありますが、こちらはレスポンシブモードをオフにしているようです。オンオフは、無料会員であっても使える設定です。

<記事>
f:id:nukoblog:20180113130754j:plain

<トップページ>
f:id:nukoblog:20180113130737j:plain

カロリにゃんさんのブログも、1枚の写真とその説明に加え、その日の日記といったシンプルな記事構成になっています。毎日更新されていますね。

ちなみに、レスポンシブモードにしつつ記事一覧にしたい場合、これははてなProにしかできません。

はてなブログのトップページ設定画面

設定→詳細設定→トップページの表示形式

ところが、無料会員であってもできる方法があります。「はてなブログ 無料 記事一覧」で検索すると、いっぱい出てきますよ。ご参考まで。

・参考:ZEN for Hatena Blog - テーマ ストア

 

9. Apollo for Hatena Blog

さてさて、今みてくださっている本ブログがテーマ「Apollo」になります。

(追記:2018年2月現在、テーマを「SOHO」に変更しました)

<記事>
f:id:nukoblog:20180113130923j:plain

<トップページ>
f:id:nukoblog:20180113130836j:plain

トップページの表示形式は「全文記事」、数行の前書きのあとに「続きを読む」を入れています。レスポンシブモードはもちろんオンです。

王子さんの『Camerhizome』も同じテーマを使っています。最近ブログでもTwitterでも仲良くさせてもらっています(^^)

<記事>&<トップページ>
f:id:nukoblog:20180113131155j:plain

タイトルのデザインが違うのは、わたしが自分でカスタマイズしたからです。といっても四角で囲ってだけですが(笑)。通常は下線のみです。

・参考:Apollo for Hatena Blog - テーマ ストア

 

10. Minimalism

こちらのテーマもよく見かけますね。

まさにシンプルイズベスト。作成者は、先に「スマホデザイン最強カスタマイズ集」でも紹介したこどみすさんです。

<記事>
f:id:nukoblog:20180113131238j:plain

<トップページ>
f:id:nukoblog:20180113131226j:plain

このブログは、d.abcさんの『週末写真家のピンボケライフ』です。

この寒い冬の朝、早起きして朝日を撮っているようです。グータラなわたしにはマネできそうにありません。(笑)

この記事を書こうと思った理由ですが、実はテーマを変えようかと思っているからです。今のところ、このMinimalismが候補に挙がっています。わたしのメインブログ『3年後の私をつくろう』でも使うかも。。

・参考:Minimalism - テーマ ストア

 

11. SOHO

(追記:2018年2月現在、このテーマ「SOHO」を使っております)

Minimalismと並んで候補なのが「SOHO」。日記に美容、写真など、いろんなブログで見かけます。

葵さんの『I am』というブログも、まさにそんな多カテゴリーなブログです。最近は、フォトジェニックなスポットによく行くようです。

<記事>
f:id:nukoblog:20180114181716j:plain

<トップページ>
f:id:nukoblog:20180114181735j:plain

洗練されていて、とても気になります。

シンプルという点では、上のMinimalismと変わりません。こちらはより高級感のあるデザインですよね。

・参考:SOHO - テーマ ストア

 

まとめ

写真ブログをやっていると、自分の写真や添えたいコメントにもっとも適したデザインが気になってきます

 

公式テーマは純正でムダがなく、見出し等のカスタマイズもしやすいです。ただし、カスタマイズするのは正直メンドウ...。自分の撮った写真や綴る言葉が、そのままで一番輝くテーマを選びたいですね。

写真ブログのテーマ探し、まだまだ続いていくと思います。見つけたら、また追記します。

ではでは。

*言及させていただいた方の中で、もし不都合がありましたらご連絡ください。迅速に対応します。

補足:スクリーンショットについて

紹介する際スクリーンショット画像を使いました。用いたのは、PC表示とスマホ表示を並べて確認できるブラウザです。

blisk.io

このブラウザは、もともとデベロッパー向けに開発されたものです。スクロールしたりページを移ったりしても、PCもスマホもそれに追従して表示されます。両者の表示のされ方が1度に、しかもリアルタイムにチェックすることができますよ。

「スマホだとどう表示されるの?」というとき、大変オススメのツールです。

アイキャッチ製作者

この度ははてなブロガーのあいまいみーさんに依頼させていただきました。

「自分も作って欲しい!」という方は以下よりどうぞ。(*^^*)

www.imyme9.com