はてなブログを快適に利用するために

はてなブログを快適に利用するために行った個人的な設定方法を説明します。

興味があったら参考にしてみてください。

 ブログアイコンの設定

はてなではブログアイコンと説明されていますが、いわゆるファビコン(Favicon)と呼ばれるウェブサイトのシンボルマークです。
ブラウザのタブや、ブックマーク、スマートフォンのホーム画面などに表示される小さいアイコンです。
サイズなどいろいろ細かいルールはあるのですが、割愛します。

はてなブログの場合は「設定」-「基本設定」からブログアイコンのところに画像をあてはめます。

f:id:miyakawa244:20171201185049p:plain

アイキャッチ画像

SNSなどでシェアされるときに利用されるサイトのシンボル画像です。

「設定」-「詳細設定」から設定できます。

独自ドメイン設定(PRO版の機能。有料)

はてなブログはプロ版の有料会員として契約しているので、独自ドメインを設定しました。DNSの管理はお名前.comで設定しています。
URLの登録は「設定」-「詳細設定」から設定できます。

f:id:miyakawa244:20171201185514p:plain

キーワードリンク(PRO版)

「記事にキーワードリンクを付与しない」設定をしました。
「設定」-「詳細設定」から設定できます。

広告を非表示(PRO版)

「はてなによる公告を表示しない」設定をしました。
「設定」-「詳細設定」から設定できます。

解析ツール

Google Analytics の埋込

はてなのアクセス解析もありますが、Google Analytics も利用するので Google Analytics でコードを発行してトラッキングIDを設定しました。
「設定」-「詳細設定」から設定できます。

Google Search Console の設定

検索キーワードなどを把握するために Google Search Console も設定しました。

はてなブログの場合は「設定」-「詳細設定」から解析ツールにある「Google Analyticsの埋込」に設定できます。

f:id:miyakawa244:20171201185711p:plain

デザインの設定については

デザインテーマ

「公式テーマ」と「テーマストアー」から好みのモノに設定しました。

カスタマイズ

「サイドバー」のところでリンク先を調整
「デザインCSS」を調整してデザインをゴニョゴニョしています。
CSSは専門的な知識が必要なので一般の人はちと難しいかも m( _ _ )m

スマートフォンの設定

ヘッダー

タイトル画像を「PCと同じ画像を表示する」にしています。

これにしないとスマホ表示するとブログアイコンがはてなブログのロゴになるためです。

f:id:miyakawa244:20171215173728p:plain

詳細設定

テーマがレスポンシブウェブデザインに対応していればパソコン版と同じでデザインテーマを利用できます。
この設定をチェックを付けて有効にしています。

f:id:miyakawa244:20171215173750p:plain

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です