SiteName

ディスクリプション、サイトのキャッチコピーなどを入れましょう
Telephone 01-2345-6789  Weekdays 9:00 - 18:00
Home > 業務内容

トップページがスライドショーのテンプレート

このレイアウト用の CSS は、common フォルダの中に style.css という名前で保存されております。CSSには、大まかな要素ごとにコメントを入れておりますので、箇所の特定はしやすいと思います。お好みに合わせて設定を変更してください。

基本的な要素について

画像を左に配置本文の文字サイズは14pxに指定し、行間は少し広めに設定しています。段落の上下のアキは指定しておりません。また段落には一文字落ちのインデントを指定しています。リンクのカラーは、テーマカラーに合わせた同系色で指定しています。

画像の置換

画像を右に配置本文に画像を設置する場合は、回り込みの指定ができます。画像を右側に配置したい場合は class="alignright" を指定、左側に配置したい場合は class="alignleft" を指定してください。いずれの指定もしない場合は回り込みは行われず、画像が左側に配置されその右側は余白となります。画像を中央に配置したい場合は class="aligncenter" を指定してください。大きな画像を配置する場合はこれが便利かもしれませんね。

また、画像と次のタイトルが重なった場合はそのまま回り込みますが、画像の回り込みをタイトルで区切りたい場合は clear の指定をしてください。このテンプレートでは、「画像の配置」というタイトルに clear の指定を入れています。詳しくはスタイルシートにコメントで記載していますのでご覧ください。

このテンプレートの主な特長は下記の通り

▲ page top