その一方で、

ホームページを作りたいけど作るとどんなメリットがあるの？

SNSと何が違うの？

作るタイミングがわからない。

など、気になることは盛りだくさん。

ホームページを作りたいと思っても、制作を依頼すると費用も高いし、悩みどころですよね。

今回は、ホームページ制作を迷って一歩が踏み出せずにいるあなたのために、ホームページ制作で得られるメリットやタイミング、準備するものなどをお伝えします。

ホームページ制作で得られる５つのメリット

ホームページを持つと、インターネット上でサービスや商品の良さを順序立てて発信することができ、24時間休むことなく働いてくれる営業ツールとして、お客様の知りたい情報をピンポイントに届けることができます。

他にも様々なメリットがあるので、ご紹介しますね。

1. インターネットを通して集客することができる

インターネットを通して情報を発信することが日常になり、インターネット上での集客は、もはや必要不可欠な時代になりました。
より気軽なSNSなどを、集客ツールとして利用することもオススメですが、情報が流されがちなSNSと違い、ホームページは情報をわかりやすく整理して掲載することができます。そのため、見込みのお客様が知りたい情報にアクセスしやすくなり、来店のきっかけにも繋がりやすくなります。

2. 信頼度が上がりお客様の安心を得られる

①でもお伝えしたように、ホームページは自分自身やサービス・商品についての情報を整理して掲載することができるので、一度も商品やサービスを利用したことがない見込みのお客様が情報を得る場所として、とても重要な役割を持っています。ホームページに掲載されている情報を見ることで、来店前の不安を取り除くことができ、自分自身やビジネスにおける信頼度を上げることができます。

3. オンライン販売が可能になる

ホームページは、情報をわかりやすく掲載できるという役割に加えて、EC機能をつけたり予約機能をつけたりすることも可能です。
つまり、インターネット上で商品やサービスを販売することが可能になり、実店舗では叶わなかった地域を越えた販売や、24時間の販売が可能になるというメリットがあります。

4. マーケティングの効果を高めることができる

ホームページにアクセス解析ツールを導入することで、ホームページを見ている人のアクセス情報がわかります。
例えば、見られている時間帯・人数、住んでいる地域や男女比など様々な情報を得ることができるため、今後どのような情報を発信し、どのような商品・サービスを販売すれば良いのかといった指標にもなり、マーケティングに活かすことができます。
また「ホームページのどのページがよく見られていて、どのページで見られなくなったのか」といった情報も分析できるため、ホームページの改善点が把握できるようになり、より良い情報を発信することも可能になります。

5. 経費を抑えることができる

ホームページを持つことで、業種によって店舗やオフィスを構える必要がなくなります。また、お客様を集める仕組みさえ作ってしまえば、営業に出なくても良くなるため、人件費や交通費・通信費といった経費を抑えることができます。
さらに、ホームページ上で販売や受注のシステムを導入することで、業務効率を高めることも可能になります。

ここまで、ホームページ制作のメリットを５つお伝えしましたが、いかがでしたか？

参考になると嬉しいです。

そして…

メリットは理解できたけど、ホームページを作るタイミングって今なのかな…?!
と、悩む方も多数いらっしゃいます。

次はそんなお悩みに応えて、簡単にホームページ作りのタイミングをお伝えしますね。

ホームページ制作のタイミングは？必要・不要の見分け方

私が考えるホームページ制作のタイミングで押さえておきたいポイントは、以下の３つです。

1. 提供する商品やサービスが流動的でないか
2. ホームページ制作の目的は明確か
3. 継続して運用できるか

順番に説明しますね。

1. 提供する商品やサービスが流動的でないか

まず考えるべき重要なポイントがこちら。

ホームページを作る際に必要なのが、ご自身の商品やサービスに関する情報で、これらが流動的だとタイミングではないのかもしれません。

店舗であれば、営業時間や連絡先、決済方法やレギュラーメニューの内容など、お客様が来店前に知りたい情報が掲載できる状態であること。

個人で何らかのサービスを提供しているのであれば、そのサービス内容や金額が明確に伝えられる状態であること。

企業であれば、事業内容が整理されていることはもちろん、掲載して良い情報なのかマル秘情報なのかどうかが、明確な状態であること。

経験上、これらの情報が流動的だと、制作をスタートさせても終わりが見えなかったり、曖昧な情報を掲載せざるを得なかったりと、納得いくホームページにならない可能性があります。

また、商品やサービス・事業に対する想い（理念）も、お客様の心を動かし行動へと変えてくれる大切な要因です。ホームページ作りを機に「なぜ」を深掘りし、コンセプトを明確化しておくのもオススメです。

2. ホームページ制作の目的は明確か

