石屋おたんちんブログ|ハンドメイドで繋がる出会い日記

旅する石屋さんとしてハンドメイドで繋がる出会いを日記に書いています。経験したことを中心的に公開しています。

f:id:starbucksfanfan:20170707113448j:plain
美濃焼多治見タイルを使った新ブランド【popolo(ポポロ)】
MENU


見出しをおしゃれに変更させる方法!はてなブログのスマホをカスタマイズ5選!

はてなブログのスマホをカスタマイズ!

f:id:starbucksfanfan:20170214090639p:plain

今回ははてなブログのカスタマイズの

お洒落にできる方法を紹介します♪

 

はてなブログのスマホをカスタマイズは簡単

知識がない人が一人でやろうとすると

難しいですが、

意味を理解していくとなかなか簡単に

できるようになっていきますよ!

 

初心者でもわかりやすくするために、

基本的にコピペでOKなのでぜひ活用してみてください!

 

今回は見出しをオシャレにしてみましょう。

 

そもそも見出しってなに?

見出しというのは、目次みたいなものですね!

見出しをつけることで僕も使っているみたいに、

コンテンツが読みやすくなりますし、

 

検索エンジンにもコンテンツの構造を

適切に伝えることができる、少しだけ上級者にあがる

ステップみたいなものです。

 

はてなブログでは執筆画面の左上に

『見出し』の機能が初めから搭載されているので

誰でも簡単に使えるのがいいですね。

 

f:id:starbucksfanfan:20170214092741j:plain

 

せっかく見出しの機能が付いているので

ぜひ利用していきましょう。

今回はそんな見出しをオシャレに変える方法を

紹介していきますね!!

 

見出しを付ける順番があります

見出しの順番を守っていきましょう。そうしないと

かえってマイナスになってしまうことがあります。

 

例えば<大見出し>→<小見出し>→<中身だし>とかですね。

この順番をしてしまうとマイナスになってしまします。

<大見出し>→<中見だし>→<中見だし>→<中身だし>→<小見出し>

このような付け方は問題ないです!順番が守られているため

こちらのような付け方をしてみましょう!

 

見出しを歯抜けにしない

<大見出し>→<小見だし>→<小見だし>

このような順番ももちろん歯抜けに

なってしまうため、

このようなやり方もやらないでおこう。

 

HTMLでの表示

<h3>大見出し</h3>

<h4>中見出し</h4>

<h5>小見出し</h5>

はてなブログではこのようにHTML編集で

自分でも見出しを付けることは可能です!

 

 

コピーしたものを貼るところ

はてなブログダッシュボード

 

↓↓↓

 

デザイン

 

↓↓↓

 

カスタマイズ

 

この順番にやると下の画像の所が

出てくるようになってきます。

f:id:starbucksfanfan:20170214091358j:plain

 

デザインCSSを触っていきます!

 

こちらをクリックすると

f:id:starbucksfanfan:20170214091709j:plain

 

このように出ていきますので、まずは

こちらをいじっていきます!!

 

 

まず初心者の方は、

 

間違えても元に戻せるように

 

最初にある状態のものを

 

コピーなどしてメモ帳などに

 

残してください。

 

コピーができたら作成開始!!

<style type="text/css">

/*ここにコピーしたのを貼り付ける*/

</style>

 

まずはこちらをコピーしてCSSの所に

貼り付けてみてください。

 

これがおすすめ

.entry-content h3{
    color: #444444;
    padding: 10px 15px; 
    border-left: 10px solid #e07000;
    border-bottom: 1px solid #e07000;
    }

 

↑↑↑

こちらをコピーして使ってみてください!

 

難しかったらやる気をなくしてほしくないので

まずは簡単にシンプルな1つを紹介!!

 

カラーを変えたい方は

color→ #444444

という所を変えたらカラーが変わります!

カラーコードが見たい方は下に貼ったので

確認してみてください!

html-color-codes.info

 

カラーコード表

こちらで自分の好きなカラー

変えてみてください!

 

まとめ

やってみましたか??今回ははてなブログで見出しの

使い方やそのルールについて紹介しました。

 

自分のブログを自分の手で変えていくってやっぱり

楽しかったりしますよね(^^)/

 

お洒落にするだけではなく、自分のブログを

見やすくするために見出しを使うことも

分かってくれたはず☆彡

 

検索エンジンにコンテンツ構造を

適切に伝える事もわかったはず!!


この2つにおいて非常に重要になってきます。

次なるステップを目指して頑張ってみませんか?

 

普段の記事で見出しを使っていなかった!

という人はこれを機会に使ってみましょう。

 

そして過去の記事もわかりやすく

見出しを付け直してもいいかと思います!

 

はてなブログでアクセスアップ

はてなブログを使ってみていかがですか?

さらにスキルアップがしたいと感じている人は

ぜひブログの専門書をお読みください!

 

かならず今まではい知らなかった情報を

手に入れる事ができるはずですよ!

 

詳しくはこちらを確認してみてください

元プロブロガーが教える【ブログの専門書】

ぜひこちらも確認してみてください!!

 

こちらにもコツを紹介しています!

自分の成長を実感した3つの”はやみち”を経験から紹介 

 

なぜみなさんはブログを書いていますか?

なぜブログを始めたい⁉初心者に教えるアクセスアップと3つの考え方

 

せっかくやるのであればどんどんスキルアップして

色んなことにチャレンジしてみましょう!

 

 

 

※期間限定のお知らせ※

===================

読むだけで旅で収入を得たり、

自然に自分が叶えたい願望達成

してしまう無料メルマガ配信中

===================

 

完全に無料なのでぜひ少しでも

興味がある方は登録してみてください。

(気に入らなければ3秒で解除できます)

 

自分が歩んできた体験談や

数々の人との出会いで変わった人生

今後の歩み方など様々な日常など。

 

【こんな方に読んでもらいたい】

・今自分で何か挑戦してみたい

・方向が定まらなくて、悩んでいる

・人間関係で悩んでいる

・勇気をもらいたい

などの方に特におすすめです。

 

メルマガを読んで頂いている

96%の仲間が実証済みです。

↓ ↓ ↓ ↓

クリックして無料メルマガに登録