どうも！フジグチです！はてなブログを始める時や慣れてきた時に、ブログデザインを変更したくなったことはありませんか？はてなブログでは、デザインテーマのコンテストが定期的に開催されるなどして、ユーザーが作成したデザインテーマが数多く公開されて…
どうも！フジグチです！ つい先日テーマの乗換えをお手伝いする時に、ヒアリングした印象から【Brooklyn】をおススメしました。 はてなブログのテーマでも常にトップを争っているテーマであり、2016年から使用され約4万インストールもされている実績もあるの…
どうも！フジグチです！ はてなのロゴが新しくなりました。わたしが思うはてな（ブログ）のロゴは なのですが、変わったのは、株式会社はてなのロゴマークです。 以前のひし形のマークからシンプルな丸になり、「？」はてなマークが浮かんでいるのがよく分か…
どうも！フジグチです！ はてなブログには様々なテーマがありますが、トップページがカード型のテーマは意外に少なかったりします。 アイキャッチやタイトルが見やすく、ビューポート内に情報を多く見せられるといったメリットのあるカード型に惹かれる方は…
どうも！フジグチです！ 今回は珍しくカスタマイズの記事ではなく、いつも購読させて頂いているさじさんの企画で「はてなブロガーに100問」というお題が出されていたので、私も参加してみます。こちらの企画です▽ さらっと質問に答えるだけなので、早速いっ…
どうも！フジグチです！ 前回はてなブログで使えるアイコンフォントをまとめましたが、今回は早速そのアイコンフォントを使い、サイドバーにアイコンを並べてカテゴリを表示するカスタマイズをしていきます。 記事内では「カテゴリ」として紹介しますが、お…
はてなブログのアイコンフォント全125種をまとめています。アイコンを大きく表示して探しやすくし、ワンクリックでコピー、タグなどのコードも付与してコピー出来るようにしています。 はてなブログのカスタマイズをする際に活用してください。
はてなブログで使えるフォローボタンのカスタマイズです。 入力フォームに必要事項を入力するだけでコードが作成でき、その場で形も変えることが出来ます。 コピペするだけなのでとてもかんたんです。Pinterestにも対応。
どうも！フジグチです！ 今回はCappuccinoのデモサイトに設置している、プロフィールカードのカスタマイズを公開いたします。 「近日中に公開する」とデモサイトに書いていたのですが、まさかのテーマ２作目の製作をするという想定外のことが起きて、自分で…
どうも！フジグチです！ 今回は、おすすめ記事を設置するカスタマイズを紹介したいと思います。 以前Cappuccinoで（Neumorphismでも）使えるおすすめ記事の設置方法は紹介しましたが、今回ははてなブログのどのテーマでも使えるおすすめ記事を設置するカスタ…
どうも！フジグチです！ 当サイトでは、今まではてなブログのカスタマイズを行ってきました。 １年間サイトを運営してきた区切りとして、カスタマイズの記事をまとめたカスタマイズマップを作成いたします。 これからカスタマイズを行っていくたびに、このま…
どうも！フジグチです！ 記事タイトルの通り、当サイトのデザインを変更したのでお知らせいたします。 「オリジナルテーマ」というのは以前まで当サイトではUnderShirtをカスタマイズして使用していたので、今回のデザイン変更でオリジナルになったというこ…
どうも！フジグチです！ 以前より応募していた、はてなブログのデザインテーマコンテストの結果が発表されました。 2021年「はてなブログ デザインテーマコンテスト」結果発表！はてなとCanvaが選ぶ受賞5作品は？ - 週刊はてなブログ 結果は見事にCanva賞を…
どうも！フジグチです！ 当サイト製作のテーマCappuccinoのQ&Aを作成しました。 実際にコメント頂いたことや、私が思いつく疑問に思いそうな部分を挙げてみたので、カスタマイズする際や何かおかしい？と困った時にお役立て下さい。 全体 テーマのカラーを変…
どうも！フジグチです！ ここ最近立て続けに「ブログが消えた」「一部しか表示されない」「一部が表示されない」といった悩みを聞きました。 私の読者やフォロワーの数は１００人程ですがその中で３、４件もそういう事例があるということは、はてなブログ全…
どうも！フジグチです！ 先日公開した新テーマ【Neumorphism】ですが、さっそく面白いカスタマイズをしてみたので紹介します。 このカスタマイズはゲームブログ、特にスマホゲームのブログを運営している方にぴったりのカスタマイズとなっています。 きっか…
どうも！フジグチです！当サイト製作のテーマをお使いの方が、記事内のカスタマイズをする際にCSS同士が干渉しないように、各種装飾をリセットするCSSをご用意したのでカスタマイズする際にご利用ください。目次については当サイトでもカスタマイズを紹介し…
どうも！フジグチです！ 当サイト製作のテーマ【Cappuccino】公開から1ヶ月が過ぎ、289インストール（※2021/1/5時点）でありがたいことに、「人気のテーマランキング」にも入るなど多くの方々に使って頂いています。 Cappuccino公開からスパンは短いですが、…
※この記事内のコードは当サイト製作テーマ【Cappuccino】と【Neumorphism】共通で使えます。（Neumorphismではデザインがテーマに合ったデザインに変更されます） どうも！フジグチです！ 当サイト製作のはてなブログテーマ【Cappuccino】に、おすすめ記事を…
はてなブログテーマ【Cappuccino】【Neumorphism】で使えるシェアボタンです。あらかじめCSSはテーマに組み込まれているので、HTMLをコピーするだけで簡単に使うことが出来ます。デザインの変更の仕方も解説しています。
※2021/1/16「画像とテキストを表示」してお使いの方では画像の表示がずれてしまうため、「ヘッダー画像周りの余白を消す」コードを一部修正しています。お手数ですがコードを入れ直してください。 どうも！フジグチです！ 先日リリースしたはてなブログテー…
どうも！フジグチです！ ありがたいことに先日リリースした新しいはてなブログテーマ【Cappuccino】は、リリース直後から人気テーマのランキングに入るなど、予想以上に多くの皆様に使って頂いています。 今回はこのテーマの配色の変更方法と、コピペで使え…
どうも！フジグチです！ 当サイトでは、はてなブログのカスタマイズを主に行ってきました。 そんな私がこの度、オリジナルテーマ【Cappuccino】（カプチーノ）をテーマストアに公開したのでお知らせいたします。 テーマのコンセプトはラテアート（アイキャッ…
どうも！フジグチです！ 前回の記事で「ページ内リンク」について書きました。 ページ内リンクを使いこなせば、閲覧する側のちょっとした手間を省くことが出来るので、ユーザビリティが良くなります。 このページ内リンクを使えば色々なサイトでよく見かける…
どうも！フジグチです！ 前回の記事の「スムーズスクロールのメリット」の見出しの中で「ページ内リンクを記事に入れることがある」ということを書きました。 指定した場所へリンクすることによって、読者を迷わせることなく目的の場所まで導くことが出来ま…
どうも！フジグチです！ 目次から見出しに移動する時やトップへ戻るボタンのように、ページ内をリンクで移動する時にスムーズにスクロールするのを見たことはありませんか？ 当サイトでもスムーズスクロールを設定しているのですが、とても簡単なCSSのみで実…
はてなブログタグの機能が使えるようになりました。 新たに使えるようになったことで、今までは想定していなかったようなデザイン崩れに悩んでいませんか？ そんな方のために、はてなブログタグのデザインの調整の仕方を書きました。
はてなブログのサイドバーを、スクロール時に固定して追従させるカスタマイズを紹介しています。 反映されない時の注意点や、アレンジの仕方等をまとめたのでご覧下さい。
手順の説明や時系列の説明に便利なステップバー（タイムライン）を作りました。 デザインも５種類用意し色のカスタマイズもしやすいように工夫してあるので、是非この記事を読んでご自身のブログに導入してみてください。 さまざまなブログサービスにも対応…
どうも！フジグチです！ 前回妻のブログで出たCLSエラーについて調べる際にPageSpeed Insightsを使い、修正の確認作業を行いました。 その際あまりにもパフォーマンススコアが低かったので、改善する方法を探してみたところ記事によっては20ポイントほどのス…