ホームページをどのような目的で作るのか、明確にしておくことも大切です。

今抱えている悩みがホームページで解決できそうなのであれば、タイミングはバッチリです！しかし、ホームページを作ったら業務がより煩雑になってしまった…となると、本末転倒。

ホームページにどのような役割を持たせたいか、イメージを膨らませてみると良いと思います。

3.継続して運用できるか

ホームページは作ってからが本番です。

定期的なメンテナンスや更新、セキュリティ対策、アクセス解析の実行・分析など、完成後も継続した運用が必要です。

スタッフを配置する、もしくは外注するといった運用に伴う予算を確保できるかも、検討が必要になります。

またサーバーやドメインの使用料など、必須経費についても頭に入れておく必要があります。

制作を依頼したものの、やはりタイミングではなかった…と後悔しないためにも、これらのポイントをチェックしてみてくださいね！

ホームページを作るときに必要なもの３選

ホームページ制作のメリットも理解できたし、作るべきタイミングもばっちり！というあなたのために、ホームページを作る時に必要なものを３つお伝えしますね。

1. サーバー・ドメイン
2. コンテンツ・文章
3. 写真などクリエイティブ

簡単に説明します。

サーバー・ドメイン

ホームページを作る際に必要なのがサーバーとドメイン。
家を建てるときのことを想像してみて欲しいのですが、土地がなければ家を建てることはできないですよね。また、その土地には住所を割り当ててもらう必要があります。
その土地の役割を果たしているのがサーバー。サーバーを借りることで家（＝ホームページ）を建てることができ、ドメイン（＝URL）という住所を割り当てることで、どこに在るかを示すことができます。

文章

これまでもお伝えしてきましたが、ホームページはアクセスしたお客様に、知りたい情報をわかりやすく提供できる場所です。
事前にどんな情報を文章でお伝えするか、リサーチしたり執筆したりと準備が必要になります。

画像

視覚的にわかりやすく伝えられる写真や図などの画像なども、効果的な情報です。文章だけでなく写真や図などを用いて情報を提供することで、メリハリのある魅力的なホームページになるので、事前に撮影などをして準備しておきましょう。

こちらの記事にも「作り始める前に準備したい５つのこと」というトピックがあるので、ぜひご覧になってくださいね！

ホームページ制作にかかる費用について

最後に、制作にかかる費用について気になる方も多いと思うので、簡単にお伝えします。

ホームページ制作を依頼する場合の相場は、ピンキリです。

制作会社に依頼する場合は、50万円〜スタートが一般的。依頼する内容やこだわりの度合いで100万円〜1,000万円以上という場合もあるため、ご自身の事業の規模と照らし合わせて考えてみると良いと思います。

また、私のように個人で制作を請け負っている場合は、制作の内容・規模によって、10〜50万円の間が相場かなと思います。

私は、個人事業主でも依頼しやすい価格帯を意識して、お得なプランもご用意しています。
ホームページ制作についてのページを、ぜひご覧ください。

まとめ

今回は「ホームページ制作５つのメリット」について、お伝えしてきました。

「メリットがわからないとホームページ制作の一歩が踏み出せない」
という方は多いと思います。

またメリットだけでなく、ホームページを作るタイミングや必要なものについても検討できればと思い、まとめて記事にしました。参考になると嬉しいです。

ホームページの制作料金が気になる…という方は、こちらのページをご覧くださいね！

ホームページ制作について

そして…

やっぱり思うように進まない

完成したけどイメージと違う

など、困ったときは無料でご相談を承っています。

相談内容にもよりますが、お答えできる範囲のことはお答えしていきたいので、下記のお問い合わせフォームから、お気軽にメッセージくださいね！

[contact-form-7]

こんなおしゃれなお店に行ってみたい！

ホームページが洗練されているから、安心してお任せできそう。

癒しの雰囲気がホームページから伝わってくる。

など、お客様はホームページを見て来店するお店を決めています。

飲食店やサロン、セレクトショップなどの店舗ホームページは、その店舗のイメージを決めてしまうほど重要なもの。

でも、ホームページは専門じゃないし、どんなホームページを作ればいいか悩んでしまう…。

今回は、そんな店舗オーナー様のために「思わず見入ってしまうほど、おしゃれな店舗ホームページのデザイン」についてお伝えします。

おしゃれなホームページ作りの参考にしたいギャラリーサイト３選

おしゃれなホームページを作りたいなら、まずはリサーチ。

私たち制作者もお客様のホームページを作る際は、必ずお客様のイメージに合うようなデザインや、分かりやすい構成などを参考にするために、まずはリサーチから始めます。

