テーマ「CONTENTS」の概要
2カラムでレスポンシブデザインに対応しているテーマです。
インストールするだけでスタイリッシュで読みやすいブログが完成。その理由とは。
「主役はコンテンツ」
テーマのコンセプトはコンテンツです。
記事タイトルや各種見出しを含むトータルなデザインされている。
さらに、コンテンツを作る時に使いたい機能のCSSデザインをデフォルトで適用済み。
作り手はコンテンツ制作に集中出来ます。
全体的にシンプルなデザインにし、コンテンツをメインに考えています。整えられた余白はブログを美しく見せてくれます。そして、ゆとりのある文字間隔は文章を読みやすくしてくれます。
作り手だけではなく、見てくれるユーザーにもコンテンツに集中していただきたいという想いです。
CONTENTSは、あなたのコンテンツをサポートします。
ベースカラーはコンテンツを際立たせるホワイト。メインカラーはここ数年男女に人気な少し彩度を抑えたネイビーを使用。アクセントカラーにはビビッドなピンクで目立つように配色されています。
NEWS
- 2017年1月04日
おかげさまで2000インストール突破しました。みなさまありがとうございます。
- 2016年7月22日
レスポンシブデザインのブレークポイントを増やしました。より幅広いレスポンシブに対応。ヨメレバリンクに図書館を追加しました。
- 2016年7月12日
コピペ一発で簡単にCONTENTSのカラー変更できるコードを公開中。今回はCONTENTS×日本の夏ということで、夏にまつわる四色を用意しました。
http://www.dreamark.tokyo/entry/summer
主な適用済CSSデザイン
- グローバルメニュー
- フッター
- リコメンド枠
- 対話形式
- コラム欄(三種類)
- カエレバデザイン済
- ヨメレバデザイン済
- 目次
- ページャー
- 続きを読む
他にもカスタム部分を増やしていく予定です。
レスポンシブデザイン
CONTENTSはレスポンシブデザインに対応しています。
PC、ラップトップ、タブレット(縦、横)スマートフォン(縦、横)
レスポンシブデザインを適用するには
ダッシュボード→デザイン→スマートフォンタブ→詳細設定→レスポンシブデザインにチェックを入れて下さい。
CONTENTSのカスタマイズ記事
SNSフォローボタンをフラットにカスタマイズする方法を初心者にもわ分かりやすく解説します。
http://www.dreamark.tokyo/entry/followbutton
コピペ一発で簡単にCONTENTSの色を変更出来るコードを公開中
CONTENTS×日本の伝統色
http://www.dreamark.tokyo/entry/color
CONTENTS×日本の夏
http://www.dreamark.tokyo/entry/summer
スマホ観覧時に開閉式トグルメニューを表示する
http://www.dreamark.tokyo/entry/responsive
はてなブログ独自のスマホデザインでも表示するためのCSSパーツ集
http://www.dreamark.tokyo/entry/hatenasp
レクタングル広告のみを表示させ横並びにする方法とスマホで縦並びになる時の解消法
http://www.dreamark.tokyo/entry/rectangle
蛍光マーカーや画像のボーダーを消したい時など、細々したカスタマイズをQ&Aで紹介中
http://www.dreamark.tokyo/entry/qa
関連ページ
解説ページ。ご要望、ご意見、質問等はこちのコメント欄などへどうぞ。
http://www.dreamark.tokyo/entry/contents
Q&Aページ。困ったときや分からない時などにお役立て下さい。
http://www.dreamark.tokyo/entry/qa
レスポンスデザインの解説ページです。トグルメニューにする方法も紹介してます。
http://www.dreamark.tokyo/entry/responsive
デモページはこちらです。
https://contents.hatenablog.com/
更新情報
- 2017-01-04 おかげさまでテーマのインストールが2000を突破
- 2016-08-29 おかげさまでテーマのインストールが1000を突破
- 2016-07-15 1.0.7 ブレークポイントの追加・ヨメレバに図書館を追加
- 2016-06-18 1.0.6 グローバルメニューの不具合を解消
- 2016-06-11 1.0.5 リコメンド枠レスポンシブデザイン時の不具合を解消。
- 2016-06-08 1.0.4 トグルメニューに対応
- 2016-06-03 1.0.3 対話形式の不具合を解消
- 2016-05-29 1.0.2 レスポンシブデザインに対応
- 2016-05-28 1.0.1 タイトルとヘッダー画像を使用した場合の余白を調整
- 2016-05-25 1.0.0 テーマを公開