SeeSaaブログのデザインをカスタマイズする(ローカルでサイト編集する準備)

SeeSaaブログのデザインをオリジナルにするにはHTML(デザイン→HTML→HTML名)
WS117

とCSS(デザイン→デザイン一覧→タイトル)WS118

を変更して行います。
ブログの色やヘッダの画像を変更するぐらいならCSSを変更するだけで結構見栄えが違ってきます。

ブラウザ上で変更してもいいのですが、一応ローカルで編集し確認してからアップしたいと思います。

①まずは適当にフォルダを作ります。

②ブラウザで自サイトを表示しソースコードをindex.htmlとしフォルダの中に保存します。このとき

<link rel="stylesheet" href="http://cat99.seesaa.net/styles-index.css" type="text/css" />

<link rel="stylesheet" href="styles-index.css" type="text/css" />

と変更します

③SeeSaaでCSSを表示し(デザイン→デザイン一覧→タイトル)内容をコピーします。

WS119

④styles-index.css というファイル名で保存します。WS121

index.htmlをクリックするとローカルにて自サイトが表示できます。

一部表示できないものがあったりしますがデザイン変更には問題ありません。

この後、ローカルにてCSSを確認しながら変更し、SeeSaaのCSSを更新することで本サイトのデザイン変更が完了します。

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です