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

本邦唯一日本IBM出身ホームページビルダー元開発責任者 鎌田裕二の
ホームページビルダー教室
ホームページ作成無料相談受付中(こちらをクリック!!)

TEL 045-567-8393
 (平日11~20時 土11~17時 日祝休 留守電不可)

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

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

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

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

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

 

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

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