普段お客様のホームページを制作する際に、参考にしているギャラリーサイトを選んでポイントを載せているので、ぜひ参考にされて下さいね。

1GUU

1GUUさんは、世界中のおしゃれなサイトが集められたギャラリーサイトです。

海外のサイトは日本のサイトとは違った”こなれ感”があるので、ホームページデザインに差をつけたい時の参考に取り入れるのも良いと思います。

左側の地球マークにマウスを当てると各国の一覧が表示されるので、気になる国をクリックして下さいね。それぞれの国で特徴が違うので、ついつい見入ってしまい選べなくなるので、要注意です（笑）

右側の三本線にマウスを当てると各業種別の一覧が表示されます。

ご自身の業種をぜひチェックされて下さい。

I/O 3000

I/O 3000さんも世界中のおしゃれなサイトが集められたギャラリーサイトです。

写真を使ったサイトが多い印象なので、ふんだんに写真を使っていきたい時に参考になりそうです。

右上の三本線をクリックすると「カテゴリー」や「タグ」「カラー」などから探すことができたり、検索ワードで探すこともできるので便利です。

 Muuuuu.ORG

「クオリティが高い縦に長いサイトを厳選して集めています」のキャッチコピー通り、おしゃれでクオリティの高いサイトを集めたギャラリーサイトです。

シンプルで見やすいサイトが多い印象なので、シンプル且つ高クオリティなサイトを目指しているなら、参考になりそうです。

左側の三本線で業種が選べるので、ご自身の業種を選択してチェックされて下さいね。

他にも、BehanceやDribbbleなど海外のギャラリーサイトは、Webデザインだけでなくイラストやタイポグラフィ、スマホサイトのデザインなど、さまざまなデザインが掲載されているので、デザイナーにはたまらないサイトです。

ご存知の方も多いPinterestは、おしゃれなアイデアが盛りだくさんで、デザインだけでなくレシピやファッション、ライフハックなど、見出すと止まらなくなる?! 危険性もある（笑）楽しいアイデア発見サイトです。

ホームページをおしゃれにする必要性とは？

さて、ここまで参考にしたいおしゃれなホームページを集めたギャラリーサイトをお伝えしましたが、ここからはホームページをおしゃれにする必要性についてお話します。

ネットで検索するのが当たり前に時代になり、ホームページは、オンライン上において非常に重要なツールになりました。

あなたの店舗の未来のお客様がホームページに訪れたとき、その最初の一瞬がとても重要になり、ホームページから受けた印象で、お店の雰囲気やイメージが決定されてしまいます。

そのため、ホームページをおしゃれで魅力あふれるデザインにすることは、新規のお客様を獲得する重要な要素の一つです。

ここで、ホームページをおしゃれで魅力的にするための理由をお伝えしますね。

店舗のイメージを向上させ、ブランディングにつながる

ホームページは、あなたの店舗ブランドのオンライン上での顔です。

おしゃれで魅力的なホームページは、店舗のブランドイメージを向上させ、同業の他店舗から差別化することができます。

ユーザーの関心を引く

おしゃれで魅力的なデザインは、新しいお客様に訪れた時のワクワク感を想像させることで興味を持たせることができます。

またオンライン上でのお客様は、興味や関心を持っているホームページを何度も訪問し、閲覧することが多いため、ホームページのデザインは検索ランキングが上がる（SEO対策）においても重要です。

ホームページ閲覧時の滞在時間を増やす

オンライン上でのお客様（ユーザー）は、おしゃれで魅力的なホームページに滞在することが多いため、ホームページのデザインは重要です。

ユーザーが長く滞在することで、ホームページの評価が上がり、検索ランキングが上がる（SEO対策）可能性もあります。

モバイルフレンドリーにすることでより多くのユーザーに

現在のオンライン上での多くのお客様（ユーザー）は、スマートフォンやタブレットなどを使用して、ホームページを閲覧しています。おしゃれでモバイルフレンドリーなホームページは、ユーザーが心地よく閲覧できるため、ユーザーのワクワク感や期待感を向上させます。

このような理由から、ホームページをおしゃれ魅力的なデザインにすることはとても重要なのです。

おしゃれなホームページを作るときに必要な５つのエッセンス

ただ、ここで大切なのが見た目のおしゃれさだけに気を取らないこと。

おしゃれで魅力的なことはとても重要ですが、やはり情報が整理されていて、お客様が見やすく分かりやすいホームページでないと、お客様はすぐに離れていってしまいます。

ここでホームページを作るときに必要な５つのエッセンスをお伝えしますね。

ファーストインプレッションで惹きつける

お客様がホームページを訪れた時、まず目に入るのがホームページのトップ部分（ファーストビュー）です。

