ひげしげノート

格安SIMやブログカスタマイズ、健康の実体験型雑記ブログ!

ブログをカスタマイズしてみませんか?

ブログのテーマをインストールしたままの状態で使っているといつかこうしたいああしたいとデザインに欲が出てくるものです。

 

僕もちょこちょこいじっている一人です。

 

はてなブログは色々なカスタマイズができるのでそれも楽しみの一つになるかもしれませんね。

 

ブログカスタマイズのカテゴリーでまとめているものはどれも先輩方のブログを参考にして手を加えたものばかりです。

 

自分で考えたコードではないです^^悪しからず。

 

少しでも誰かに知ってもらってお役に立てればうれしい限りです。

【はてなブログをカスタマイズ】タイトル画像を無料フォントで作ってみる

みなさんヘッダーのタイトル画像はどのように設定していますか? 僕の場合、風景画像やテキストデータではなくテキストの画像をタイトル画像にしています。 今回変更したタイトルの仕上がりはこんな感じ。 ちょこちょこブログの内容に合った画像がないか探し…

【はてなブログをカスタマイズ】スマホのグローバルメニューをPCと同じように表示させる方法

今回はスマホでのグローバルメニューをPCと同じバータイプにするカスタマイズを紹介したいと思います! メニューボタンとは PCと同じグローバルメニュー(完成形) 参考になるサイトを発見! コードの設置場所 コード 最後に メニューボタンとは スマホでグ…

【はてなブログをカスタマイズ】Brooklynの箇条書きに自動で囲み枠を付ける方法

今回ははてなブログのテーマBrooklynを使っていて「箇条書き」に囲み枠をを付けてみたいという方に向けたカスタマイズ方法をご紹介します! 箇条書きに囲み枠を付ける理由 Brooklynの箇条書きに自動で囲み枠を付ける方法 コードの設置場所 追加するコード 最…

【はてなブログをカスタマイズ】Brooklynの目次デザインを変更する方法

今回ははてなブログのテーマBrooklynを使っていて「目次」のデザインを変えてみたいという方に向けたカスタマイズ方法をご紹介します! ↓このようになります。 目次を変更する理由 Brooklynの目次カスタマイズ方法 コードの設置場所 追加するコード 最後に …

【はてなブログをカスタマイズ】初心者がやってきた事をまとめました。

今回は今までこのはてなブログで紹介して実際にやってきたカスタマイズをまとめておこうと思います。はてなブログのテーマはBrooklyn。他でも使えるかもしれませんが、全て自己責任でお願いします。 グローバルメニューの設置方法 トップページ記事一覧をカ…

【はてなブログをカスタマイズ】2列表示のカード型にしてTOPの記事を大きく表示する方法

今回はTOPページの記事一覧の表示を2列のカード型表示にする方法と一番上に来ている記事を大きく表示する方法について紹介します。 ※はてなブログproでトップページの表示形式を一覧表示にしているPC版ブログ限定の記事になります。 2列のカード型にする理由…

【はてなブログをカスタマイズ】記事やモジュールの上下間隔を変更する

今回はトップページに表示される記事一覧の記事間隔とサイドバーモジュールの間隔を変更する方法について説明していきます。※記事間隔についてはてなブログproでトップページの表示形式を一覧表示にしているブログ限定です。 記事やモジュールの間隔を狭くす…

【はてなブログをカスタマイズ】記事一覧で一番上に記事を固定する方法

今回はトップページに表示される記事一覧の1番上の記事を好きな記事で固定する方法について説明していきます。 ※はてなブログproでトップページの表示形式を一覧表示にしているブログ限定です。 記事を固定した理由 ズバリその記事を見てもらいたいから 訪問…

【はてなブログをカスタマイズ】Brooklynの投稿年月日をシンプルにする

はてなブログ「ひげしげノート」はBrooklynというテーマを使わせてもらっています。 どのテーマでもブログを投稿した日付がどこかに表示されるようになっていると思いますが今回はこの投稿年月日の表示をすこしだけカスタマイズしようと思います。 現状 Broo…

【はてなブログをカスタマイズ】トップページ記事一覧をカード風に枠で囲う方法

はてなブログ「ひげしげノート」はBrooklynというテーマを使わせてもらっています。 ひげしげの性格的に、記事の一覧など記事と記事の境界がなくただ文字が置かれているだけの状態(デフォルト)だとなんだか気持ちが悪いんです。 訪問してくれた人にとって…

HTMLタグをブログに表示させる方法。カスタマイズ方法を記事にしたい人限定!

今回ひげしげノートで実際にやってみたブログのカスタマイズを記事にするのに、HTMLタグをただ貼り付けるだけだとうまくいかない事がわかりました。 ひと工夫が必要。 はてなブログ限定の話になりますがまとめておきます。 なにもせずに貼り付けるとうまくい…

【はてなブログをカスタマイズ】グローバルメニューの設置方法

はてなブログ「ひげしげノート」はBrooklynというテーマを使わせてもらっていますが、人気のテーマでもあるのでブログのデザインが他の人と同じになってしまうことがよくあります。 僕は他の人と同じだとつまらないので変えたい派。違いを出すことでブログに…