【コピペでできる】誰でも簡単におしゃれなブログデザインを作る方法【NOMAD CODE】

【コピペでできる】誰でも簡単におしゃれなブログデザインを作る方法【NOMAD CODE】

[code_balloon position=”right” name=”悩んでる人” text=”ブログでおしゃれなデザインを作りたいんだけど、なんか簡単に作れる方法とか無いかな?教えてほしいです!” img=”https://yuuuugablog.com/wp-content/uploads/2020/12/eye_ganseihirou_computer_man-1.jpg”] [code_balloon position=”left” name=”ゆうが” text=”こういった疑問に答えます!” img=”https://yuuuugablog.com/wp-content/uploads/2020/12/yuga.takita-1.jpg”]

記事を読むメリット

  • 簡単に自分のブログデザインがおしゃれになる
  • ブログデザインをしっかりさせることで、読者の離脱率が下がる

今回は、簡単にブログでおしゃれなデザインを作る方法を解説します。

デザインがおしゃれになることでブログ自体の見栄えがよくなり、読者に対しても良いサイトになります。

抽象的ですが、実際にブログデザインが良くなると読者の離脱率も下がります。

たとえば、具体的な例はこんな感じ

  • 改行なしの文→改行があって余白がある文
  • 何が見出しかわからない→見出しが合ってわかりやすい
  • 色が同じで見ずらい→配色は3色で適度に使われている

このようにすれば、なんとなく「離脱率は下がるかもね」となりますよね。
そのくらいデザインは大事になります。

なので今回は、簡単にブログでおしゃれなデザインを作る方法を解説していきます。

本記事のもくじ
  • ブログでのデザインは記事を書くくらい大事
  • 誰でも簡単におしゃれなブログデザインを作る方法
  • NOMAD CODEの使い方

本記事の信頼性として、ぼくはブログを毎日更新していてデザインも割とキレイめな方だと思うので、信頼性は担保されていると思います。

それでは、前置きはこれくらいにして、さっそくいきましょう!

スポンサーリンク

ブログでのデザインは記事を書くくらい大事

ブログでのデザインは記事を書くくらい大事

そもそもなぜ、そんなにもデザインが大事かというと、

  • 読者の離脱率を下げる
  • わかりやすくして、今後も見てもらえるようにする

こういった要因があるからです。

たとえば、改行が一切されていない文章を読みたいと思いますか?

絶対に「読めなさすぎる!こんなん読むか!」ってなりますよね。
そしたら、つぎからそういったサイトやブログを見ようとしませんよね。

つまり、圧倒的な機会損失となってしまうのです。

なので、デザインはめっちゃ大事です。

デザインと記事を書くのはどっちが大事?

なかには、「ブログはデザインよりも記事を書くほうが大事って聞くけど」という方もいると思いますが、たしかに記事を書くほうが大事です。

記事を書かないと打席にすら立てずに、存在認識してもらえませんし。

[code_balloon position=”left” name=”ゆうが” text=”てか、記事書かないとブログとして成り立ちません。” img=”https://yuuuugablog.com/wp-content/uploads/2020/12/yuga.takita-1.jpg”]

ですが、そもそも論としてブログ自体見づらかったら、いくら良い記事でも誰も見てくれませんよね。

なので記事を書くことも大事なのですが、それと同様にデザインも大事になってきます。

スポンサーリンク

誰でも簡単におしゃれなブログデザインを作る方法

誰でも簡単におしゃれなブログデザインを作る方法

[code_balloon position=”right” name=”悩んでる人” text=”じゃーどうやってデザインつくればいいんだよ!” img=”https://yuuuugablog.com/wp-content/uploads/2020/12/eye_ganseihirou_computer_man-1.jpg”] [code_balloon position=”left” name=”ゆうが” text=”NOMAD CODEを使えば簡単におしゃれなブログデザインを作れます!” img=”https://yuuuugablog.com/wp-content/uploads/2020/12/yuga.takita-1.jpg”]

簡単につくれて、なおかつおしゃれなブログデザインは、NOMAD CODEというサイトでつくれます。

NOMAD CODEとは?

では、どういったサイトかを軽く説明すると、

  • コピペするだけでボックスや見出しデザインがつくれる
  • クオリティがバカ高いデザインがある
  • とりあえず簡単にデザインをつくれる

こういったサイトです。

なんと今現在だと、9種類ものデザインがコピペだけで作れてしまいます!

誰でも簡単におしゃれなブログデザインを作る方法

しかも、あの有名ブロガーのhitodeblogさんも使っていて、本当に最強のサイトです。

NOMAD CODEはこんな人向け

このサイトはブログのデザインを簡単につくれて、クオリティも高いので

  • 「デザインなんて1からつくれないよ」
  • 「簡単におしゃれなデザインが作りたい!」

こういった方に非常に便利です。

僕もこちらのレビューボックスを最近実装しました。

誰でも簡単におしゃれなブログデザインを作る方法

スポンサーリンク

NOMAD CODEの使い方

NOMAD CODEの使い方

[code_balloon position=”right” name=”悩んでる人” text=”使い方教えて下さーい!” img=”https://yuuuugablog.com/wp-content/uploads/2020/12/eye_ganseihirou_computer_man-1.jpg”] [code_balloon position=”left” name=”ゆうが” text=”はい。では使い方を解説していきますね。” img=”https://yuuuugablog.com/wp-content/uploads/2020/12/yuga.takita-1.jpg”]

それでは3STEPで使い方を解説していきます。

STEP1:自分が使いたいデザインのCSSをコピーして貼り付ける

まずは、NOMAD CODEのサイトにいって「WPデザイン」を選択し、自分の使っているテーマのところから、自分が好きなデザインを選択します。

NOMAD CODEの使い方

NOMAD CODEの使い方

次に自分が好きなデザインを見つけたら「コードを表示+」をクリックして、CSSコードをコピーしてください。

NOMAD CODEの使い方

そしたら、WordPressにいき「外観→カスタマイズ→追加CSS」を選択して、先程のCSSコードを貼り付けてください。

NOMAD CODEの使い方

STEP2:自分が使いたいデザインのHTMLコードを貼り付ける

NOMAD CODEに戻り、つぎは先程の自分が使いたいデザインのHTMLコードをコピーして貼り付けていきます。

NOMAD CODEの使い方

コピーしたらWordPressにいき「投稿→新規追加」を選択して、投稿画面に貼り付けてください。

NOMAD CODEの使い方

STEP3:あとは型に文章や画像を入れるだけ

お疲れさまでした!
以上でデザインの実装が完了です!

あとは型ができているので、そこに自分が入れたい文章や画像を入れてください。

あとはプレビューで確認して、デザインの崩れなどがなければ完了です。

デザインを良くして見やすいブログにしよう

まだまだNOMAD CODEにはいろいろなデザインがあるので、

  • デザインをもっとよくして、見やすいブログにしたい!
  • ブログをおしゃれにしたい!

こういった方は是非いろいろなデザインを見て、最高のブログを作ってみてください!

それでは今回は以上です。
記事が参考になれば幸いです。

最後までみてくださり、ありがとうございました。