お客様の心が動くかどうかは、この一瞬にかかっているため、ファーストビューでワクワク感を想像させ興味や関心を引くことが、とても大切です。

使う画像やキャッチコピーなど、未来のお客様のことを想像しながら、しっかりと考えたいところです。

シンプルで分かりやすいレイアウト

ホームページを訪れたお客様が、パッと見た瞬間に「もっと見たい！」と思っても、お店の情報やお伝えしたいことがまとまっていなければ、がっかりして離れてしまいます。

情報は事前に分かりやすく整理して、お客様が知りたい情報をシンプルにお伝えできるようにしましょう。

店舗イメージに合うシンプルなフォント

ホームページに使うフォントは、店舗のイメージを印象付ける大切なもの。

おしゃれ感やかっこよさも大切ですが、情報をお伝えするフォントは店舗イメージに合うシンプルなフォントを選びましょう。

簡単にフォントが与える印象もお伝えしますね。

【ゴシック体】

親近感、安定感、カジュアル、力強い

また、太字のゴシックは男性的で力強い印象を与えますが、細いゴシックは女性的で洗練された印象を与えることができます。

【明朝体】

伝統的、高級感、上品さ

細く繊細な印象の明朝体ですが、太くすることで和のイメージ、また固いイメージを与えることもできます。

他にも、手書きや筆記体などアクセントに使うことでグッとおしゃれ感がアップするフォントもあり、それぞれ与える印象は大きく違ってくるので、フォントの世界は奥深いです。

 色数が少ない

おしゃれで洗練されたイメージを与えたければ、色数は２〜３つにおさえるのがベストです。

配色には【70:25:5】という法則があり、背景色など基本となる色を70%、印象を決定づけるメインの色を25%、ボタンなどアクセントになる色を5%と言われています。

写真は高画質で明るいものを使用する

ホームページそのもののデザインは良くても、肝心の写真が荒れていたり、構図がイマイチだったり、暗かったりすると残念な結果に。

やはり写真はホームページを印象づける大切なものなので、ホームページを作る際にプロのカメラマンに撮影を依頼することをおすすめします。

まとめ

今回は、店舗のホームページを作ることを仮定し、おしゃれなホームページの必要性や作る時に必要なエッセンス、そして参考になるギャラリーサイトなどをお伝えしました。

自分でホームページを作る場合も、誰かに制作を依頼する場合も、まずはしっかりとイメージを持っておくことが大切です。

ホームページのイメージが明確にできていたら、長く大切にしていきたいおしゃれなホームページが完成しますよ＾＾

そして…

やっぱり思うように進まない

完成したけどイメージと違う

など、困ったときは無料でご相談を承っています。

相談内容にもよりますが、お答えできる範囲のことはお答えしていきたいので、下記のお問い合わせフォームから、お気軽にメッセージくださいね！

[contact-form-7]

でも、思ったようなサイトが作れなくて結局使っていない…と、新たに制作のご依頼を頂くこともあります。

そこで今回は、個人でサイトを作る時に失敗しない方法をお伝えしたいと思います。

自分でサイト作りをする３つの方法について

冒頭でも少し触れましたが、自分でサイトを作りたいと思ったら、今はホームページ作成ツールやWordPressなどを利用して簡単に作れるようになりました。

しかし簡単になったとはいえ、理想のサイトに仕上げるのはやはり難しいものです。

そこでまずは、自分でサイト作りをする方法を大きく３つに分けて、それぞれの特徴やメリット・デメリットをお伝えします。

【難易度低め】ホームページ作成ツールを使う方法

無料〜少額で使えるWixやJimdo、アメーバオウンドなどのホームページ作成ツールが、店舗やサロンオーナー、個人起業家の間で大人気！

豊富なテンプレートや、ドラック＆ドロップで簡単に使える制作パーツなどがあり、短時間で簡単にサイト作りができるところが魅力ですね。

しかし、いざサイト作りを始めると、思い描いていたサイトとはかけ離れた仕上がりになることも多く、理想のサイトに仕上げるのは至難の業。自分で作ったけど納得のいくものは出来ていないし、プロに頼むと結局高くなると言うお声も多いです。

【難易度中くらい】WordPressなどCMSを使う方法

WordPressなどCMS（コンテンツ・マネジメント・システム）と呼ばれるシステムを利用して、サイト作りをする方も多いです。

こちらは、テーマと呼ばれるテンプレートを使ってサイトを作っていくので、導入は割と簡単です。

また、プラグインと呼ばれる拡張機能をインストールすることで、自分仕様にカスタマイズできることや、SEOに強いことも、選ばれる理由ですよね。

