■デモブログ
■概要
白と黒のレスポンシブウェブデザイン対応のはてなブログテーマです。
PC、タブレット、スマートフォンの各デバイスサイズにフィットしたシンプルなデザインにしています。
はてなのサンプル用スタイルを適用せず、ゼロベースからCSS設計を考慮した無駄のない最適なスタイルを適用して作りました。
■特徴
・記事一覧レイアウトではあまり読まれることのない記事説明文は表示せず、その分タイトル文に目がいくようにデザインしています。
・メインコンテンツの幅850px、サイドバーの幅320pxで設計しています。PCでは2カラムレイアウトで表示し、タブレット・スマートフォンでは1カラムレイアウトに変化します。
・読者になるボタンは、はてなブログ既存のデザインではなく、より訴求力を見込めるボタンデザインにしています。
■変更履歴
・2019/11/25 レスポンシブにならない不具合を修正しました。
・2019/11/21 LighthouseのSEOスコアを改善しました。
・2019/11/19 スマホ表示時の文字のサイズを少し大きくしました。またタブレット表示をPC表示にCSSを軽量化させました。
・2019/11/10 軽微な調整をしました。
・2019/07/07 軽微なサイズ調整をしました。
・2019/05/29 スマホ表示でのバグを修正しました。
・2019/05/04 レイアウト調整&新たなCSSを追加しました。
・2019/03/21 軽微なレイアウト調整をしました。
・2019/03/19 メインビジュアルのCSSを追加&軽微なレイアウト調整をしました。
・2019/03/16 オリジナルSNSボタンのCSSを追加&軽微なレイアウト調整をしました。
・2019/03/14 軽微なレイアウト調整をしました。
■注意事項・免責事項
・スマートフォンでレスポンシブ表示するためには管理画面から「デザイン」→「スマートフォン」→「詳細設定」でレスポンシブデザインにチェックを入れてください。
・IE10以下には対応しておりません。
・デザインCSSに別のテーマで適用していたをスタイルを記述されている場合はレイアウトが崩れる可能性があります。
・本テーマのデザイン上、記事一覧に表示される記事説明文とはてなスターは非表示にしています。
・本テーマを利用して起きたトラブルや損害について制作者は責任を負いません。