ハウリンの雑念だらけで生きている

はてなカスタマイズや旅行記、好きな事などを書いていきたいです。ゆるゆると書いていきます。

【はてなブログ】やっておいた方が良いお勧め【カスタマイズ】をまとめてみた!


スポンサーリンク

f:id:twistinhaurin:20201015221541p:plain

こんにちは、ハウリンです (*^^*)

はてなブログProにしてから、いろんなカスタマイズをしてきたのですが

まとめてみようかと思います。

何か抜けてるカスタマイズがあるかもしれませんがご了承下さい(^_^;)

 

 

 

 ヘッダにグローバルメニューを表示させる

f:id:twistinhaurin:20200728203338p:plain

タイトルの下にカテゴリーを表示させます。

🏠TOP・旅行・お役立ち・カルチャー・つぶやきとか表示させることが出来るので、ユーザーが目的の記事を探しやすくなります。

もちろん自分も (*^^*)

ただ、使っているテーマによってコードが上手く機能しない事があります。

www.haurin-zatunenlife.com

 

 

グローバルメニューを断層形式でより分かりやすくする

f:id:twistinhaurin:20201015221607p:plain

主のカテゴリーを表示させたら、更に細かく分けて表示できる様にします。
上の画像は2段階表示ですが、3段階にしたり出来ます。 

www.haurin-zatunenlife.com

 

 

外部サイトのリンク・動画を載せる 

記事に関連した外部サイトのリンクや動画を載せれたら

分かりやすいですし、ユーザーに伝わりやすいですし

何より見ていて楽しいブログになります💻

www.haurin-zatunenlife.com

 

 

文字装飾をする

文章にいろんな装飾をする

上の様に、文字に色をつけたり、

サイズを変えたりアンダーラインを引いたりして

目立たせたり、記事にメリハリを付けるのに凄く役立ちます。

また、目次も簡単に作れるので

長い記事の時など見出しを付けて、更に分かりやすく出来ます。 

www.haurin-zatunenlife.com

 

 

写真・画像をブログに載せる

f:id:twistinhaurin:20200531153710j:plain

文章だけの記事では味気ない・・・

読んでる方もだらだらと文字が続くだけでは読み辛いしつまらない!

はてなフォトライフを使って自分で撮った写真や

ダウンロードした画像などを載せるだけで

ユーザーに記事の内容がより伝わる様になるかと思います📷

www.haurin-zatunenlife.com

 

 

定型文を保存して作業効率アップ

何回も使う文や、コードは定型文として保存して

必要な時に貼り付ける事で作業効率が格段に上がります。 

www.haurin-zatunenlife.com

 

 

アイキャッチ画像を設定する

f:id:twistinhaurin:20200827140457p:plain

画像なしの記事だと、トップ画面など地味な画像と

タイトルと文章だけという表示で、

イマイチぱっとしません。

記事に関連のあるアイキャッチ画像があれば

ユーザーの目にすぐ止まり

どんな内容の記事なのか伝わりやすいです。 

www.haurin-zatunenlife.com

 

 

カスタムURLを設定して投稿する

何もしないまま公開すると

URLは 公開した日付で表示されます。

これでは後々面倒くさい事になるので

カスタムURLはかならず設定しましょう。

www.haurin-zatunenlife.com

 

 

画像や文章を中央に寄せる

f:id:twistinhaurin:20200907151318p:plain

プレビュー画面で見てみると

画像や文章の位置が気になる事があります。

そんなに時画面の中央に寄せる 方法です。

www.haurin-zatunenlife.com

 

 

Google マップを載せる

食事をしに行った場所や、旅行で訪れた場所の地図を載せれたら・・・

そんな時、Google マップを表示出来たら

ブログを見にきてくれたユーザーが

イチイチ場所を調べる手間が省けて

親切で分かりやすいかと思います(*^^*)

www.haurin-zatunenlife.com

 

 

吹き出しで会話形式に表示できる様にする

こんな感じになります(*^^*)

これは、やっておいた方がいいとかではないですが、

吹き出しの中に文を入れると

そこが際立つのでお勧めです。 

www.haurin-zatunenlife.com

 

 

蛍光ペン風のアンダーラインを引く

あると便利!

ただの黒いアンダーラインより

色がついているだけで 強調されます。

www.haurin-zatunenlife.com

 

 

文章をキレイな色で囲む

これは文章を囲むので

文章ひとかたまりごと分かりやすく

読みやすい記事が作れると思います。 

www.haurin-zatunenlife.com 

 

タイトル付きボックス(囲み枠)を表示させる 

文章を囲む応用編ですね。

POINT

ここがポイントとか注意的文をタイトルを付けて囲みます。 

www.haurin-zatunenlife.com

 

 

上(TOP)に戻るボタンを表示させる 

長い記事を作った時に便利。 

ユーザーの方が使いやすい機能をです。 

www.haurin-zatunenlife.com

 

 

あとがき

カスタマイズする時

それぞれのやり方の記事を探すのが結構面倒くさかったんですよね(;´Д`)

まとめ記事があった方が分かりやすいのでは・・・と。

これらのカスタマイズが

これからブログを始める方のお役に立てればと思います。

それでは、最後まで読んで頂いてありがとうございました。

このブログが少しでも役立てば嬉しいです。