サイト名など

1カラムで色合い調整のみで使えるシンプル構造

1カラム(シングルコラム)のCSSテンプレートです。。見出しはh1~h4まで。段落文章は<p>でくくられています。
CSSの各属性の色合いを変更すれば様々な様式のwebサイトに対応できるだろうと思って画像は使っていません。
サンプルの色使いで趣味が悪いところもありますがご了承ください。

【ご了承ください】コチラのテンプレートはブラウザによって崩れることが有ります。

また当方の趣味で作成しておりますので細かいHTMLとかCSSのルールはあまり知りません。
Dreamwesverで作成しているのでホームページビルダーでも編集は可能ですがクセがあるのでご注意ください。
部分的に2カラムや3カラムになるようなタグCSSを使ってますが、使いにくい場合は消してください。

WordPressのランディングページテンプレートはこちら

2カラムパーツ
2カラムパーツ

  カラフル(ベーシック)

茶色テンプレート
サンプルカラー
シックなブラウン茶色系に仕上げてみたり

茶色テンプレート
サンプルカラー
ゴージャスな暖色系ゴールドっぽく

茶色テンプレート
サンプルカラー
パッションな赤いカラーで染めてみたり

茶色テンプレート
サンプルカラー
清潔感と誠実性をブルー系で表現したり


コピペで使えるテンプレート

白背景の段落です。id="siro"でくくられています。
パーツをHTML編集で好きなところに配置してデザイン調整してくださいね。

h3見出しです。

リストの背景は白。段落の背景は白バージョンとグレーで使い分けしてます。

見出し4はこんな感じのCSSです

リストも文章もシンプルに。

有料制作によるテンプレート利用サイト

画像当テンプレートをご利用いただき有料制作を承ったサイトは当サイトよりリンクいたします。非常に効果的なSEO効果が見込めるカテゴリー登録となります。

スポーツ
車・バイク
ゲーム
ショップ
ファッション
美容
制作会社
クリエイター
イラストレーター
フォトグラファー
ブログ
ニュース・新聞社出版
広告流通
販売医療
健康携帯
放送
旅行
交通
通信
食品
飲料
ホテル旅
住まい
飲食店
インターネットサービス
プロモーション
学校
音楽
銀行・証券・保険
求人リクルート
映画・テレビ
未分類

画像を使うと記事文章の右側に回りこむように設定しております。

使用の際はご注意ください。 段落の位置からはみ出そうな場合は改行などで調整するといいかもしれません。


<br />出改行しないとこんな感じになりますよ(注)
テキストを改行して見栄え調整。
<br />で改行ですよ!

見出し4 見た目調整でh3とかh4使ってるだけです。細かいことは気にしないSEO.

  • 文法よく知りません。
  • なんとなく色合い調整しやすい
  • 画像背景は面倒だ
  • まあ、無料やからええか。

そういう方のためのホームページ(1枚ものに向いてるかも)テンプレートCSSセットです。