※この記事内のコードは当サイト製作テーマ【Cappuccino】と【Neumorphism】共通で使えます。（Neumorphismではデザインがテーマに合ったデザインに変更されます） どうも！フジグチです！ 当サイト製作のはてなブログテーマ【Cappuccino】に、おすすめ記事を…

はてなブログテーマ【Cappuccino】【Neumorphism】で使えるシェアボタンです。あらかじめCSSはテーマに組み込まれているので、HTMLをコピーするだけで簡単に使うことが出来ます。デザインの変更の仕方も解説しています。

※2021/1/16「画像とテキストを表示」してお使いの方では画像の表示がずれてしまうため、「ヘッダー画像周りの余白を消す」コードを一部修正しています。お手数ですがコードを入れ直してください。 どうも！フジグチです！ 先日リリースしたはてなブログテー…

どうも！フジグチです！ ありがたいことに先日リリースした新しいはてなブログテーマ【Cappuccino】は、リリース直後から人気テーマのランキングに入るなど、予想以上に多くの皆様に使って頂いています。 今回はこのテーマの配色の変更方法と、コピペで使え…

どうも！フジグチです！ 当サイトでは、はてなブログのカスタマイズを主に行ってきました。 そんな私がこの度、オリジナルテーマ【Cappuccino】（カプチーノ）をテーマストアに公開したのでお知らせいたします。 テーマのコンセプトはラテアート（アイキャッ…

どうも！フジグチです！ 前回の記事で「ページ内リンク」について書きました。 ページ内リンクを使いこなせば、閲覧する側のちょっとした手間を省くことが出来るので、ユーザビリティが良くなります。 このページ内リンクを使えば色々なサイトでよく見かける…

どうも！フジグチです！ 前回の記事の「スムーズスクロールのメリット」の見出しの中で「ページ内リンクを記事に入れることがある」ということを書きました。 指定した場所へリンクすることによって、読者を迷わせることなく目的の場所まで導くことが出来ま…

どうも！フジグチです！ 目次から見出しに移動する時やトップへ戻るボタンのように、ページ内をリンクで移動する時にスムーズにスクロールするのを見たことはありませんか？ 当サイトでもスムーズスクロールを設定しているのですが、とても簡単なCSSのみで実…

はてなブログタグの機能が使えるようになりました。 新たに使えるようになったことで、今までは想定していなかったようなデザイン崩れに悩んでいませんか？ そんな方のために、はてなブログタグのデザインの調整の仕方を書きました。

はてなブログのサイドバーを、スクロール時に固定して追従させるカスタマイズを紹介しています。 反映されない時の注意点や、アレンジの仕方等をまとめたのでご覧下さい。

手順の説明や時系列の説明に便利なステップバー（タイムライン）を作りました。 デザインも５種類用意し色のカスタマイズもしやすいように工夫してあるので、是非この記事を読んでご自身のブログに導入してみてください。 さまざまなブログサービスにも対応…

どうも！フジグチです！ 前回妻のブログで出たCLSエラーについて調べる際にPageSpeed Insightsを使い、修正の確認作業を行いました。 その際あまりにもパフォーマンススコアが低かったので、改善する方法を探してみたところ記事によっては20ポイントほどのス…

どうも！フジグチです！ 先日妻のブログが「ウェブに関する主な指標」の「CLS に関する問題: 0.25 超（モバイル）」というサーチコンソールのエラーが出ました。 あまり見慣れないエラーにどう対応して（当ブログの問題ではないのですが）エラーを修正できた…

どうも！フジグチです！ 当ブログではカスタマイズ系の記事をよく書くので、コードの確認を「非公開のカスタマイズ専用のブログ」でテーマを何種類か入れ替え、問題なく反映されるか確認していました。 しかし、その入れ替え作業がだんだんめんどくさくなり…

どうも！フジグチです！ 先日、ただのテキストリンクより目立つボタンタイプのリンクに出来ないか？と妻に頼まれリンクボタンを作成しました。 そのボタンを使用した記事がこちら▽ その時に「ボタンにリンクの貼り付け方が分からない」と言われ設定したので…

