海に向かってピースしている二人の女の子

やろーども! はてなブログの基本はちゃんとマスターしたかい?

明日さんはコンプリートしたよ(たぶん)

それじゃあいよいよブログカスタマイズの航海に旅立つぜ。用意はいいかい?

おおー

まだはてなブログの基本操作に不安を持っている人がいたらこちらをチェック

www.asitadousuruyo.com

ブログのカスタマイズをしてみよう

デフォルトで備わるブログのデザインや記事の装飾はきちんとそれを使いこなせるようなるともっとオサレーにしてみたくなるものです。

※基本操作をマスターする前にオサレーを目指すと火傷します。自己経験談|д゚)

あなたのブログをもっとかっこよくするために見栄えを飛躍的にあげてくれるカスタマイズのお役立ちサイトをカテゴリー別に紹介していきます。

今回は記事本文以外のカスタマイズをまとめてみました

見出しをカスタマイズするならここだ|д゚)

1.何といってもデザインが豊富

CSSのコピペだけ!おしゃれな見出しのデザイン例まとめ68選

2.吹き出しで明日さんがお世話になっているNO TITLEさん

コピペで簡単!CSSではてなブログの見出しをカスタマイズ! | NO TITLE

3.明日さんおっさんですがこういうデザイン好きなんです(´・ω・`)

かわいい系のガーリーなデザインの見出しのCSS はてなブログへコピペで使えます。 - Hatena Blog Theme Custom

4.フォントオーサム(アイコン)がくっついた見出しを紹介しているよ

はてなブログのカスタマイズ!見出しアイコンに『Font Awesome』を使う方法 - DJモペのねこまんま

5.カスタマイズのやり方を動画で紹介しているよ。

はてなブログの見出しのカスタマイズのやり方 - YouTube

6.うまくいかないときはここを見てみよう。(初心者の明日さんには難易度大)

はてなブログの見出しデザインが反映されない時は無効化しよう - つなろっく

7.見出しの重要性についてのおさらいはこちら。(*´∀`*)えへっ内部リンク

www.asitadousuruyo.com

1記事1枚アイキャッチ画像はここにおまかせ(^_-)-☆

8.登録いらずで簡単なので明日さんは今のところこちらでほとんど拾っています

ぱくたそ-フリー素材

9.登録必要(無料)ですがアイキャッチに凝りだしたらきっと使うであろうサイト

魅力的なフリー画像 - Pixabay

10. 何度もいうようですが明日さんおっさんですがこういうの好きです(女子向き)

おしゃれなフリー写真素材|GIRLY DROP(ガーリードロップ)

11.定番です。明日さんはなぜか足が遠のいてますが定番です(2回目)

写真素材なら「写真AC」無料(フリー)ダウンロードOK

12.画像を多用するとブログが重たくなることもあります。多用しないうちから画像を貼るときは最適化するクセをつけておくといいかもしれません。ちなみに明日さんは使い方をグーグルフォト。無料画像圧縮ソフト

https://freesoft-100.com/pasokon/imagefile-optimization.htm

目次をおしゃれにして注目度アップ(´・ω・`)

13.ええっこういうの好きですがなにか?(女子向き)

はてなブログの目次のデザインカスタマイズ集 - Hatena Blog Theme Custom

14.目次を開閉式にするカスタマイズだよ。好きなデザインとコラボするにはお勉強が必要です

はてなブログの公式目次機能にちょっとコードを足してグッと使いやすくするカスタム - Yukihy Life

タイトルをカスタマイズしてYOU目立っちゃいなYO

15.タイトルのカスタマイズの記事を見つけられずここだけです。

ちょっと応用すれば見出しデザインを利用することもできるよ(´・ω・`)

コピぺでOK!CSSのみで記事タイトルのデザインをおしゃれにする方法15【はてなブログカスタマイズ】 - North-Geek

引用をかわいくデザインしてみよう

16.サルワカさんはデザイン豊富(3度目)

CSSで作る!魅力的な引用デザインのサンプル30(blockquote)

