読者です 読者をやめる 読者になる 読者になる

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

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

f:id:starbucksfanfan:20170327231211j:plain
MENU


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

ブログ ブログ講座

~人気記事~

ブログアフィリエイトで月収400万にした裏ワザ

夢、現実で見る世の中にある数字の意味のまとめ

カバラ数秘術占いなどで出てくる数字で意味を勉強しよう!

ライターの中島悟の自己紹介をします

カンボジアに行きたい方は必読

ブログアクセス数でわかるブロガーチェック



ネットショップを始めたい方

BASE(ベイス)を使ったネットショップ開設

BASE(ベイス)での稼ぎ方の裏技公開!

minne(ミンネ)で売り上げアップの裏ワザ

メルカリで売り上げを上げれる売り方を紹介

ココナラハンドメイドオープン直前!


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

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%の仲間が実証済みです。

↓ ↓ ↓ ↓

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

 


プロフィール

f:id:starbucksfanfan:20161213014249j:plain

著者:中島 悟
1988年4月10日生まれ
高校卒業後、車関係のサラリーマン生活
その傍ら、副業でやっていたアフィリエイトが
サラリーマンの給料を超える。

悩んだ末サラリーマンをやめ、WEB関係の学校に入学
最高記録20万PV、月収400万円を経験したのちに、
自分の本当にやりたかった事に気づく。


前の人に喜んでもらいたい”

そんな風に人と接する仕事がしたいと感じ、
稼いでいたブログなどをすべてやめ
対面を中心としたアクセサリーショップ
(石屋おたんちん)などに転身。

今は、人とのつながりを大事にし、
日本と海外を行き来する生活を実現している。


~今までのストーリー~
【身近な○○で月収400万にした話】
何もかもをゼロにして○○屋になった話。
カンボジアで活動するようになった話。