MonoTsuduriの初期状態では、文章の下に1.5行分の間隔が空くように設定しています。改行で細かく行間を調整する人や、あるいはもっと空けたいといった場合にこの間隔を変更する方法です。 CSSカスタマイズ 記事中の文章の下の間隔を変更する CSS追記例（空き…

CSSカスタマイズ ブログタイトルと説明の文字色を変更する CSS追記例（黒） CSSカスタマイズ 管理画面→デザイン→レンチマーク→デザインCSSからCSSの追記ができます。CSS追記例の記述をコピー＆ペーストするか、参考にしてカスタマイズしてください。 ブログ…

段落 あのイーハトヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモーリオ市、郊外のぎらぎら光る草の波。あのイーハトヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモーリオ市、郊外のぎ…

段落 あのイーハトヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモーリオ市、郊外のぎらぎら光る草の波。あのイーハトヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモーリオ市、郊外のぎ…

CSSカスタマイズ ブログタイトルの文字揃えを変更する CSS追記例（左揃え） CSS追記例（右揃え） ブログ説明文の文字揃えを変更する CSS追記例（左揃え） CSS追記例（右揃え） CSSカスタマイズ 管理画面→デザイン→レンチマーク→デザインCSSからCSSの追記がで…

CSSカスタマイズ トップページのヘッダーの高さを変更する CSS追記例（トップページのヘッダーをより高く、タイトル文字を大きく） CSS追記例（トップページのヘッダーを低く、タイトル文字を小さく） CSSカスタマイズ 管理画面→デザイン→レンチマーク→デザ…

パソコンで見た場合、MonoTsuduriのテーマ初期状態はシングルカラムで、最大が640px幅になっています。 この横幅を変更したい場合は、下記のカスタマイズを行なってください。 CSSカスタマイズ ブログの幅を変更する CSS追記例（640px→820px幅に変更） commo…

CSSカスタマイズ 見出しのデザインを変更する CSS追記例（大きさだけ徐々に変える） CSS追記例（大きさ変更＋下線） 参考URL CSSカスタマイズ 管理画面→デザイン→レンチマーク→デザインCSSからCSSの追記ができます。CSS追記例の記述をコピー＆ペーストするか…

ブログ全体で文字のサイズを大きく／小さくしたい場合、テーマの初期状態では文字サイズを一括で変更できます*1。 CSSカスタマイズ 全体のフォントの大きさを変更する CSS追記例（全体の文字サイズを1割大きく） CSS追記例（全体の文字サイズを1割小さく） C…

エントリーのリンク色以外のテキストの色を一括で変更可能です*1。 たとえばブログの背景を暗い色に設定したとき、一括で文字色を白にするといったことができます。 CSSカスタマイズ 全体のフォントの色を変更する CSS追記例（もっとも濃い黒） CSS追記例（…

初期設定はゴシック系システムフォントですが、明朝などにしたい場合ブログ全体を一括で変更できます*1。 CSSカスタマイズ 全体のフォントの種類を明朝系にする CSS追記例（明朝系システムフォント） Webフォント使用の場合 CSSカスタマイズ 管理画面→デザイ…

記事中のリンクの色は、初期状態では青に設定しています。ヘッダーの色などに合わせて好みで変更してください。 CSSカスタマイズ 記事中のリンクの色を変更する CSS追記例（紫） CSS追記例（緑） CSS追記例（赤） CSS追記例（オレンジ） CSSカスタマイズ 管…

MonoTsuduriテーマはシングルカラムのため、初期状態ではプロフィールもブログの下の方に表示されます。 カスタマイズでヘッダー下にプロフィールを追加することで、書き手が誰なのか閲覧者にわかりやすくなります。 下準備 プロフィールアイコン画像のURL取…

他にも、「もくじ」や「Index」「table of contents」などテキストは好みで変更可能です。 CSSカスタマイズ 目次のテキストを「- 目 次 -」 以外に変更する CSS追記例（「- 目次 -」→「- Index -」） CSSカスタマイズ 管理画面→デザイン→レンチマーク→デザイ…

CSSカスタマイズ グラデーションの色を変える CSS追記例（黒→薄い黒） CSS追記例（黒単色） CSS追記例（ピンク→紫→青のグラデーション） CSS追記例（青紫→薄紫→緑のグラデーション） CSS追記例（黒→青のグラデーション） CSS追記例（青→緑のグラデーション）…

このブログのように、ヘッダーの下にグローバルメニューを追加するカスタマイズです。 スマホ時は「- Menu -」という見出しのみが表示され、内容は折りたたまれます。 CSSのみで実装しているごくシンプルなものです。 ヘッダー下にhtmlを追加 基本のhtmlソー…

blog.hatena.ne.jp「MonoTsuduri」は、シンプルにモノを綴るためのシングルカラムテーマです。 レスポンシブなので、スマートフォンにも対応しています。タイトル画像を設定すると鮮やかなグラデーションが画像の上に重なるので、少しの設定でブログの雰囲気…

目次 目次 段落 フォトライフ 左 右 ブロック 大きい画像 罫線 h1見出し h2見出し h3見出し（*） h4見出し（**） h5見出し（***） h6見出し asin 引用 リスト（ul,ol,dl） テーブル PRE CODE 段落 あのイーハトヴォのすきとおった風、夏でも底に冷たさをもつ…