ゼロからわかるホームページ制作の流れ(無料) そんな方には、ホームページテンプレートがおすすめです。ホームページテンプレートを使えば、コーディングの知識がなくても手軽にセンスの良いホームページを作成できます。 この記事では、そもそもホームページテンプレートで何ができるのかという基本的な知識の解説から、おすすめのテンプレートのご紹介も行っています。 なお、重要度を客観化するために既存のホームページテンプレートを紹介したサイト10個を調査し、出現頻度をスコアリングしました。出現頻度の高い順に掲載しているので、この記事を読めば効率よく良質なホームページテンプレートを探すことができます。(参考:ホームページ作成で最初に考えるべき3つのポイントと作成方法の選び方) ※出現頻度が同数の場合は、アルファベット順に掲載しています。日本語名については、ローマ字表記で判断しています。 ホームページ制作の事前チェックリスト(無料)
ホームページテンプレートとは、Webサイトのレイアウトやデザインのひな型
ホームページテンプレートとは、Webサイトのレイアウトやデザインのひな型のことです。Webサイトを立ち上げる際に便利です。
ホームページテンプレートとは、Webサイトのレイアウトやデザインのひな型ホームページテンプレート使用のメリット:低コストで時間をかけずに制作メリット1:時間をかけずに制作できるメリット2:デザインを制作する費用を抑えられるメリット3:ホームページ作成の知識がなくても作れるホームページテンプレートを選ぶ際に着目すべき4つのポイントポイント1:自社の業種のテンプレートはあるか?ポイント2:ベースカラーは制作しようと思うイメージに合っているか?ポイント3:メインのコンテンツは読みやすいデザインか?ポイント4:ユーザビリティに優れたサイトは作れそうか?主要なホームページテンプレート9選1.高品質で商用利用可能な無料テンプレート「無料ホームページテンプレート.com」2.初心者でも使いやすい「Template Party」3.無料・簡単・高機能で人気の「Wix」4.ユーザー登録なし、ダウンロードするだけですぐに使える「TEMPLATE GATE」5.初心者でも編集しやすいシンプルなデザインが多い「Cool Web Window」6.商用利用が可能で、ビジネス向けのテンプレートが多い「Cloud Template」7.無料ホームページ素材の配布サイト「フリー素材屋Hoshino」8.目的別にテンプレートを選べ、ネットショップも開設できる「jimdo」9.WordPressのテーマや画像素材を無料配布するサービス「テンプレートキング」その他おすすめのホームページテンプレートまとめWeb制作成功のための『専用RFPシート』【PR】
本来、新しくWebサイトを作るにはHTMLやCSSなどの専門知識が必要です。初めてWebサイトを作る方はその勉強から始める必要があり大変です。 また、高度なデザインのWebサイトにしようと思うとさらに難しいコーディング作業が必要となります。 しかしホームページテンプレートは既にHTMLやCSSで構成されたひな型であるため、コーディングの知識がない方でもWebサイトを立ち上げることができます。 ホームページの作成に関して知りたい方は、以下の記事をご覧ください。 参考:ホームページ作成で最初に考えるべき3つのポイントと作成方法の選び方 参考:ホームページ作成の依頼の方法・費用相場・依頼時に注意すべきポイント
ホームページテンプレート使用のメリット:低コストで時間をかけずに制作
メリット1:時間をかけずに制作できる
ホームページテンプレートを使用する一番大きなメリットは、作業時間を短縮できる点です。 既存のテンプレートを使えば、後はツールの指示通りに、テキストを入力し、画像挿入するだけで、簡単に時間をかけずに制作できます。
メリット2:デザインを制作する費用を抑えられる
ホームぺージのデザインを専門の会社に依頼すると、制作コストがかかります。無料のテンプレートも多く、有料のテンプレートもそんなに高額ではないので、テンプレートを使用することで制作費用を抑えられます。
メリット3:ホームページ作成の知識がなくても作れる
テンプレートを使用すると、HTMLやCSSの知識がなくても簡単にホームページを作ることができます。 参考:知識がなくても作れるランディングページ作成ツールの一覧 ≫
ホームページテンプレートを選ぶ際に着目すべき4つのポイント
ポイント1:自社の業種のテンプレートはあるか?
多くのテンプレート集は、業種ごとのカテゴリ別にまとめられています。自社に合ったテンプレートを選びましょう。
ポイント2:ベースカラーは制作しようと思うイメージに合っているか?
テンプレートのベースカラーでサイトのイメージはおおよそ決まってしまいます。サイトのテーマに合った画像やイラストが使われているテンプレートを選びましょう。
ポイント3:メインのコンテンツは読みやすいデザインか?
メインのコンテンツが読みにくいテンプレートを選ぶのはやめましょう。 サイトトップのデザインも重要ですが、メインコンテンツは読みやすいデザインになっているかどうかも、必ず確認しましょう。
ポイント4:ユーザビリティに優れたサイトは作れそうか?
使い勝手の悪いサイトはすぐに離脱されてしまいます。 ページの下部から最上部に戻るボタンがあることや、目次が表示されていてすぐに目的のページに移動ができる、などユーザー目線で使いやすいデザインになっているか確認しましょう。 以下では主要なホームページテンプレートを9個紹介します。
主要なホームページテンプレート9選
参考:ランディングページ作成ツールの一覧 ≫
1.高品質で商用利用可能な無料テンプレート「無料ホームページテンプレート.com」
無料ホームページテンプレート.com
概要
無料ホームページテンプレート.comは、HTMLテンプレートとWordPressのテンプレートを提供しているサイトです。テンプレートはどれもレスポンシブ対応です。
特徴
シミュレーター機能があり、そのテンプレートを選ぶとどのような画面になるかを実際のユーザー画面に近い形で見れます。シリアルキーを購入すると、サイトの下部に入るクレジット表記を消せますダウンロード後のテンプレートは自由にカスタマイズでき、色等も自由に変更可能です
テンプレート例
テンプレート一覧
価格
無料シリアルキーは2,980円
テンプレ数
約200種
こんな人にオススメ
無料で、商用のサイトを作成したい方
2.初心者でも使いやすい「Template Party」
Template Party
概要
Template Partyは1800点ものテンプレートがあり、すべて無料で使えます。レスポンシブ対応のテンプレートが多いです。 テンプレートのダウンロード・解凍からサーバー契約・アップロードに至るまで詳しい解説コンテンツがあるため、初心者の方でも使いやすいです。 テンプレートのカテゴリーは
ビジネスショップ・店舗飲食店・フード販売店個人サイトクラブ・スナック
などがあります。
特徴
1つのテンプレートに対して複数の色・模様のパターンがあり、選択肢が豊富ですダウンロード後のテンプレートは自由にカスタマイズでき、色等も自由に変更可能ですライセンス契約を結ぶとテンプレート下部の「Template-party」という著作権表示を削除できます
テンプレート例
テンプレート一覧
価格
基本的に無料ライセンス契約は20,000円~/月CMSは30,000円~/月
テンプレ数
1800点
こんな人にオススメ
初心者の方
3.無料・簡単・高機能で人気の「Wix」
Wix
概要
Wixは1億以上のユーザー数を誇る、無料のホームページ作成サービスです。作成できるページ数は無制限で、モバイル用サイトも作成できます。 テンプレートは500種類以上、写真素材は2,000点以上もあります。ドラッグ&ドロップによる直感的な操作で思い通りのデザインにアレンジすることができます。 テンプレートのカテゴリーは下記のように多数そろっているので、ニーズに合ったテンプレートを見つけやすいです。
ビジネスネットショップ写真動画配信音楽デザイン飲食店&グルメホテルイベント個人サイトブログ健康&フィットネス美容&ファッション教育&コミュニティアートランディングページ
特徴
SNSとのリンク機能があります商品ギャラリー・ショッピングカート・オンライン決済・受注管理などの機能もあるので、ネットショップを開業できますダウンロード後のテンプレートは自由にカスタマイズできますので、色等も自由に変更可能です
テンプレート例
テンプレート例
価格
基本的に無料有料版(プレミアムプラン)は841円~/月
※有料版には独自ドメイン使用可能・Wixの広告削除・ストレージ増量・帯域幅アップなどの特典があります。
テンプレ数
500種類以上
こんな人にオススメ
高品質のホームページを安く、簡単に作成したい方
4.ユーザー登録なし、ダウンロードするだけですぐに使える「TEMPLATE GATE」
TEMPLATE GATE
概要
TEMPLATE GATEは、すべて無料で使えるサービスです。ユーザー登録は不要なので使いやすいです。
特徴
テンプレートのカテゴリー分けはカラムレイアウト別・カラー別・イメージ別の3パターンです業界ごとにおすすめのテンプレートなどは特にありません
テンプレート例
テンプレート例
価格
無料
テンプレ数
約30種
こんな人にオススメ
登録などの手続きなしで、簡単にテンプレートをダウンロードしたい方
5.初心者でも編集しやすいシンプルなデザインが多い「Cool Web Window」
Cool Web Window
概要
Cool Web Windowでは、無料で著作権表示無しのテンプレートをダウンロードできます。全体のテンプレートだけではなく、メニューリストやニュースリリースなどパーツだけのテンプレートもあります。
特徴
初心者でも編集しやすいシンプルなデザインのテンプレートが多いですホームページ制作を無償で手伝ってくれるサポートもありますダウンロード後のテンプレートは自由にカスタマイズできますので、色等も自由に変更可能ですレスポンシブ対応のテンプレートもあります
テンプレート例
テンプレート例
価格
無料
テンプレ数
約30種
こんな人にオススメ
初心者の方、シンプルなデザインのサイトを作りたい方
6.商用利用が可能で、ビジネス向けのテンプレートが多い「Cloud Template」
Cloud Template
概要
クラウドテンプレートは株式会社クラウドナインが運営している、ホームページテンプレート・WordPressテーマを提供してくれるサイトです。 テンプレートは、デザイン性が高く、クオリティの高いホームページが作成できます。レスポンシブのテーマも豊富です。
特徴
レスポンシブ対応のWordPressのテーマを格安で利用できます使いやすいシンプルなデザインで企業サイト・店舗サイトなど様々な用途で利用できますダウンロード後のテンプレートは自由にカスタマイズでき、色等も自由に変更可能です
テンプレート例
テンプレート例
価格
レスポンシブWordPressテーマ:1980円/テンプレートHTMLテンプレート:4980円/テンプレート
※株式会社クラウドナインは、既述の無料ホームページテンプレート.comも運営していますので、無料テンプレをお探しの方は、そちらをご覧ください。
テンプレ数
レスポンシブWordPressテーマ:249種類HTMLテンプレート:1434種類
こんな人にオススメ
ホームページ製作会社を始め、企業・店舗の方
7.無料ホームページ素材の配布サイト「フリー素材屋Hoshino」
フリー素材屋Hoshino
概要
フリー素材屋Hoshinoは、ホームページ作成・Webデザインを無料支援する無料ホームページ素材の配布サイトです。 ホームページ作成に役立つホームページテンプレート(XHTML&CSS)や写真素材など、Web素材を全て無料で配布しています。 テンプレートのカテゴリーは下記のように多数あります。
レスポンシブHP歯科・医療系ショップ用美容室用ビジネス用カフェ用かわいい系高機能クール系シンプル系自然系メタル系ブログ用
特徴
テンプレートだけではなく、写真素材を中心に、イメージバナー素材などがすべて無料で使用できますダウンロード後のテンプレートは自由にカスタマイズでき、色等も自由に変更可能です
テンプレート例
テンプレート例
価格
無料
テンプレ数
約130種
こんな人にオススメ
無料のテンプレートと写真素材をお探しの方
8.目的別にテンプレートを選べ、ネットショップも開設できる「jimdo」
jimdo
概要
Jimdoはドイツで作られ、日本では人気のホームページ作成ツールです。テンプレート(レイアウト)は複数用意された中から選択でき、いつでも変更できます。 テンプレートはビジネス、ショップ、ポートフォリオ、個人向けの4種類です。 現在、テンプレートの数は16種のみとなりますが、画像、カラー、フォント、テキストサイズなど、思いのままにカスタマイズできます。
特徴
知識ゼロでも簡単にWebサイトを制作できますレイアウトは登録後も変更可能です日本語に対応しており、サポート体制も充実していますレスポンシブデザインなので、スマホにも対応していますダウンロード後のテンプレートは自由にカスタマイズでき、色等も自由に変更可能ですネットショップを無料開設できます
テンプレート例
テンプレート例
価格
無料プラン以外に、945円/月からの有料プランが2つあります。容量制限、日本語フォント数が異なるほか、無料ドメインの取得、広告非表示、スマートフォン最適化、SEO等の機能が追加されます。
テンプレ数
16種
こんな人にオススメ
ネットショップを開設したい人
9.WordPressのテーマや画像素材を無料配布するサービス「テンプレートキング」
テンプレートキング
概要
テンプレートキングは、WordPressのテンプレートをダウンロードできるサイトです。すべて無料のテンプレートで、レスポンシブ対応・ライセンス表記不要です。 テンプレートは業種・配色の両方から探せます。 【5種類の業種】
会社案内美容・ファッション飲食教育・スクール医療・ヘルスケア
【5種類の配色】
ブラックオレンジブルーピンクグリーン
現在、テンプレートの数は16種と少なめではありますが、どれもおしゃれなデザインで使いやすいテンプレートです。また、テンプレート以外にも、バナーやロゴの制作に役立つ無料の画像素材も配布されています。
特徴
各業種に応じてメインの画像があらかじめ用意されています。そのため、自社で撮影・作成したオリジナル画像がないという方でも、使える画像を探す必要がないためすぐにWebサイトを作れますWordPressのテンプレートであるため、WordPressのウィジェット機能を使うことでどのコンテンツを表示・非表示するかを簡単に設定できますダウンロード後のテンプレートは自由にカスタマイズできますので、色等も自由に変更可能です
テンプレート例
テンプレート一覧
価格
無料
テンプレ数
16種
こんな人にオススメ
国産のWordPress用のテンプレートをお探しの方
その他おすすめのホームページテンプレート
CardioCSS.Design SampleWEBテンプレート・ファクトリーParallelismHALCYONDAYSFlewNeosRENDERMultiverseTAG index
まとめ
ホームページのテンプレートを9個紹介しました。いかがでしたか?
初心者の方には「Template Party」「Cool Web Window」低コストで簡単に作成したい方には、「Wix」「TEMPLATE GATE」「フリー素材屋Hoshino」「jimdo」ホームページ制作会社の方には「Cloud Template」WordPress用のテンプレートをお探しの方には、「無料ホームページテンプレート.com」「テンプレートキング」
をおすすめします。 ご自身のニーズに合ったテンプレートを見つけて、センスのいいWebサイトを作りましょう
Web制作成功のための『専用RFPシート』【PR】
RFPとは、制作会社からの提案をしてもらう前に、発注する側が作る「提案依頼書」となる資料です。 RFPを作らずに曖昧な希望を口頭で伝えた結果、見当違いな提案に時間を費やすことになってしまい、制作・発注の両者 にとって非効率的です。 Web制作の内製を考えている場合も、プロジェクト進行の行き違いを防ぐためにも重要です。 今回特別にREPシートをご用意しましたのでダウンロードしてみてください。 ※Web制作会社やWeb制作を行う個人事業主の方のダウンロードは、ご遠慮頂いております。
参考にしたサイト(一部)
無料で簡単!ホームページを作れる高品質テンプレートまとめ|ferret [フェレット] 無料で使える!ホームページのおすすめテンプレート10選 | TechAcademyマガジン 【初心者向け】おすすめのHTMLのテンプレート7選! | プログラミング入門ならスキルマ 【商用可】無料でホームページテンプレートがダウンロードできる厳選サイト – NAVER まとめ 今すぐ使える!機能抜群の無料ホームページテンプレート8選 | Tech2GO 2/2 これは便利!無料のホームページテンプレート集 [企業のIT活用] All About 無料ホームページテンプレート・ブログテーマ素材|freesoft100 コーポレートサイトを作るならこれ!無料の業種別テンプレート20選 | 発注業者比較なら【アイミツ】 管理しやすいホームページのテンプレートを紹介します デザインレベル高し!無料で商用利用可能なホームページ・WEBサイトが作れる6個のサービス