最新の更新
- 2024/06/14 : グローバルメニューを表示する方法について追記しました
概要
2カラムのシンプルなテーマです。アクセントカラーにシアンを用いています。
特徴
- レスポンシブデザインに対応
- PCなどの横幅の広いデバイスは2カラム、スマホなど横幅の狭いデバイスは1カラム表示
- 読みやすさに配慮したデザイン
- デジタル庁デザインシステムウェブサイトを参考にデザイン
- ※完全に準拠しているわけではありません
- 日本語フォントにユニバーサルデザインであるBIZ UDPGothicを採用
- ※ブラウザで利用できる場合に限ります
- デジタル庁デザインシステムウェブサイトを参考にデザイン
- ダークテーマ対応
- ブラウザやOSの設定でダークテーマを使用している場合には、専用の配色に変化
更新履歴
- 2024/06/09 : ver1.0公開
- 2024/06/13 : ver2.0公開
- リンク色修正 : すでにアクセス済みのリンク色の設定漏れを修正
- ダークテーマ実装 : ブラウザやOSの設定を参照してダークテーマ用の配色で表示
- 2024/06/14 : ver2.1公開
- グローバルメニュー表示対応のためのコード追加を実施
カスタマイズ
グローバルメニューを表示させる
ブログタイトル下にグローバルメニューを表示させます
詳細は下記の記事をご確認ください。
https://stone-coil-4423.hatenablog.com/entry/2024/06/14/180012
レスポンシブの設定
下記サイトを参考にレスポンシブデザインを有効にしてください。
ブログのデザインを変更する（スマートフォン） - はてなブログ ヘルプ
上手くレイアウトが切り替わらないときは
下記を試すと解消することがあります。
- [ブログ管理画面] > [設定] > [詳細設定] > [head内タグ] > [<head>要素にメタデータを追加] に下記を追記
<meta name='viewport' content='width=device-width,initial-scale=1'>
免責事項
本テーマの利用に関するいかなる被害・損害について、製作者は一切の責任を負わないものとします。
【テーマに関するお問い合わせ（不具合、要望など）】
下記のどちらかでご連絡ください。