サイドバーを好みのデザインにかえてみよう

17.いっそのことテーマデザインかえたほうがいいかもしれない明日さんの気に入りっぷりです

はてなブログで使えるサイドバーカスタマイズまとめ - Hatena Blog Theme Custom

18.使いたいデザインは見出しを応用するとしてサイドバーのカスタマイズの仕方を紹介しているブログだよ

【はてなブログ】サイドバーのタイトルをコピペでオシャレにカスタマイズしよう - My Frist Class Trip

19.人気の記事をサイドバーに入れて読者の潜在率をあげちゃおう的な

はてなブログのサイドバーに人気記事を表示するには?カスタマイズ方法を紹介 - ブラックリストのキリンです

20.プロフィール画像をサイドバーで際立たせたい(大きくしたい)カスタマイズ

【はてなブログ】サイドバーのプロフィールデザインを、超簡単にカスタマイズする。 - 飛人のサイト工房

グローバルメニューを作ってサイトマップに役立てよう

こちらはテーマデザインによって紹介している通りに貼り付けていってもうまく機能しないことがあるかもしれません。

もし選んだ方法でうまくいかないときは違うのでチャレンジしてみてください。

21.最初はなんだかよくわかりませんがその通りにやると出現します|д゚)

はてなブログでグローバルメニューとトグルメニューを両立させレスポンシブスタイルにするカスタマイズ - Yukihy Life

22.上を解説してくれているサイトです

はてなブログにグローバルナビを追加する方法(コピペでOK) - 仮想サーファーの日常

23.明日さんが使っているMinimalismのPC用ナビゲーションカスタマイズです

導入するだけではてなブログをオシャレにできるテーマ「Codomisu Flat」を公開しました。 - ひつじの雑記帳

24.明日さんが使っているMinimalismのスマホ用ナビゲーションカスタマイズです

【決定版】はてなブログ・スマホデザイン最強カスタマイズ集 - ひつじの雑記帳

色のコード表はここで拾っとこう

25.色のコード表

色見本と配色サイト - color-sample.com

26.色はRGBのカラーコードを使うこともあるよ、変換できるサイトはこちら

http://gameland2.sakura.ne.jp/database/color/db.cgi

人のサイトで使っている色を知りたかったらその部分を選んで右クリック、検証を押すと右手でカンニングできるぞ|д゚)

最後に

明日さんははてなの基本を理解して絶賛練習中!

  • キーワード ブログデザインカスタマイズ
  • サブキーワード なし
  • title要素 ブログデザインタカスマイズお薦めサイト26選
  • og:title ブログデザインのカスタマイズに役立つサイトがすぐわかる、お薦めサイト26選
  • alt 海に向かってピースする二人の女性
  • カスタムURL /blog-customize-26

(ツールは使わず検索を意図した記事の練習)

雑記を書いてクリックがあるか検証を始めたよ。

www.asitadousuruyo.com

  • キーワード ヨルシカ
  • サブキーワード ヒッチコック びっくり
  • title要素 ヨルシカのヒッチコックでびっくり
  • og:title ヨルシカのヒッチコックをよく聞いてみるとイメージしたものと違うものがみえてきてびっくり
  • alt 魚が回遊する中で青白くうつむく女性
  • カスタムURL /yorusika-hitchcock

(一応、ツールで低を選んでみたつもり)

テキスト

www.asitadousuruyo.com

  • キーワード 節税保険
  • サブキーワード 既契約 解約
  • title要素 国税庁が節税保険に大ナタ、既契約はどうなる
  • og:title 日本生命のプラチナフェニックスを始めとする節税保険に国税庁が大ナタ、既契約の扱いはどうなる
  • alt 魚が回遊する中で青白くうつむく女性
  • カスタムURL 過去記事を完全リライトのため未設定

(一応、ツールで低を選んでみたつもり)

クリックを獲得できるか少し様子みです|д゚)

スポンサーリンク

Twitterでフォローしよう

おすすめの記事