ブログ記事の中に使える『タブ切り替え』をHTMLとCSSで実装してみました。タブを使うと情報整理がしやすくなります。 複数のカテゴリーやコンテンツを分類することで ユーザーが情報に素早くアクセスできる。 小スペースに様々な情報を書き込める。 このよう…

これまでにご紹介した、はてなブログのカスタマイズ方法をまとめました𓂃✍︎ブログのデザインに独自性を持たせることは ユーザーが記事を読みやすくなる。 ユーザーが目的の情報に辿り着きやすくなる。 ユーザーの滞在時間や回遊率が上がる。 SEO（検索エンジ…

カテゴリ『ブログカスタマイズ』の中で、特に人気な記事はこちら。yunico-fluffylife.comこれまで「無料版でも表示がスッキリしました」と何度かブログ言及もいただき嬉しいかぎりです·͜·さて、上記の記事を読んでくれた方がとあるメールをくださいました。 …

404エラーページをオリジナルにカスタムすることで、ユーザーのページ離脱率を減らせるかもしれません。今回は『ブログにエラーが出てしまっても読者さんにページ回遊を促すことができるかもしれない』そんなカスタマイズ方法をご紹介します。 この記事に書…

以前、CSSとHTMLで作る囲み枠（ボックス装飾）についての記事を書きました。 その記事はこちらyunico-fluffylife.comそこで上記のコメントをいただきました。 ／ありがとうございます·͜·＼前回の記事に『記事の中でCSSコードを使う方法』を追記しましたが、…

ウェブサイトで囲み枠（ボックス装飾）を使用すると、視覚的な整理をすることができ、ページがより読みやすくなる場合があります。 囲み枠を使うメリット コンテンツをグループ化できる。 情報の優先順位を伝えやすくなる。 ページの内容にメリハリができる…

TwitterがXに変わって、ブログのリンクに使っている鳥さんのアイコンフォントも新しいものに変えなきゃなぁと思いつつ、そのままの状態で早5ヶ月。すぐに変えなかった理由は、新しいアイコンフォントのコードが分からなかったから՞鳥のマークだった頃は【は…

ブログのデザインって大幅に変えるのは大変だし、一度設定したら長いことそのままになることが多いですよね。季節によって少しだけ手を加えて、ブログの雰囲気を変えられたらお手軽だと思い、今回のデザインを考えてみました！このカスタマイズをすると、こ…

他人が投稿したYouTube動画をブログに貼り付けてもいいの？著作権などの問題にならないかを規約を噛み砕いて解説。はてなブログでの埋め込み方法もご紹介。

2023年10月1日からステマ規制が施行され、アフィリエイト広告を利用している人は【ページの見やすい箇所に、PR/広告だと分かる表記をする】ことが必須となります。 こんなことが書いてあります ステマ規制とは？超簡単に説明。 個人ブロガーも対策が必要なの…

スマホでウェブサイトを見ている時、アドレスバー（URLが載っている部分）の色が他と違うページがあります。アドレスバーの色を変更することは、ウェブサイトやブログのデザインをカスタマイズして、ブランドイメージを向上させる方法の1つです。この記事で…

数日前に自分のブログを読み直していたら、気になる箇所を見つけちゃって、気になりだすと居ても立っても居られない。ちょっとデザインをいじりだしたら終わらない現象に突入！1つを変えると、別の場所が気になりだすの不思議だね。微調整を繰り返していたけ…

はてなブログでcodocの投げ銭機能の導入方法と、デザインのカスタマイズ方法をご紹介！コピペで簡単に、お好みのデザインに変更することが出来ますよ♪

はてなブログに【最終更新日の表示】を設定する新機能が実装されました！最終更新日の設定方法とデザインのカスタマイズ方法をご紹介します。

はてなブログに貼る、もしもアフィリエイトの『かんたんリンク』 スマホでも横長に表示され、見やすくする方法をご紹介しています。

はてなブログのトップページに表示される記事の一覧は【全文形式】と【一覧形式】があります。 全文形式：1つの記事の全文が表示される。 一覧形式：タイトルだけ表示された記事が並ぶ。 皆さんはどちらに設定していますか？個人的には一覧形式の方が読みた…

はてなブログをスマホから利用されている方も多いと思いますが、デフォルトデザインのままではブログオーナーさんの個性や好みを反映させることができません。そこで、この記事でははてなブログのスマホ版デザインをカスタマイズする方法を詳しく解説します…

みなさんはブログを書く時に『見出し』を活用されていますか？内容のボリュームが多い場合は『見出し』と『目次』を付けると、読みたい項目が一目で分かるので更に便利になります。 書いてあること はてなブログでの見出しの付け方 見出しの途中に改行を入れ…

私はいつも『はてな記法』でブログを書いています。今回ははてな記法で超簡単に表を作る方法をご説明します。 (adsbygoogle = window.adsbygoogle || []).push({}); 超簡単に表を入力する方法 デザインを変更する バーティカルバーの出し方 表を使った小ワザ…

はてなブログの検索窓は元々サイドバーに配置されており、スマホから見るとページの下の方に表示されます。（サイドバー全体がごっそり、記事下に表示されるため）検索窓はなるべく分かりやすい位置にあるのが個人的に理想なので位置を変えてみました 書いて…

はてなブログで選んだデザインテーマによって『カテゴリを複数選んでも、表示されるカテゴリは1つだけ』という設定がされている場合があります。「カテゴリを全部表示したいけど、自動で1つに絞られてしまう」と困っている方もいるかもしれません。今回は1つ…