クズ大学生の本気

完全補欠のクズブロガーの雑記

スポンサーリンク

【ブログ初心者向け】ブログをデザインしよう

みなさん。こんにちは

 

しのです

 

今回はブログ初心者に向けた記事

です

 

 f:id:wilknsangr:20170716220406p:image

 

わたしが使った

超!簡単なブログデザイン方法を書いて行きます。

⚠︎グーグルアドセンスを獲得したい方は

先にこちらの記事に目を通してくださいね!⚠︎

 

www.sinosinogr.com

 

 

 

 

 

はじめに

 

まず最初にこの画像を見てください!

 

f:id:wilknsangr:20170716221029j:image

 

これはわたしのグーグルアナリティクスのレポートです。

 

 

 

PV数が少ないとかは別として…

 

ブログに訪れている人は

スマートフォンを使っている人が

おおい

 

ということがわかりますよね。

 

確かに

電車の中で乗客を見ていて

スマートフォンを見ている人は多くても

 

パソコンやタブレットを使っている人は少ない!!

 

この事実をもとに

最初はスマートフォンのブログをデザインしましょう!

 

パソコンは…複雑なのであとまわしで!笑

 

 

スマホ用ブログサイトをデザインしよう

 

ここからは

わたしが使わせていただいたサイトを紹介して行きます。

 

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

 

はい。

ぶっちゃけ

ここのサイトのものを使わせていただきました。

 

そっくりですよね笑

色は自分で変更しましたが笑

 

オリジナリティがないというのは自覚してるため

 

ここはみなさんに目をつぶっていただきたい

 

 

これを無料で使わせていただけるとは…

 

本当に良サイトですね…

広告

 

 

会話に吹き出しをつけて見よう

 

 

つぎは

会話に吹き出しをつけて

ブログをアレンジして見ましょう

 

 

それではわたしが参考にした…

 

いや…使わせていただいたサイトをご紹介しましょう

 

吹き出しで会話形式にするのをめっちゃ楽にしてみた【はてなブログ】 - NO TITLE

 

ブログデザインの記事で有名な

【NO TITLE 】さんの記事です。

 

このサイトも

 

なんと【無料】で使うことができる

 

…もしかして神サイトなのでは?

 

 

やり方は…

わたしが書いてもわかりにくくなってしまうので上のリンクを見た方が早いです笑

 

本当にこのサイトを使えば

 

コピペと本当にすこしの労力でこんな風になります↓

 

使えるものは使おう!

 

 

ブログに吹き出しをつけられるので本当にオススメします。

 

 

見出しをつけよう

 

実はブログの見出しもデザインすることができる。

 

しかし

見出しをデザインするときに注意することがあります。

 

見出しのデザインをするときに

h1

とか

h2

 

という部分があります。

 

 

 

これらを簡単に説明すると

 

h1→ブログタイトル

h2→ブログサブタイトル

h3→大見出し

h4→中見出し

h5→小見出し

 

を表しています。

 

これらから

 

「あれ?中見出しをデザインしたいのに大見出しのデザインが変わったぞ?」

 

 

という時には

 

hの数字を確認して見ましょう。

 

それではわたしが使ったサイトを紹介します。

 

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

 

このサイトもコピペをするだけで超簡単に自分好みに見出しを作れてしまう。

 

たくさん種類があるため

きっとあなたのブログにぴったりなデザインが見つかるでしょう!

 

まとめ

 

わたしたちブログ初心者は

コピペをするだけで超簡単に自分好みにブログをデザインすることができるようになりました。

 

 

最後に全てのサイトを載せておきます。

 

【使用サイト】

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

吹き出しで会話形式にするのをめっちゃ楽にしてみた【はてなブログ】 - NO TITLE吹き出しで会話形式にするのをめっちゃ楽にしてみた【はてなブログ】 - NO TITLE

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

 

 

 

 

 

本当に…感謝して使いましょう。

 

 

www.sinosinogr.com

 

こちらにも

様々なデザイン集を書いたので

是非読んでいただきたい

 

 

楽をしてブログを

楽しくデザインできたら

 

良い文章のブログをを作れるように頑張りましょう!

 

これ…コピペばかりですね…

使えるものは使わないともったいないじゃん?

 

 

 

今回も最後まで

読んでいただきありがとうございました!

 

トップへ戻る