はてなブログMedia専用デザインテーマは6種類あります。
デザインテーマの変更をご希望の場合は、「お問い合わせ」からご連絡ください。
・はてなブログMediaではテーマストアのデザインはご利用いただけません。
・はてなブログMedia専用デザインテーマは全てレスポンシブデザインとしてデザインされています。
レスポンシブ機能を無効にしないようお願いいたします。
採用サイト向けテーマ
採用サイトに特化したテーマです。オウンドメディアではなくwebサイトとして はてなブログMedia を使いたい場合におすすめです。
各種設定を変更することで採用専用ではなくコーポレートサイトとしてもお使いいただけます。
hbm-HR
テーマ名：hbm-HR
目的：採用・認知・ブランディング
sample：https://hr-sample.hatenablog.com/
カスタマイズ方法：hbm-HRのカスタマイズ
オウンドメディア向けテーマ（１カラム構成）
記事ページが１カラム構成のテーマです。このテーマでは記事ページのサイドバーを表示しません。（サイドバーの要素をページ下部に表示することは可能です）
コンテンツと関係の薄い要素を減らし、内容をしっかりアピールすることで記事への没入感を高めることができるため、次のようなメリットがあります。
- サービス内容への理解を促すことでのCVR向上
- 読了率の向上
hbm-simple-p1
テーマ名：hbm-simple-p1
目的：ブランディング・プロモーション
概要：追加装飾がしやすいシンプルなデザイン。１カラム構成かつ自社メディア用の装飾を行いたい場合におすすめのテーマです。
sample：https://hbm-simple-p1.hatenablog.com/
カスタマイズ方法：hbm-simple-p1のカスタマイズ
hbm-simple-p2
テーマ名：hbm-simple-p2
目的：ブランディング・プロモーション
概要：記事一覧要素に大・中・小のデザインパターンを持つため、情報に強弱がつけやすいデザインです。
サンプル：https://hbm-simple-p2.hatenablog.com/
カスタマイズ方法： hbm-simple-p2のカスタマイズ
オウンドメディア向けテーマ（２カラム構成）
記事ページが２カラム構成のテーマです。このテーマでは、全てのページにサイドバーを配置することが可能です。どのページにもバナーや人気記事へのリンクを設置することができるため、次のようなメリットがあります。
- メディア内回遊率の向上
- キャンペーンページへの遷移や問い合わせへのCVR向上
hbm-visual
テーマ名：hbm-visual
目的：ブランディング・採用・ファン獲得
概要：ビジュアルを多用し、エモーショナルな訴求が可能なデザインです。記事ごとにキービジュアル（写真やイラスト）をご用意いただくのが前提となります。
サンプル：https://hbm-visual.hatenablog.com/
カスタマイズ方法：hbm-visualのカスタマイズ
hbm-text
テーマ名：hbm-text
目的：認知・ナーチャリング・リード獲得
概要：サムネイルのサイズを控えめにした、テキストメインのコンテンツに適したデザインです。
サンプル：https://hbm-text.hatenablog.com/
カスタマイズ方法：hbm-textのカスタマイズ
ゼロからデザイン制作される場合におすすめのテーマ
media-v2
テーマ名：media-v2
目的：ビジネスなど幅広く使用可能
概要：hbm-textや、hbm-visualのベースとなっているシンプルなテーマです。全てのモジュールに基本的なスタイルが当たっているため、自社でゼロからデザイン構築をされる場合はこのテーマを元にしたカスタマイズがおすすめです。
サンプル：https://media-regular-plan-design.hatenablog.com/
カスタマイズ方法：デザインガイド