ただ、導入は簡単でもPCのスキルや専門知識は必要になるので、思ったようなサイトに仕上げるには難しい場合もあります。

その場合、検索をすればWordPressについての情報が数多く出てくるので、困った時でも解決しやすいと言う点は、魅力の一つだと思います。

【難易度高め】コードを書いてサイトを構築する方法

難易度はかなり高くなりますが、コードを書いてサイトを自作すると言う方法もあります。

この場合は専門の知識が必要なので、学びに時間とお金がかかりますが、自分のサイト以外にも制作をしたいと言う思いがあったり、制作会社に就職したりするのであれば、専門性も高く需要もあるでしょう。

ただ、自分のサイトを作るためだけにコーディングの知識を得るのは、少しもったいない気もします。

さて、ここまで個人でサイトを作る方法を３つご紹介しました。

どの方法もメリット・デメリットはあるので、ご自身に合った方法を選択しましょう！

そして、重要なのはここから。

どの方法を選択したとしても、作り始める前の準備がとても重要になります。

ここで、サイトを作り始める前に準備したい５つのことを紹介しますね。

作り始める前に準備したい５つのこと

それでは、順番にご紹介していきますね。

ホームページを作る目的は？

当たり前のように思えて、とても大切なのが「ホームページを作る目的を明確にする」ということ。

漠然とホームページのイメージは沸いていると思いますが、「会社の事業内容を紹介する・商品を販売する・店舗への集客」など、目的が違えば掲載したい情報も変わってきます。

目標（目的）が定まっていない状況で作り始めると、完成までの道のりも長くなるし、情報が混在してまとまりのないホームページにもなる可能性も。

まずは、ホームページを作る目的を明確にして次のステップに進みましょう。

ホームページに載せる内容を決める

ホームページを作る目的が明確になったら、次に目的を達成するための内容を決めていきましょう。

• 一番伝えたいことは何か？
• 見る人が知りたい情報は何か？
• 写真や動画などはどんな素材を準備する？

など、あらかじめ内容を決めておくことで、この後の作業がスムースに進みます。

ホームページの構成を考える

ホームページに掲載したい内容が決まったら、次にやることは、ホームページの構成について考えます。

• サイトを訪れた人が見やすい構成構成になっているか？
• 情報は整理されているか？

など、他のサイトを参考にしながら構成を整理していくと、わかりやすいと思います。

ホームページのデザインについて考える

ホームページデザインについても考えておきましょう！

• ホームページはどんな印象にしたい？
• メインの色は何色にする？
• サイトロゴはどうする？

など、ホームページ全体のデザインをイメージして統一感を持たせておくと、プロっぽくかっこいいサイトに近づけます。

文章や写真などの素材集め

ホームページの構造やデザインイメージが決まったら、準備もゴール目前。最後にやるのが文章や写真といった素材集めです。

ホームページを作りながら文章を考えたり、写真などの素材を集めたりしていると、その度に作業がストップしてしまい、捗どりません。

できるだけ事前に文章や写真などの素材を集めておくようにしましょう！

さぁ、準備が整ったら、いよいよホームページ作りです。
ドキドキ・ワクワク、理想のホームページが完成しますように！

まとめ

今回は、「自分でサイトを作ってみたい！」と言う方に向けて、ホームページを作るときに失敗しない方法をお伝えしてきました。

PCのスキルさえあれば自分でも簡単にWebサイトが作れる時代。

だからこそ、チャレンジしてみたけど思うようなサイトが作れなかったと嘆いている方も多いように感じます。また、いざ作ってみたものの運用ができずに放置してしまい、作りっぱなしになっている方もいらっしゃいます。

ホームページを作る前準備をしっかりとしておくと、作ったあとの運用方法まで見えてくるので、おすすめです！

そして…

やっぱり思うように進まない

完成したけどイメージと違う

など、困ったときは無料でご相談を承っています。

相談内容にもよりますが、お答えできる範囲のことはお答えしていきたいので、下記のお問い合わせフォームから、お気軽にメッセージくださいね！

[contact-form-7]

WordPress(ワードプレス)でホームページを作成中だけど、思ったようにサイトが作れなくてダサくなる。

サイト作りが初めてだとデザイン性の高いサイトは難しいのかな。

なんて諦めていませんか？

あるテーマを使えば、ワードプレス初心者の方でもあっという間にかっこいいホームページが完成するので、ぜひ最後までお読みくださいね！

尚、この記事ではサーバーやドメインの契約が済み、WordPressをインストールしていることが前提です。

また、ある程度ワードプレスを触ったことがある方におすすめの内容です。

WordPressでもデザイン性の高いかっこいいサイトは作れる？

