ブログのテンプレをオリジナルに。

共通事項

最終更新:

itigoppo

- view
管理者のみ編集可

共通事項

目次


概要

まずは用意されてる物を触ってそれっぽくオリジナルにするところからスタート。
そのあと慣れてきてからスキに弄る。

まずは事前準備とか。

  • まったく何も知らないならテンプレ一覧から一番シンプルそうなテンプレを確保。
  • そのままソースをコピーしてテキストエディタにはっつけ。
  • ちょっとでもかじってるなら真っ白ページでテキストエディタ起動。
  • そして軽く土台を組む。
  • その時あんまりこだわらない。idにしてヘッダーとフッターとメインとメニューあたりあれば十分じゃない?
  • でも面倒なら適当にテンプレコピー。
  • htmlのソースを「temp.html」などと名付けて適当な場所に保存。
  • cssのコードを「style.css」などと名付けてhtmlと同じ場所に保存。
  • htmlの<link rel="stylesheet" type="text/css" href="***.css" />っぽいこと書いてる部分のcssファイル名をさっき保存したファイル名に変更。
  • ブラウザでhtml開いて確認。
  • 選んだテンプレどおり表示してたら文句なし。
  • おかしかったらスタートからやり直し。

次っ。

  • まずは各class、idを把握するためちょこちょこbackground-colorを指定。
  • 濃い色にすると目に痛いから注意。
  • あとは上から順に好みに変更。
目安箱バナー