tro-suke トロ助

ホームページ制作/HPテンプレート無料、WordPressテーマも無料!!
HOME > ホームページテンプレート > デザインテンプレートの紹介

HTML5+CSS3で作成したデザインテンプレート

画像をクリックすると実際のページをご覧いただけます。

フラットデザインで仕上げてみました。1カラムの可変レイアウトにしていますので、PCブラウザ・タブレット・スマートフォンに対応してます。シンプルな作りですので、小規模サイトやプライベートなサイトにおすすめです。

newnewnewnew
sp-13d_flat_ivorysp-13d_flat_mintcreamsp-13d_momosiochasp-13d_nandoiro

トップページにスライドショーを配置したデザインで作成してみました。他とはちょっと違うサイトを作成したい時、特にイメージ重視のサイトにはぴったりです。会社用のメニューを入れていますが、プライベートなサイトにもおすすめです。
sp-d2l_sikkokusp-d2l_nurebairosp-d2l_ankokusyokusp-d2l_karasubairo

会社案内や個人事業主・SOHOサイトにマッチしたテンプレート

画像をクリックすると実際のページをご覧いただけます。

このテンプレートは、シンプルで見やすいデザインになっており、迷うことなく目的のページへと誘導できます。ミニ情報サイトをはじめ、個人の方・個人事業主の方や中小企業の会社案内など、小さなサイト向けにカテゴリーやコンテンツをまとめやすく設計しています。写真スペースを広く取り、ビュジュアル的に訴求することを考えました。バナーのスペースなどもはじめから設置し、閲覧者の関心を引きつけ効果的に訴求しましょう。
sp-de_pbsp-de_bbsp-de_obsp-de_grb

ビジネス用にデザインしたテンプレートです。どの分野のホームページにもマッチしたおすすめのテンプレートです。
sp-d2dsgsp-d2mabsp-d2siwsp-d2pkw

トップページを重視したテンプレートです。いくつかのバナースペースも、はじめから設置してありますので、ご利用ください。閲覧者に対し効果的に訴求しましょう。
 カラーは日本の伝統色で、上段は左から高麗納戸(こうらいなんど)、深紅(しんく)、黒紅(くろべに)、濃藍(こいあい)。下段は左から淡黄(たんこう)、淡藤色(あわふじいろ)、亜麻色(あまいろ)、秘色(ひそく)を使用しています。
sp-2l_kourainandosp-2l_sinkusp-2l_kurobenisp-2l_koiai sp-2l_tankousp-2l_awafujisp-2l_amairosp-2l_hisoku

小規模サイトやプライベートサイト向けテンプレート

画像をクリックすると実際のページをご覧いただけます。

このテンプレートは、シンプルで見やすいデザインになっております。メニューをタブ形式で上部に配置し、迷うことなく目的のページへと誘導できます。ミニ情報サイトをはじめ、個人の方・個人事業主の方など、小さなサイト向けにカテゴリーやコンテンツをまとめやすく設計しました。
sp-1gsp-1osp-1sbsp-1pi

背景にイメージを配置したデザインにしてみました。他とはちょっと違うイメージのサイトを作成したい時などにおすすめです。プライベートなサイトにもいいですね。クールな仕上りです。
scenery01scenery02scenery03scenery04

ブルーを基調にした爽やかな雰囲気のテンプレートと、ブラウンを基調にした暖かみのある雰囲気のテンプレートです。個人の方や小規模サイトにぴったりです。左メニューのデザインと右メニューのデザインを用意しております。お好みに合わせてお選びください。
sp-d2bl-lsp-sp-d2bl-rsp-d2br-lsp-d2br-r

メニューの位置を簡単に変えられるテンプレート

画像をクリックすると実際のページをご覧いただけます。

このテンプレートは、シンプルで見やすいデザインになっており、迷うことなく目的のページへと誘導できます。ミニ情報サイトをはじめ、個人の方・個人事業主の方など、小さなサイト向けにカテゴリーやコンテンツをまとめやすく設計しています。基本ベースのHTMLは二つとも同じものです。スタイルシートを差し替えるだけで、メニューの位置が左右入れ替わります。
sp-d2ortho-lsp-d2ortho-rsp-d2ortho_2-lsp-d2ortho_2-r

WordPressのテーマ用にデザインしたものですが、カテゴリーやコンテンツをまとめやすく設計していますので、ホームページのテンプレートとしても 公開することにしました。左メニューと右メニューがありますが、基本ベースのHTMLは二つとも同じものです。スタイルシートを差し替えるだけで、メ ニューの位置が左右入れ替わります。
sp-2newyear_red_lsp-2newyear_red_rsp-sp-2newyear_blue_lsp-sp-2newyear_blue_r

▲このページのトップへ