カスタマイズ

はてなブログ目次デザイン/シンプル/表示・非表示/下線/黒丸非表示

目次のカスタマイズについてです。 今回は以下の内容について目次をカスタマイズしました。 目次カスタマイズ内容 目次を表示・非表示する リストの黒丸を非表示にする 小見出しを非表示にする 大見出しと中見出しに下線を引く 目次の背景や文字色を設定 基…

見出しのフォントを変更する方法/CSSでブログカスタマイズ

変更できるフォントは全部で9種類 HTMLとCSSを設定する HTMLを設定する ①ダッシュボードの「デザイン」をクリック ②「カスタマイズ」⇒「ヘッダ」をクリック CSSを設定する ①ダッシュボードの「デザイン」をクリック ②「カスタマイズ」⇒「{}デザインCSS」を…

はてなブログで「あわせてどうぞ」の様なボックスやリストを使う方法

この記事はこんな人におすすめ 文章ばかりで読みづらいブログ記事をどうにかしたい ボックスやリストの使い方がわからない 「あわせてどうぞ」を使いたい ボックスやリストが使えると、重要な点や伝えたい部分を強調したり見やすくすることができるのでとて…

枠線を手書きでぐるぐる書いたようなボックスデザイン/CSSでブログカスタマイズ

マステ風見出しデザインに引き続き、枠線を手書きでぐるぐる書いたようなボックスデザインを作ったのでご紹介します。 マステ風の見出しデザインについてはこちら。 www.crypto-ksw.com // 枠線を手書きでぐるぐる書いたようなボックスデザイン タイトルなど…

マスキングテープ風の見出しデザイン/CSSでブログカスタマイズ

いつも人の見出しのデザインを拝借してばかりなので、今回はマスキング風の見出しデザインを作ったのでご紹介します。 CSSはこちらを参考にさせていただきました。 blog.minimal-green.com こちらではマステでメモ用紙を貼ったようなボックスのCSSなどが紹介…

はてなブログで記事を書くときに、FontAwesomeを使う方法

はてなブログで記事を書くときに、FontAwesomeを使おうとすると表示されないんですね。どうやら、そのまま記述するだけでは自動で削除されちゃうみたいです。 ということで、はてなブログで記事を書くときにFontAwesomeを使う方法について調べてみたら、さす…

はてなブログのブログテーマ「Minimalism」のヘッダーとメニューを横いっぱいに広げる方法

// はてなブログのブログテーマ「Minimalism」のヘッダーとナビゲーションメニューをブラウザ画面の横幅いっぱいに広げる方法です。 こちらの記事を参考にさせていただきました。 presentnote.com こちらはWordPressのテーマについて書かれていますが、WordP…

コピペで簡単!はてなブログのブログテーマ「Minimalism」カスタマイズ例:カード型(+おすすめ記事)

カスタマイズ内容 カスタマイズに必要なコードまとめ!貼るのは3か所だけ 「デザイン>カスタマイズ>ヘッダ>タイトル下」に貼るコード 「デザイン>カスタマイズ>記事>記事上・記事下」に貼るコード 「デザイン>カスタマイズ>{}デザインCSS」に貼る…

有名ブログを含む100のブログを検証!中見出しのデザインについても調べてみた

中見出しでは「線」と「背景色がないもの」が多く選ばれている 1位:左側に縦線のみ 2位:下線(実線) 3位:左側に縦線+下線 中見出しには、目立ちすぎないシンプルな物がオススメ! 前回、有名ブログを含む100のブログで、どんなデザインの「大見出し」が…

有名ブログを含む100のブログを検証!大見出しのデザイン、多かったのは?

大見出しでは「背景色があるもの」が多く選ばれている 1位:背景色のみ 2位:吹き出し 記事の文章量が多いなら、背景色があるものがオススメ! ブログのカスタマイズをするときに、最初に変えたくなるのが見出しのデザイン。 オシャレなものや少し変わったも…

コピペで貼るだけ簡単!はてなブログのブログテーマ「Minimalism」カスタマイズ例:カード型

カスタマイズ内容 カスタマイズに必要なコードまとめ!貼るのは3か所だけ 「デザイン>カスタマイズ>ヘッダ>タイトル下」に貼るコード 「デザイン>カスタマイズ>記事>記事上・記事下」に貼るコード 「デザイン>カスタマイズ>{}デザインCSS」に貼る…

貼るだけ簡単!はてなブログのブログテーマ「Minimalism」カスタマイズ例:グラデーション

カスタマイズ内容 カスタマイズに必要なコードまとめ!貼るのは4か所だけ 「設定>詳細設定>headに要素を追加」に貼るコード 「デザイン>カスタマイズ>ヘッダ>タイトル下」に貼るコード 「デザイン>カスタマイズ>記事>記事上・記事下」に貼るコード …

貼るだけ簡単!はてなブログのブログテーマ「Minimalism」カスタマイズ例:シンプルデザイン

カスタマイズ内容 カスタマイズに必要なコードまとめ!貼るのは4か所だけ 「設定>詳細設定>headに要素を追加」に貼るコード 「デザイン>カスタマイズ>ヘッダ>タイトル下」に貼るコード 「デザイン>カスタマイズ>記事>記事上・記事下」に貼るコード …

はてなブログのブログテーマ「Minimalism」のカスタマイズまとめ

「カスタマイズ」の「{}デザインCSS」から設定するやつ ブログタイトルの設定 記事中の見出しの設定 ヘッダーとナビゲーションメニューを横一杯に広げる ナビゲーションメニューの背景色の変更 ナビゲーションメニューの文字サイズや文字色など各種設定の…