Plain

テーマ「Plain」の見本ブログです。

テーマの説明

はじめにお読みください

テーマPlainをインストールしていただきありがとうございます。Plainはカスタマイズのためのテーマです。どんどんカスタマイズしていきましょう。このサンプルブログでもサポートしていけたらと思っています。質問などあればお気軽にコメントをください。 さ…

未スタイル部分について

このテーマはカスタマイズの際に障害となるようなスタイリングをしないというコンセプトのため、いくつかスタイルをしていない箇所があります。しかしそのままでは使用に不便なので、その部分のスタイルは追加でデザインCSSに貼るコードを用意しています。カ…

テーマ「Plain」について

概要 カスタマイズ例 レイアウト レイアウトを変える 基本的な構造 カスタマイズガイド、id・クラス図 コンテンツのレスポンシブ表示 ライセンス Plainを元に別のテーマを作成・公開する 利用方法 概要 テーマ「Plain」は、カスタマイズを前提とした、スタイ…

ページャーのスタイル

このテーマはなるべくプレーン(余計なスタイリングをしていない)というコンセプトのため、デフォルトではページャーもスタイルしていません。ページャーはなかなかプレーンにきれいなものを作るのは難しく、好みやブログの傾向(記事タイトルが長いなど)…

検索ボックスのスタイル

<8/9追記:はてなデフォルト風の検索ボックスを用意しました。>このテーマはなるべくプレーン(余計なスタイリングをしていない)というコンセプトのため、デフォルトでは検索ボックスは最小限のスタイルに留めています。 8/9追記:はてなデフォルト風の検索…

フッター(はてなデフォルト)のスタイル

このテーマはなるべくプレーン(余計なスタイリングをしていない)というコンセプトのため、デフォルトでははてなデフォルトのフッター(#footer)も一切スタイルしていません。フッターは「フッタ」のHTML自由記述欄(#bottom-editarea)からユーザーが自由に作…

レイアウトの説明

Plainはflexboxによる自由度の高いレイアウトが特長の2カラムテーマです(1カラムにもできます)。 ユーザーによるカスタマイズが前提なので、簡単にレイアウトを載せておきます。 全体 #content(flex部分) 1カラムにする #blog-titleと#top-box(パンく…

見出しのスタイル

このテーマはなるべくプレーン(余計なスタイリングをしていない)というコンセプトのため、デフォルトでは記事内の見出しは一切スタイルしていません。見出しも目次同様、他との兼ね合いがないため特にカスタマイズしやすい部分です。ネットで検索すれば色…

目次のスタイル

このテーマはなるべくプレーン(余計なスタイリングをしていない)というコンセプトのため、デフォルトでは目次は一切スタイルしていません。目次のような他との兼ね合いがない部分は特にカスタマイズしやすいため、ネットで検索すれば色々なデザインのカス…

ユーザー記述用に用意したHTMLクラスについて

ユーザー記述用にHTMLクラスを用意しています。 コンテンツのレスポンシブ表示 「記事下」と「フッタ」でタイトルをスタイルするdivクラス コンテンツのレスポンシブ表示 ※Google AdSenseの場合は「レスポンシブ」を選択すれば自動でフィットしてくれるので…