WordPressは、日本でのシェア率が80％以上とも言われるほど人気のあるサイト制作ツールです。

テーマと呼ばれるテンプレートが数多くあるので、HTMLやCSSと言ったコードの知識がなくても、簡単にサイト制作ができるのが魅力の一つで、企業サイトから個人ブログまで、多くの方に利用されています。

一方で、テーマの選び方を誤ると思ったようなサイトができなかったり、使いやすいテーマが限られているためオリジナリティに欠けたりとデメリットもあります。

そこで重要なのがテーマ選び。

私がWordPressテーマでおすすめしたいのが、Kadence（カデンス）というテーマです。

海外製のテーマ「Kadence」には、おしゃれでかっこいいデザインテンプレートが多くあり、そのテンプレートを使ってホームページを作成していくことで、デザイン性の高いサイトが完成します。

また使い方をマスターすれば、テンプレートを土台に作ったサイトをカスタマイズすることができるため、よりオリジナル性の高いサイトを作ることができます。

作り始める前の準備リスト５つ

さて、今回はKadenceのデザインテンプレートを利用して作っていくので、大まかにサイトの枠組はできているのですが、ホームページを作る前にしておきたい『準備リスト５つ』をご紹介しますね。

1. ホームページを作る目的は？
2. ホームページに載せる内容を決める
3. ホームページの構成を考える
4. ホームページのデザインについて考える
5. 文章や写真などの素材集め

ホームページを作る前にこの『準備リスト５つ』を押さえておくことで、スムーズにホームページ作成に取り掛かることができます。

詳しくはこちらの記事を参考にして下さいね。

個人でサイト作りをしたい方のための失敗しない作成手順

さぁ、準備が整ったら、いよいよホームページの作成に進みます。

WordPressでホームページを作る時におすすめのテーマは？

記事の冒頭でもお伝えしましたが、WordPressでホームページを作るなら、オススメなのがKadenceというテーマです。

Kadenceには数多くのデザインテンプレートが用意されており、テンプレートを選び文章や画像を変えるだけで、デザイン性の高い、かっこいいホームページが簡単に作成できます。

テンプレートの一覧はこちらです。

有料版もありますが、無料でもデザイン性の高いテンプレートが多くあるので、自分の描くホームページに近いものを選んでくださいね。

Kadenceを使って実際にホームページを作ってみよう！

それでは、実際にKadenceを使ってホームページを作っていきます。

テーマのインストール

まずはWordPressにログインして、「外観」から「テーマ」に移動します。

「新規追加」をクリックして「テーマを検索」の検索窓に「Kadence」と入力。「Kadence」が表示されたらインストールして有効化します。

テンプレートのインストール

有効化されたら、上部に「Install Kadence Starter Template」と表示されるので、クリックします。

すると、テンプレートの一覧が表示されます。

上の方は「PRO」と書かれた有料版が多いのですが、下にいくと無料版も多くあります。「PRO」の表示がないものを選んでくださいね。

今回は下のほうにあった「Yoga Studio」を選びました。

「Yoga Studio」の画像をクリックすると、デモのページが表示されるので、今回は下にある「Full Site」をクリックします。

ちなみに「Full Site」を選ぶとサイトのテンプレートが丸ごとインストールされます。

また「Single Page」を選ぶと、表示されているページのみインストールされるので、慣れてきたらページごとにテンプレートを選択し、カスタマイズしていくのも良いと思います。

次に、メールアドレスの入力と利用規約の承諾を確認するポップアップが表示されます。

メールアドレスを入力すると英語のメールが来るようになりますが、ここはガマン。内容が気になるのであればGoogleの翻訳機能を使って訳してくださいね。

「Subscribe and Start Importing」のボタンをクリックすると、テンプレートのインストールが始まります。

インストールが終了すると、もうあなたのWordPressはこのテンプレートが表示されるようになります。

まずは表示を確認してみて下さいね。

自分仕様にカスタマイズ

ここから、いよいよ自分仕様にカスタマイズしていきます。

今回は「ヨガスタジオ」のホームページから「カフェ（Sprout Cafeと名付けます）」のホームページにカスタマイズしようと思います。

各ページから編集しても良いし、全体の色味やフォントの調整、メニューやフッターの設定からスタートしても大丈夫です。

この記事では各ページを編集後に、全体のデザインを整えていきますね。

それでは、まず「固定ページ」へ移動します。

「固定ページ」を開くと、「Home」や「Yoga About」といったページが追加されているので、こちらを一つずつ編集していきます。

トップページ・トップ画像の編集

まずはトップページにあたる「Home」の編集からスタート。「Home」をクリックし編集画面に移動し、上のセクションから順に変更していきます。

