ホームページビルダー テンプレートの使い方 スタイルシート 改造例

ホームページビルダー ワードプレス、フルCSSテンプレートどちらでも、テンプレートのデザインの一部を変更したいというご要望を生徒さんから時々いただきます。

例えば、テンプレート左上にあるロゴの画像をウェブアートデザイナーで大きくします。

ホームページビルダー スタイルシート

画像を大きくしただけでは、上の画面のように、画像の一部しか表示されません。これは画像を囲む領域の大きさ(この例では高さ)がスタイルシートで設定されているためです。

ホームページビルダー スタイルシート

 

スタイルシートマネジャーをつかって、スタイルシートの設定を変更すれば、こお画面のようの収めることができます。

スタイルシート変更には、ホームページビルダーの使い方というよりは、HTMLとCSSの理解が必要です。変更箇所を特定するためには、テンプレートの構造を読み解く力が必要となります。