Plainのカスタマイズ例をご紹介します。 デザインCSSを用意しているので、参考にご利用ください。（デザインCSSの貼り方） kamulogのテーマ 見本 デザインCSS Block Memo風 kamulogのテーマ id:kamusoft さんのブログ kamulogの例です。 許可をいただきデザ…

Plainのサブテーマともよべるカスタマイズを作成しました。（▷サンプルブログはこちら） 実現方法 追加のHTMLやその他カスタマイズ フォントについて 実現方法 デザインCSSに以下のコードを貼ってください。（貼り方）長いのでスクロールして全部貼ってくだ…

自分でヘッダーメニューを作る際はontitle-menuのクラスをつけてもらえば、自動で#blog-titleの位置に合わせられます。 またこのサンプルブログ用にヘッダーメニューを作ったので、よかったら使ってください。いま表示されてるやつです。 ※必ずレイアウトのC…

Plainはデフォルトでは２カラムで#blog-titleの位置を#mainに合わせてありますが、簡単に変えることができます。ここではいくつか他のレイアウトを紹介します。デザインCSSを追加で貼ってください。（貼り方）※このページのCSSは、他のすべてのカスタマイズ…

このテーマだとパンくずリストの最後の項目（現在のページ名）がなくてもいいかなーと思います。特にモバイル表示で記事タイトルが長い時とか、#top-boxをposition:absoluteにしているせいでブログタイトルエリアから文字がはみ出ることがあります。こちらの…

未スタイル部分 用意してあるカスタマイズ CSSが書けない方 コピペで済ませたい場合 CSSの書き方 CSSを書く方 カスタマイズ例 未スタイル部分 目次などの未スタイル部分についてははこちらのページをごらんください。 用意してあるカスタマイズ 何点かはカス…

はてなブログのHTML構造をPlainの画面で一覧図にしました。カスタマイズに使ってください。 使い方 ページの種類ごとにスタイルを設定する 全ページ共通部分 全体 ブログタイトル部分 パンくずリスト サイドバー トップページ（全文形式）と記事ページ（.pag…

フッター（はてなデフォルトのフッター#footerではない）はそもそも完全にユーザーがゼロから作るものなので、Plainではなにも用意していません。が、このサンプルブログ用にフッターを作ったので、せっかくなので提供します（笑） HTML 「フッタ」に貼って…

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

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

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

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

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

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