どうも！フジグチです！ 当サイトでは、今まではてなブログのカスタマイズを行ってきました。 １年間サイトを運営してきた区切りとして、カスタマイズの記事をまとめたカスタマイズマップを作成いたします。 これからカスタマイズを行っていくたびに、このまとめページにリンクを増やしていく予定です。 ユーザーの方々には、まとめることでカスタマイズの検索がしやすくなり、私としても行っていないカスタマイズの確認が出来るため、これからの記事の作成に役立てることが出来ます。 気になるカスタマイズがありましたら、下の目次から飛んで確認してください。 トップページ関連 記事一覧をふわっとさせる はてなブログ記事一覧を”ふわっ”とさせるカスタマイズ 記事一覧カテゴリ、スター、説明文の調整 はてなブログ【UnderShirt】記事一覧のカスタマイズ スマホで2列表示する はてなブログUnderShirtスマホ２列表示時に

どうも！フジグチです！ ここ最近立て続けに「ブログが消えた」「一部しか表示されない」「一部が表示されない」といった悩みを聞きました。 私の読者やフォロワーの数は１００人程ですがその中で３、４件もそういう事例があるということは、はてなブログ全体でも同じように困っている方がいるのではないかと思い、なぜそういうことが起こるのか原因と症状をまとめてみました。 ブログが表示されなくなる原因 症状と原因 ブログがまったく表示されない ブログタイトルしか表示されない 記事のタイトル以降が表示されない 記事は全て表示されるがサイドバー以降が表示されない サイドバー以降が表示されない フッタが表示されない 番外編 CSSが全く反映されない まとめ ブログが表示されなくなる原因 ブログが表示されなくなる原因。ほとんどの場合は終了タグの入れ忘れです。 終了タグとは開始タグの最初にスラッシュ（/）を付けたタグのこ

どうも！フジグチです！ 当サイト製作のテーマ【Cappuccino】公開から1ヶ月が過ぎ、289インストール（※2021/1/5時点）でありがたいことに、「人気のテーマランキング」にも入るなど多くの方々に使って頂いています。 Cappuccino公開からスパンは短いですが、もう1つテーマを公開したのでお知らせいたします。 今回私がテーマを作った理由は、はてなブログのこの記事を読んだからです。 デザインテーマコンテストが開催され表彰されればギフト券が貰え、最大100名の参加者にCanva Proの無料クーポン（3ヶ月分）がもらえるという、イベントのお知らせでした。 偶然にもCappuccinoは12月3日に公開しているので、参加賞が貰える！と喜んでいたのですが、テーマの募集期間は12月25日～となっておりその前の投稿は無効になると。 マジすか。。。タイミング悪過ぎないですかね。。。 じゃあ「

どうも！フジグチです！ ありがたいことに先日リリースした新しいはてなブログテーマ【Cappuccino】は、リリース直後から人気テーマのランキングに入るなど、予想以上に多くの皆様に使って頂いています。 今回はこのテーマの配色の変更方法と、コピペで使える着せ替えコードを紹介します。 今までのテーマよりも分かりやすいコードで着せ替えが出来るのでチャレンジしてみてくださいね。 カラーの変更の仕方 着せ替えコード CSSの貼り付け方 単色 グラデーション ジェネレーターを使う まとめ カラーの変更の仕方 このテーマCappuccinoではCSSのカスタムプロパティ（変数）というものを使っています。 カラーの値にカスタムプロパティを入れると、定義した元の値を変えるだけで全てのカスタムプロパティに反映することが出来ます。 今まではカラーの着せ替えをするには100行近いコードを書かなければいけなかったの

どうも！フジグチです！ 当サイトでは、はてなブログのカスタマイズを主に行ってきました。 そんな私がこの度、オリジナルテーマ【Cappuccino】（カプチーノ）をテーマストアに公開したのでお知らせいたします。 テーマのコンセプトはラテアート（アイキャッチ）を映えさせる大人可愛い（かっこいい）テーマです。 このテーマは次のような方におすすめ出来るテーマになっています。 カスタマイズが苦手 アイキャッチが中央しか表示されず困っている アイキャッチを映えさせたい カラーを簡単に変更したい 似たようなテイストがイヤだ 大人可愛い（かっこいい）サイトにしたい １つでも当てはまっている方は（そうでない方も）ぜひこの記事を読んで、インストールしてみてください。 デザイン フォント 日付 トップページ記事一覧表示※はてなブログPRO限定 アイキャッチ プロフィール 目次 コメント欄 ページャー ユーザビリ

どうも！フジグチです！ みなさんは先日はてなブログにリリースされた新機能【定型文貼り付け】機能使っていますか？ 記事をまたいで繰り返し使うあいさつや文章を登録しておけばクリックするだけですぐに挿入できるということで、記事の執筆がはかどりますね。 私もさっそく「どうも！フジグチです！」を登録しました。（笑） こんな便利な機能をさらに生かす使い方を思いついたので、今日はこれをシェアしたいと思います。 この記事を見てもらいたい人 コードを登録する 囲み枠の使い方 箇条書きリストとして使う場合 見たまま編集で使える囲み枠20選 デザインを変更したい方へ 背景色のみ 実線 実線角丸 二重線 二重線角丸 破線 破線-角丸 ステッチ風 ステッチ風-角丸 ドット ステッチ風-ドット うっすらと影付き くっきりとした影付き タイトルを枠線内側に配置 タイトルを枠線に重ねて配置 タイトルを枠線上部に配置してタ

どうも！フジグチです！ 当ブログで目次のデザインをカスタマイズしたので、今回はそのカスタマイズを紹介します。 目次には下記のような読者のユーザビリティを向上させることができます。 読む前に一目見て記事に何が書かれているか 求めている答えが書いてあるか 求めている答えにすぐたどり着ける この記事では目次の部分的なカスタマイズから、コピペするだけですぐに使えるコードまで用意したので、良ければお使いください。 また、当ブログで使用している「大学ノート風」の目次デザインも公開しています。※現在は使用していません。 ※サンプル画像 とりあえずコピペして今すぐ使いたい！という方はコピペで使える目次のCSSの項にお進みください。 記事内のコードは全て「このコードをコピーする」というボタンを押すだけで、コピーすることが出来ますのでご利用ください。 最初にCSSを貼り付ける場所を確認しておきます。 記事内の