どうも！フジグチです！ 「ブログをカスタマイズしすぎるとサイトの表示速度が低下する」こんなことを聞いた（読んだ）ことはありませんか？ ブログを書くよりカスタマイズ！ カスタマイズした三日後にはまた別のデザインにカスタマイズ！ というカスタマイ…

どうも！フジグチです！ おかげさまで【見たまま編集で使えるボックスデザイン】の記事は、はてなブロガーのみなさんからのアクセスが非常に多い記事となっています。 このボックスは箇条書きのボックスとしても使えうことができるのですが、リストマーカー…

どうも！フジグチです！ みなさんショートカットキーは使っていますか？ もちろん仕事でPCを使う方なら当然のように使っているかと思いますが、普段PCに触れる機会がない私は「ctrl + C」⇒ コピー「ctrl + X」⇒ コピーして切り取り「ctrl + V」⇒ 貼り付けと…

どうも！フジグチです！ 当ブログでは以前LSSさん(id:little_strange)のネタを勝手にパクって拝借して「コメントを書く」の文字を「コメントくださいね♪」にするカスタマイズの記事を書きました。 このカスタマイズは元々の文字の上に、別の文字を被せて隠す…

どうも！フジグチです！ 今回はブログの基本に返って記事を読みやすくするカスタマイズを確認したいと思います。 この設定はブログを書き始める時に出来るだけ早くやると、記事の書き方のルールを固めることが出来るので早めにすることをお勧めします。 100…

どうも！フジグチです！ 今回は私がブログをカスタマイズする時や、作成する時に使っているツールをご紹介します。 ブログを始めてまだ２ヶ月の初心者ですが、メインブログのカスタマイズはその前から行っていたりしますので「初心者の若造が何言ってやがる…

どうも！フジグチです！ 今日は普段読ませて頂いているLSSさんのブログで「コメントを書く」ボタンのカスタマイズをしている記事を読みました。 little-strange.hatenablog.com フジグチ そこをカスタマイズするのか！ と衝撃？刺激？を受けたので当ブログで…

どうも！こっそりアイキャッチの雰囲気を変えていってるフジグチです！ 過去記事で定型文を利用した囲み枠のカスタマイズの記事を出したのですが、当ブログの中ではアクセスやブックマーク数が多い記事となっています。▼ はてな記法やMarkdown記法でも使えま…

どうも！フジグチです！ みなさんは先日はてなブログにリリースされた新機能【定型文貼り付け】機能使っていますか？ 記事をまたいで繰り返し使うあいさつや文章を登録しておけばクリックするだけですぐに挿入できるということで、記事の執筆がはかどります…

どうも！フジグチです！ 最近は毎日誰も気付かないような細かい部分のデザインをいじって、カスタマイズの勉強をしています。 見た目が大きく変わる部分としては最新記事を横長のカード型から、記事一覧のようなカード型にして２列表示にしました。 記事一覧…

どうも！フジグチです！ 当ブログも更新の頻度は遅めですが、少しずつ記事が増えてまいりました。（まだまだこれで８記事目ですが） トップページの記事数を１０記事としているので、スマホで記事一覧を見るとそれなりにスクロールしないと下の記事に辿り着…

はてなブログで使える目次のカスタマイズを紹介しています。コピペしてすぐ使えるものや、当ブログで使用している「大学ノート風」の目次も公開しています。ご自身でカスタマイズできるように個別に指定する方法も解説しているので、ご覧下さい。

どうも！フジグチです！ 当ブログのテーマはUnderShirtを使用しています。 カードタイプで記事一覧が見やすいのと【UnderShirt】という「この上にドンドン着飾ってオシャレしてくださいね！」という心意気を感じる（※フジグチ解釈です）ネーミングセンスに惹…

どうも！フジグチです！ 巷はコロナコロナで大変な時ですが、皆さんはどうお過ごしでしょうか？ フジグチも外出が制限され、生活必需品を買いに出ても常に感染のリスクに怯えストレスが溜まっています。 ブログも始めたしおうち時間が増えたのでPCを新調した…

どうも！フジグチです！ 以前書いた、ホバー時に”ふわっ”とさせるカスタマイズの記事↓ これを書いたあとに読み返していて、「なんか分かりづらいな...」と思っていました。 PCで見るとカーソルを合わせるだけで画像が浮くので良かったのですが、スマホから見…