はてブのぶ

はてブ大好きの覚え書き

はてなブログ|GoogleAdSenseの認定CMP(GDPR)メッセージを追加する方法

1. GoogleAdSenseにログイン GoogleAdSenseにログインします。 (公式)Google AdSense - ウェブサイトを収益化 2. GDPRメッセージの作成画面に移動する 左側メニューに表示されている「プライバシーとメッセージ」をクリック。 ↓ 「同意管理ソリューション…

はてなブログ|記事内の見出しのスタイルやフォントサイズを変更する方法

大見出し 中見出し 小見出し 1. 変更したい見出しの<H>タグを確認する 自分がデザインを設定しようとしている見出しに、<h2>や<h3>など、どの<H>タグが使われているか確認します。 はてなブログはデフォルトでは 大見出し<h3> 中見出し<h4> 小見出し<h5> になっているはずですが、</h5></h4></h3></h></h3></h2>…

はてなブログ|Google Analyticsに新しいサイトを登録する方法

アクセス数などを見るために、オープンしたはてなブログに、Google Analyticsを入れようと思います。 従来の「ユニバーサル アナリティクス プロパティ」は2023年7月1日にデータ処理が停止されるので、新しい「GA4」アナリティクスを導入します。 (参考:は…

はてなブログにGoogleアナリティクス4(GA4)の測定IDを入れる方法

Googleアナリティクスが、Googleアナリティクス4に変わったので、はてなブログに測定IDを設定しようと思います。 ※この説明は、すでにサイトをGoogleアナリティクスに登録した人向けです。まだサイトをアナリティクスに登録していない人は、こちらに方法を…

はてなブログ|GA4(Google Analytics4)に移行済みか確認する方法

2024 年 7 月 1 日に、Google Analyticsのユニバーサル アナリティクス (UA)は Google アナリティクス 4(GA4)に完全に置き換わります。 (公式)ユニバーサル アナリティクスは Google アナリティクス 4 に置き換わりました - アナリティクス ヘルプ ブ…

はてなブログ【ステマ対策】文言の設置方法と記載する文例集

令和5年(2023年)10月1日から開始されたステルスマーケティング規制に対応するために、はてなブログで文言を簡単に設置する方法です。 (消費者庁)令和5年10月1日からステルスマーケティングは景品表示法違反となります。 -目次- ステマ対策:PC表示用 …

はてなブログ|アイキャッチがない記事にデフォルト画像を設定する方法

記事にアイキャッチにする画像がない時に便利な、デフォルトのアイキャッチ画像を設定します。 デフォルトで使えるアイキャッチ画像設定方法 「設定」の「詳細設定」に進みます。 「アイキャッチ画像」で、画像ファイルをアップロードします。※アップロード…

はてなブログ<a>リンクが別タブで開くように設定する方法【コードrel属性あり】

記事のリンクをクリックした時に、外部サイトは「新しいタブ」で開きたい。 はてなブログは、デフォルトで、リンクが全て同じページで開いてしまうようなので、外部サイトへのリンクを別タブで開くようにします。 headerに記載するコード target="_blank"を…

はてなブログ|ブラウザの小さいマーク(ブログアイコン)を設定しよう

はてなブログのブログアイコンを設定する方法です。 ブラウザの上部や、はてなブログをスマホで開いた時の、ヘッダーに表示されます。 意外と多い、ブログアイコンが表示される箇所 ブログアイコンは、上記のほかに、お気に入りやショートカットに登録した時…

はてなブログから→はてなブログへ【記事を引越する】方法

はてなブログを新たに作り直した時などに「はてなブログから→はてなブログへ、すべての記事を引っ越しする方法」です。 -目次- ①引っ越す記事のエクスポート ②記事データのインポート ⓷ブログの設定反映 設定 カテゴリー デザイン ➃各記事のチェック サイ…

はてなブログ|プロフィールとAboutページから【はてなID】を非表示にする方法

プロフィールとそのリンクの「Aboutページ」から、はてなIDとプロフィール画像を非表示にする方法です。 サイドバーの「プロフィール」を編集する プロフィールの内容を編集します。 「デザイン」の「カスタマイズ」→「サイドバー」へ。 プロフィール画像と…

はてなブログ|記事一覧で、各記事に【枠(囲み線)】をつける方法

記事一覧がちょっと見にくいなという時に、それぞれの記事に枠を付ける方法です。 コードを記載する場所<デザインCSS> メニューの「デザイン」をクリック ↓ 「カスタマイズ」の一番下「デザインCSS」を開きます。 枠をつけるCSSコード 記事一覧の各記事に…

はてなブログ【サイドバー】に表示する項目を設定する方法

はてなブログのサイドバーに表示する項目を設定します。 設定は、「デザイン」から行います。 「カスタマイズ」→「サイドバー」で設定します。 表示できるモジュール プロフィール プロフィールを表示。 ・「プロフィール」というタイトルの変更可能・プロフ…

はてなブログ|スマホのブログアイコンをCSSで非表示にする方法

スマートフォンで表示される、はてなブログのブログアイコンを非表示にしたい。 はてなブログの機能では表示/非表示を選べないため、ブログアイコンを消したい時はCSSにコードを書くことになります。 ※以下、開発者向け設定なので自己責任でお願いします。 …

はてなブログ|スマホのブログアイコンを消す【PCとスマホのヘッダ設定】組み合わせ

PCでは表示されないのに、スマホに出てくる↓これ; はてブで「ブログアイコン」と呼ばれるものです。このアイコン、PCのヘッダ設定によって、表示/非表示が変わります。 (スマホ)ブログアイコンが表示されない場合もある PCとスマホのヘッダを、それぞれ…

はてなのワードリンクの消し方(無料はてブ/有料はてブPro)

はてなブログで記事を書くと自動的に単語に付くリンク。 このリンクを削除する方法です。 色々試しましたが無料版のはてなブログは「消えている風」に、有料のはてなブログProなら完全に削除することが可能です。 このリンクを消せるのは、有料はてなProの大…

はてなブログ|開設したらまず設定【ブログ名】と【はてブPro設定】

はてなブログをスタートした初日に行いたい、ブログ名の設定と、はてブPro利用者向けの設定です。 まだはてなブログ自体を開設していない人は、新規サイト作りから。こちらに始め方をまとめてます。 hatebunobu.hatenablog.com ブログ名の変更方法 はてブで…

はてなブログ|テンプレート(デザイン)の選択と選定ポイント

デザインを自分がイメージするサイトの形に変えると記事も書きやすくて、モチベーションが上がります。 今回ははてなブログのデザイン設定方法です。 デザイン設定前に下準備 デザインを設定する前に、下記をやっておくとサイトのイメージがつけやすいです。…

はてなブログを始める【新規サイトの作成・追加方法】

はてなブログで、新規ブログの立ち上げ/追加をする方法です。手順はとても簡単。はてなブログは、すぐに始められるのが良いです。 ※はてなブログの登録がまだの人は、まずは登録が必要です。 ●はてなブログ はてなブログ、新規サイトの登録・追加手順 アカ…