画像をクリックして、右側に表示される「General」「Style」「Advanced」から「Style」を選びます。

画像が表示されるので「Edit Image」をクリックし、準備しておいたトップ画像をアップロードして選択します。

次に文字の編集。「Yoga Studio」を「Sprout Cafe」など、店舗名や屋号に変更します。

文字の大きさや色などを変更したければ、右側に表示される「Style」から変更して下さい。

フォントの変更やシャドウの変更なども可能ですが、今回は変更なしで進めます。慣れてきたらぜひチャレンジしてみて下さい。

タイトルが終わったら、サブタイトルも変更します。

必要なければ、上に表示されたバーの右側の「３つの点」をクリックして、最下部にある「Advanced Textを削除」をクリックして消します。

今回は消さずに「こだわりの厳選コーヒーとスイーツのお店」と書き換え、フォントのサイズをデフォルトから25pxに変更しました。

次にボタンです。「Book Now」を「予約する」などに変更しましょう。

こちらのボタンも不要の場合は削除します。

今回はカフェのホームページなので、オンライン予約は不要と判断し、削除しました。

こだわりや想いを伝えるセクションの編集

次のセクションに移ります。

３つの写真と説明があるので、ここは「カフェのこだわり」に変更していきます。

まず写真を変更。あらかじめ用意していたコーヒーやスイーツの写真などに差し替えます。

元のヨガ画像をクリックし、上部のバーに表示された「置換」をクリック。メディアライブラリを開き、画像をアップロードしてから選択します。

画像が変更できたら、次は下の説明部分を変更していきます。

今回は「コーヒー・スイーツ・リラックス空間」の３つをこだわりポイントにしました。

下の説明文もサンプルテキストから変更して下さいね。

最後にボタンです。

ここは「３つのこだわり」のページを作って、「続きを読む」などに変更して、各ページに飛べるようにリンクを貼っておきます。

これで「こだわり」のセクションは終わりです。

不要なセクションの削除方法

さて、次のセクションに移りますが、このセクションは料金や予約フォームなどのセクションになり、カフェには不要と判断し、削除しました。

口コミのセクションの編集

続いて、口コミのセクションに移ります。

口コミが1つしかないので、ここでセクションの中で細分化されたカラムと呼ばれる箇所を増やして、口コミを３つにしてみます。

口コミをクリックすると上部にバーが出てくるので、左端をクリックして右に設定画面を表示。「Culums」の数字を増やすとカラムが増えるので、数字を3にします。

次に上部バーの左端のアイコンをクリックして、青枠のセクションを選択すると、右下にプラスボタンが出てくるので、クリック。

すると口コミが増えるので、口コミを編集します。

口コミの星は「Rating」で変更でき、文章はクリックすると編集することができます。プロフィール写真も置き換えして下さい。

口コミの編集が終わったら、このセクションは終了です。

スタッフ紹介セクションの編集

次のセクションはスタッフ紹介。

まず大きい背景写真を変更します。

背景写真をクリックすると、一番上のセクション同様、右側に表示された「General」「Style」「Advanced」から「Style」を選びます。

画像が表示されるので「Edit Image」をクリックし、ご自身で準備した画像に差し替えます。

次に個々のプロフィール写真を差し替えます。

写真をクリックすると、上のバーに「Edit Image」が表示されるのでクリックして写真を変更できます。

３人の写真が変更できたら、名前や説明などを書き換えて、このセクションも終了です。

ブログセクションの編集

次の「Latest News」はブログ記事の一覧になっているので、「ブログ」や「お知らせ」などと書き換えておきましょう。

記事を更新するとこちらに表示されるようになります。

店舗紹介セクションの編集

最後のセクション「About Us」です。

こちらは店舗紹介などに使えるので、地図を入れてみましょう。

まず、左側の写真を差し替えます。

「About Us」を「店舗紹介」や「アクセス」などに変更しても良いと思います。

その下の説明文も変更して、ボタンは削除します。

ボタンをクリックしてバーを表示させ、３つの点をクリックして削除を選びます。

代わりに右側に出ているプラスボタンをクリックして、検索窓に「map」と入力します。

するとGoogleマップが挿入されるので、「General」の「Location」に住所を入力します。

Mapが表示されるので、あとは「Style」の中の「Height」で表示を整えて完成です。

長時間の作業お疲れ様でした。同様に他のページも変更してみて下さいね！

全体のセッティング

さて、ここからは全体のセッティングをします。

最初にセッティングをしてしまっても良いのですが、トップページを作ってからセッティングをすると、微調整がしやすいので、私は一旦トップページを作ってから全体のセッティングをしています。

それでは進めます。

