【WordPress】デザイン見出しを作成してくれるサイト紹介【超初心者】

CSSとHTMLが分からない私でもコピペでデザインできるサイトを紹介します!

 

記事の更新にも少しずつ慣れてきました。

文章を考えるのは大変で時間がかかりますけどね。

 

不器用な私でも記事の更新ができるのは、WordPressがとても親切だからです。

Wordで文書が作れる程度の知識があれば、とりあえず記事の投稿はできます。

もし「ホームページ作成に興味があるけど、難しそう」というイメージだけで始められないという方がいらっしゃいましたら、挑戦してみることをお勧めします!

 

意外と専門知識なしでも作れますよ!

 

いきなりサーバーをレンタルして始めるのが不安な方は練習してみると良いと思います。

自分のパソコンに練習環境を作る方法は、こちらの記事をご覧ください。

関連:「Instant WordPress」を導入し練習環境を作る


見出しのデザインを変更する方法

さて今回は、見出しのデザインを変更する方法を考えてみたいと思います。

色々なサイトを見ていると感じることがあります。

 

素敵なデザインだなぁ・・・

 

かわいかったり、オシャレだったり、カッコよかったり、とても素敵です。

私のサイトのデザインは、テーマそのままです。

使用しているテーマは「Travelify」で、詳細は以下のページをご覧ください。

テーマを追加する

 

テーマのままでもよいのですが、少しずつサイトができてくると欲が出てきます。

ちょっとでいいから個性を出してみたいと思うのです。

例えば、記事の途中の見出しに枠を付けたりするとかです。

今はキリの良いところに横線を入れて区切っています。

まだCSSやHTMLの勉強はしていないので、デザインは無理なのでしょうか・・・?

 

とりあえず調べてみます!


見出しデザインが作れるサイト

素晴らしいサイトを見つけました!

CSSとHTMLを自動で作成してくれるサイトです!

コピー&ペーストで見出しの作成に成功しましたので、紹介します。

 

WEB道(CSS見出しジェネレーター)

こちらのサイトには見出しジェネレーター以外にもいろいろありました。

吹き出し、グラデーション、アニメーションなども作れるみたいです。

いきなりたくさんのことを取り入れるのは難しいので、ひとまず見出しだけにしておきます。

 

スタイルシート見出しメーカー

※残念ながらなくなってしまいました・・・。(2017/12/31)

こちらは見出し専用のサイトです。

いくつかサンプルの色が用意されているので、私のようにセンスがなくても安心です。

 

上記どちらのサイトでも、その場で見た目の確認ができます。

気に入ったものを作って、自分のサイトに組み込むだけです!

 

出来上がった見出し

 

オシャレになった!

この見出しはWEB道さんで作成しました。

段々良いサイトになってきたように思います!(自分に甘い)

<追記>

現在は見出しのデザインを変えています。

CSSの勉強をすると好きなデザインを自由に作れるので、サイトを作るなら基礎だけでも勉強してみるといいと思います。

関連:CSSとは?CSSで出来ることとスタイルの追加・編集方法


今回のまとめ

作った見出しをサイトに組み込むためにはCSS、HTMLを編集する必要があります。

私でも出来た(コピー&ペースト)ので、超初心者の方でもできます!

ただし、念のためバックアップを取っておくことをおススメします。

バックアップの取り方は、以下のページをご覧ください。

関連:<プラグイン>UpdraftPlusでサイトのバックアップを取る

 

長くなってしまったので、見出しを適用する方法は次回にします。

実はどこに貼り付けるのかよく分からず、結構悩みました。

私のような超初心者の方の助けになれたらと思います。

 

ここまでお読みいただき、ありがとうございました。

 

関連:【WordPress】CSSとHTMLの知識なしでデザイン見出しを作成する【超初心者】

関連:CSSとは?CSSで出来ることとスタイルの追加・編集方法

関連:知識ゼロからホームページ作成・公開するまでの手順と公開後の作業まとめ<画像付き>