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

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

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

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

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

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

 

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

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

 

 

ホームページビルダー教室の一日 スタイルの変更

ホームページビルダー教室での本日の生徒さんは ワードプレス教室サイト作成レッスン 2名、 フルCSSテンプレート 2名、HTML・CSS基礎 1名でした。 スタイルシートマネジャーでのスタイルの変更、ワードプレスプラグインの試用、 独自ドメイン取得に関する相談、ワードプレス・フォーム設定などを授業で扱いました。 また、ホームページ作成無料相談会のご予約をいただきました。ありがとうございます。