レイアウトをカスタマイズするには

ブロックを追加したい場合は、下記のようにcontainer内のコードをまるごとコピペしてください。
ポイントは横幅が全部で１２の数字になるようにレイアウトしていきます。このテンプレートはCSSフレームワークを元に作成しています。

<div class="container">
<div class="row">
        <div class="col span-12">
           <p>１２分割。ここに画像やテキストを入れていきます。</p>
        </div>
        </div>
    </div>

<div class="container">
<div class="row">
        <div class="col span-6">
           <p>６分割</p>
        </div>
        <div class="col span-6">
           <p>６分割</p>
        </div>
        </div>
    </div>

<div class="container">
<div class="row">
        <div class="col span-4">
           <p>４分割</p>
        </div>
        <div class="col span-8">
           <p>８分割</p>
        </div>
        </div>
    </div> 

<div class="container">

<div class="row">
        <div class="col span-7">
           <p>７分割</p>
        </div>
        <div class="col span-5">
           <p>５分割</p>
        </div>
        </div>
		
<div class="row">
        <div class="col span-2">
           <p>２分割</p>
        </div>
        <div class="col span-10">
           <p>１０分割</p>
        </div>
        </div>
		
    </div> 

CSSフレームワーク自体には独自のclassなどはほとんど付けていないので、最低限の装飾のみ行なっています。CSSフォルダ内の「grid.css」ファイルに格納、各種デザインは「style.css」ファイルに上書きしています。

メニューボタンは、なるべくコーディングが楽に済むように画像で作成しています。imgフォルダをご覧ください。

色変更はstyle.css上部のroot一覧にまとめているのでカラーコードを変更してください。IE非対応です。

デザインの学校 これからはじめる HTML & CSSの本 [Windows 10 & macOS対応版] 新品価格 ￥2,178から (2024/11/14 11:26時点)

HTML・CSSって何？とにかく簡単に知りたいという方向けの本です。この本ならまず挫折しないです。

1冊ですべて身につくHTML ＆ CSSとWebデザイン入門講座［第2版］ 新品価格 ￥2,326から (2024/11/14 11:28時点)

タイトルの通り１冊でHTML・CSSの作り方の全体が学べます。Flexboxのレイアウトもわかりやすく載っています。

現場で使える Webデザインアイデアレシピ (Compass Web Development) 新品価格 ￥3,058から (2024/11/14 11:29時点)

WEBサイトへ装飾したい時に使えるシンプルなレシピ本です。

カスタマイズパック

当テンプレートを使用した制作代行も承っております。標準のカスタマイズをお得なパックにしました。データでのお渡しとなります。標準パックの範囲を超えるカスタマイズについては、お見積りいたします。

￥22,000円（税込） 含まれる内容は右記の通りです

1ページカスタマイズ テキストの置き換え／画像の置き換え（ご用意ください） メニューの置き換え 配色の変更 フォントの変更 レイアウトの最小限の変更

その他料金一覧表

原型が分からないくらいのデザイン装飾も可能です。コンテンツ数や作業量によって変わりますので、詳しくはお見積もりさせていただきます。制作物の知的財産権及び著作権の譲渡は行なっておりませんのでご了承くださいませ。

企画構成・進行管理・設計	￥55,000円（税込）〜
ドメイン・サーバー設置代行・独自SSL導入	￥16,500円（税込）
トップページデザイン（スマホ対応）	￥55,000円（税込）〜（コーディング含む）
下層ページデザイン（1P/スマホ対応）	￥8,800円（税込）〜（原稿貼り付けのみ/1枚） ￥22,000円（税込）〜（A4サイズ2枚程度）
追加デザイン制作	￥22,000円（税込）〜
お問い合わせフォーム設置	￥12,000円（税込）〜
LPページ作成	￥110,000円（税込）〜（コーディング含む）
LPデザインオプション費	￥55,000円（税込）〜
バナーデザイン	￥5,500円（税込）〜
ホームページ制作相談サポート（60分）	￥6,600円（税込）

できること

内容を分かりやすく伝えるWEBデザイン、SEOに強いコーディング、グラフィック、チラシや名刺などの印刷物やイラストの制作、写真撮影。制作時や納品以降も初めての方でも分かりやすい丁寧なアフターサポートなどのWEBトータルサポート。
１人１人に合わせて意図やご要望を汲み取りながら、コンテンツ作成や集客までのご提案・総合的なサポートを得意としています。

できないこと

難易度の高い複雑なプログラミングはお請けできかねます。
HTMLサイトをWordpressへテーマ化、カスタマイズは行なっていますが、プログラミングを得意とされている方々にはとてもかなわないので、基本的には「できない」とお伝えしています。必要な場合は外注対応させていただきます。現在プログラマーの方は求人募集しておりません。

日々制作業務を行なっておりますので、使い方、設置、カスタマイズ方法などの無料サポートは設けておりません。誠に申し訳ございませんが、ご了承くださいますようお願い致します。

HTML、CSS、ドメイン・サーバーの設置、ご使用方法、カスタマイズ等に関するサポートは有料にてお見積もりいたします。

お問い合わせはこちらから