ダッシュボードに戻って、「外観」→「カスタマイズ」に進み、上から順にセッティングをしていきます。

カラーリングの設定

まずは「Colors & Fonts」の「Colors（色）」から。

変更するのは「Global Palette」と「Content Links」だけで良いと思いますが、サイトやコンテンツの背景色を変えたり、タイトルの背景をセッティングすることも可能です。

「Global Palette」は、左から２つが【アクセントカラー】、次の４つが【テキストカラー】、その次の３つが【背景カラー】に関連しています。

詳しくはこちらのページをご覧ください。

↓ ↓ ↓

https://www.kadencewp.com/kadence-theme/knowledge-base/customize-settings/how-to-use-the-kadence-theme-color-palette/

今回はカフェなので、アクセントカラーを現在のピンク系からブラウン系に変更、テキストや背景はそのままでいきます。

文章内で強調したい文字を赤色にしたければ、テキストカラーの左２つを赤色に変更しておくと、記事を書くときに便利です。

リンクの色を決める「Content Links」も、カラーパレットを編集すると同じ色に設定されますが、変更してもOKです。

「Link Style」は、リンクが含まれる文字の装飾に関する設定になるので、お好みのものに設定しましょう。

今回は【No Underline】にします。

色の設定が終わったら、一旦【公開】し、「Buttons」と「Typography」に移動して、色の変更を確認します。

通常は「Colors（色）」を設定すると、ボタンや文字も同じ内容に設定が変わります。

「Typography」はフォントの変更が可能ですが、日本語フォントにはあまり対応していないので、デフォルトのままでいきましょう。

ヘッダーの編集

続いて「Header」の設定に進みます。

まずは上のLogoを変更します。

クリックするとロゴ画像が表示されるので、下にある「ロゴを変更」をクリックして、アップロードしたロゴ画像と差し替えます。

ロゴの変更が終わったら、下にある「サイトのタイトル」や「Site Icon」も変更し、【公開】します。

フッターの編集

さらに「Footer」の設定に進みます。

ここでは３カラムのフッターの中央に、【Widget（ウィジット）】でロゴのような画像、【Social】でSNS、【Copylight】でコピーライトが入っています。

ロゴ画像は残して設定しても良いし、削除してしまっても良いと思います。

設定する場合は【Widget 1】をクリックし、文章が出てきたらそのまま「OK」をクリック。するとロゴ画像が出てくるので、アップロードした画像と変更します。

SNS自体の設定は一度戻って「General」で行うため、ここではデザイン（見え方）をお好みで変更します。

【Copylight】は、通常「copyrightと年、サイトタイトルもしくは屋号」などで構成されるので、{theme-credit}は削除しておきます。

サイトタイトルを屋号に変更したい場合は、{site-title}を消して屋号を入力しておきます。

他にも【Widget（ウィジット）】や【Footer Navigation】を使って、好きなレイアウトを組むことができるので、慣れてきたらカスタマイズにチャレンジして下さいね。

Footerの設定が終了したら【公開】しておきましょう。

ページレイアウトやSNSの設定

次は「General」です。

ここでは全体のレイアウトやサイドバーの表示・非表示、コメントなどの設定ができますが、今回は【Social Links】のみ設定します。

【Social Links】をクリックして、ご自身の各SNSのURLを四角にコピペして【公開】すれば、終了です。

他にも設定する箇所はありますが、テンプレートのままで良いと思うので、気になるところが出てきたらお好みで設定してみましょう。

メニューの設定

さぁ、最後にメニューの設定をして終了です。

「外観」→「「メニュー」と進みます。

テンプレートをそのまま使っていこうと思うので、現在設定されているメニューを編集していきます。

「Studio Gallary」は「Cafe Gallary」に変更したり、「Pricing」を「Menu（メニュー）」に変更したりと、ご自身のサイトのメニューに沿って名前を変更していきましょう。

また、テンプレートの中で不要なページがあれば、【削除】ボタンを押して削除します。

ひと通り編集が終わったら、下にある【メニューの位置】で表示させる箇所にチェックを入れます。

【Primary】【Mobile】【Footer】で良いと思いますが、表示させたい場所に応じてチェックするか否かを決めましょう。

最後に最下部の「メニューを保存」をクリックして設定は以上です。

ここまで本当にお疲れ様でした。

まとめ

今回は、Kadence（カデンス）というテーマを使うことで、初心者でもデザイン性の高いサイトが作れる方法をお伝えしました。

PCスキルにもよりますが、テンプレートを使えばワードプレス初心者でも簡単にかっこいいホームページができたのではないかと思います。

操作に慣れてきたら、どんどんカスタマイズして自分好みのオリジナルのホームページに仕上げていきましょう。