フジブロっ!

HTML、CSSを独学で楽しく学ぶガテン系のブログ

はてなブログでサイドバーを固定して追従させるカスタマイズ

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

ステップバー(タイムライン)で手順の説明をオシャレに分かりやすくするCSS

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

サイト表示速度の改善をさせる 画像遅延読み込み【loading="lazy"】

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

サーチコンソールで「CLS に関する問題」が出た時の対処法

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

CSSが反映されない?そんな時に確認すべき6つのこと

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

【アフィリエイトリンクボタンの作り方】8個のボタンサンプル付き

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

カスタマイズし過ぎるとサイトスピードは低下する?検証してみた!

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

箇条書きにアイコンフォントを使ってオシャレにする方法3パターン

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

ブログの作成時に使えるショートカットキー

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

サブブログからコメントへの返信が出来るようにカスタマイズしてみた!

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

トップへ戻る