Simple one
特徴(基本)
[ Simple one ]は、テーマboilerplateを基に作成した レスポンシブデザイン対応・1カラム のシンプルなテーマです。
このように きわめてシンプルです。目に優しく読みやすくシンプルに、しかも、自分なりにカスタマイズ(拡張)していく楽しみも残したデザインテーマ[ Simple one ]です。
拡張
CSS・HTML編集での記述追加が必要となりますが、次のような拡張が可能です。
拡張するための記述
body::before { background-image: url(' ');}その際、url(' ') は(アップロードした)背景画像の保存先
:root { /* ライト(通常)テーマ */ --text: #454545; --base: #f5f5f5; /* body-background */ --anchor: #1487bd; /* a */ --e-anchor: #119e4d; /* entry-content a */ --hover: #0f668f; --kword-border: #999; --h1-6: #333; /* h1~h6 */ --h1-6-a: #333; --h1-6-hover: #0f668f; --container: rgba(245,245,245,0.9); /* #container, #footer */ --border: #c0c0c0; --shadow: #c0c0c0; --block-pre: rgba(237,237,237,0.8); /* blockquote, pre */ } @media (prefers-color-scheme: dark) { /* システム設定 ダークモード */ :root { /* ダークテーマ */ --text: #ccc; --base: #272822; --anchor: #ccc; --e-anchor: #ccc; --hover: #ffe295; --kword-border: #999; --h1-6: #f2f2f2; --h1-6-a: #f2f2f2; --h1-6-hover: #fff; --container: rgba(39,40,34,0.9); --border: #aaa; --shadow: #aaa; --block-pre: rgba(0,0,0,0.25); } }
※テーマインストールにおける注意点
テーマのインストールは 背景画像を外した初期設定状態 で行ってください
本テーマをインストール後、背景画像をアップロードすると、一時的に画面が空白で表示されます。(ご安心ください。コンテンツは画面下方に隠れています)
引き続いて必ず、先ほどインストールした画像の保存先(URL)CSS を追記してください。(拡張の記述へ戻る)
その他 いろいろ
body::before {background-color: transparent;}
#blog-title { text-align: left;}タイトル(ヘッダー)画像(推奨 720x200px)設定、かつ、ブログタイトル中央の場合
.header-image-enable #blog-title-content { margin-left: auto; margin-right: auto;}