ブログカスタマイズの第9回目です！ このブログでは、「Minimalism 」テーマを使用していますが、なるべく、どのテーマの場合でも対応ができる方法で説明していきます。 今回は、ブログのページ全体の表示フォントの変更方法を紹介します。 いきなりフォント…

ブログカスタマイズの第8回目です！ 今回は、ブログ記事でよく見かける「タイトル付きの囲み枠」の作り方を紹介します。 「タイトル付きの囲み枠」は、簡単にコピペで作れるとよく紹介されていますが、CSSを使わずにstyleプロパティを直接指定して作成する方…

ブログカスタマイズの第7回目です！ 今回は、Minimalismの作者さんが、テンプレートとして準備してくれているカスタマイズのうち、以下の2点をやっていきます。 ナビゲーションメニュー（グローバルメニュー）の設置 ヘッダーの色の変更 また、他のはてなブ…

下記の記事で書いたように、カテゴリーの階層化のブログパーツは、注目記事のカテゴリーの表示には、おそらく対応できていません。 【解説】はてなブログ：カテゴリを階層化する（補足と問題点を追記） - daisukeの技術ブログ そこで、提供されているソース…

ブログカスタマイズの第6回目です！ 今回は、カテゴリーを階層化する方法があることを知ったので、早速導入していきます。 この「カテゴリーの階層化」はソフトの作者のページに導入方法が書かれていて、その内容で十分だったので、ここでは紹介だけを行いま…

ブログカスタマイズの第5回目です！ 今回は、「Minimalism 」テーマのサイドバーの各モジュール（プロフィール、検索、注目記事、最新記事など）をカスタマイズしていきます。 このブログでは、「Minimalism 」テーマを使用していますが、なるべく、どのテー…

今回は、テーマ「Minimalism」のカスタマイズの番外編として、はてなブログで、「編集ボタンが表示されない」を解決する方法を説明します。 ブログを書くときは、以前に投稿した記事を見ながら書く場合が多いです。すると、参照してる記事の方に、誤字を見つ…

ブログカスタマイズの第4回目です！ 今回は、見出し（大見出し、中見出し、小見出し）をカスタマイズしていきます。 このブログでは、「Minimalism 」テーマを使用していますが、なるべく、どのテーマの場合でも対応ができる方法で説明していきます。 「Mini…

はてなブログのテーマ「Minimalism」のカスタマイズの第3回目です！ 今回は、目次の外観と、目次のリンクの文字色をカスタマイズしていきます。 このブログでは、「Minimalism 」テーマを使用していますが、なるべく、どのテーマの場合でも対応ができる方法…

はてなブログのテーマ「Minimalism」のカスタマイズの第2回目です！ 今回は、「Minimalism」テーマは、スマホで見ると、太字に指定したはずが、太字で見えない問題を対処していきます。 なお、他のテーマでは、同様の問題は発生していないようなので、「Mini…

前回（【解説】はてなブログのHTML/CSSの構造を解析する（2） - daisukeの技術ブログ）、前々回（【解説】はてなブログのHTML/CSSの構造を解析する - daisuke20240310のブログ）と、はてなブログのHTML/CSSの構造を調べました。 これからは、実際に、はてな…

前回（【解説】はてなブログのHTML/CSSの構造を解析する - daisuke20240310のブログ）は、はてなブログのHTML/CSSの構造を解析するための準備を行いました。 今回は、具体的に、HTML/CSSの構造の中身を見ていきます。

はてなブログのテーマは、デフォルトで「Smooth」というテーマが使われています。 はてなブログでブログを始める前から、よく見かけたデザインであり、「Smooth」を使い続けてる方も多いのは、シンプルで洗練されたデザインだからでしょう。 しかし、見慣れ…

今回は、はてなブログのオリジナルテーマを自作してみます。 ここでは、オリジナルテーマを自作する手順について書いていきます。