「スタイル機能を活用しよう」前ページからの続きです。(5)「フッター」のスタイル設定についてフッターにも、複数の設定できる箇所があります。リンク」「見出し」「水平線」のスタイルを変更ができます。やり方については、それぞれ「(4)「本文」(コンテンツ部分)のスタイル設定について」と同じですので、ご参照ください。※背景は、一番広いエリア、内側のエリア等、複数箇所の変更が可能です。●「フッター」の一部をクリックした時に表示される「レイアウト配置」についてフッターに表示される青い枠にマウスカーソルを合わせてクリックしたときに「レイアウト配置」と記載された設定画面が表示されます。これは、フッターだけでなく、ホームページ全体の配置を設定する画面になりますので、ご注意ください。※この機能は使えるレイアウトと使えないレイアウトがあります。下記の例では「Barcelona」を使用しています。1詳細設定このボタンを「オン」にすることで、細かい設定ができるようになります。ここでは「オン」にして使用しています。2レイアウト配置ホームページ全体の配置を、右・中央・左へ変更することができます。初期設定では「中央」に設定されているレイアウトが多いです。3横の余白レイアウト配置を「左」もしくは「右」に設定した際、それぞれ「左側」もしくは「右側」の余白を設定することができます。4縦の余白この数値を大きくすることによって、ホームページの一番上部の余白、フッター部分の余白を変更することができます。レイアウトを「左」にして「横の余白」を設定した場合の例レイアウトを「中央」にして「縦の余白」を設定した場合の例(6)「ボタン」のスタイル設定について「ボタン」機能を使って作成したエリアをクリックします。フォントやボタンの色、枠などが設定可能です。(スタイル1・2・3、共通です)1詳細設定このボタンを「オン」にすることで、細かい設定ができるようになります。ここでは「オン」にして使用しています。2フォントボタン内に表示される文字のフォントを設定できます。3フォントサイズボタン内の文字のサイズを変更できます。4フォントカラーボタン内の文字のカラーを変更できます。5フォントカラー(active)マウスオーバーしたときの文字のカラーを変更できます。6背景色ボタンの背景色を変更できます。7背景色(active)マウスオーバーしたときのボタンの背景色を変更できます。8罫線の色ボタンの周りにある枠線の色を変更することができます。9枠の色(active)マウスオーバーした時の枠の色を変更することができます。10罫線のサイズ8の枠線のサイズを変更することができます。11角丸ボタンの角の形(丸さ)を調整することができます。ボタンのスタイルを変更しました。(7)「フォーム」のスタイル設定について「フォーム」機能を使って作成したエリアをクリックします。枠のスタイルやボタンの色などが変更可能です。●「罫線」「枠の色」の設定について枠にマウスカーソルを合わせてクリックした時に表示される画面です。1詳細設定このボタンを「オン」にすることで、細かい設定ができるようになります。ここでは「オン」にして使用しています。2フォントカラーフォームの入力欄に、文字を入力したときのカラーを変更できます。入力欄の枠の色を変更することができます。4枠の色マウスカーソルがある入力欄の枠の色を設定することができます。フォームの「罫線の色」を変更すると、以下も同様に変更されます。・ブログのコメント入力欄の枠のスタイル●「送信ボタン」の設定について「送信ボタン」にマウスカーソルを合わせてクリックした時に表示される画面です。こちらの設定は「(6)「ボタン」のスタイル設定について」とやり方は同じですので、ご参照ください。「送信ボタン」のスタイルを変更すると、以下も同様に変更されます。・「Googleマップ」の「検索」ボタン・「ブログ表示」の「続きを読む」「コメント」ボタン・ブログ記事の下に表示される「コメントをお書きください」ボタン・ブログ記事、コメント入力欄下の「送る」ボタン・「ダウンロード」機能のボタンできたー!アリーナちゃん!バッチリ、設定できたよー。ステキだわ、ルドルフくん♪まとめJimdoのスタイル機能を活用すると、同じレイアウトでも「見た目」を大きく変えることができます。レイアウトにもよりますが、本文(コンテンツ)部分の背景色などは、以前ワンポイント講座で解説した『第22回目「背景画像を活用しよう」』と組み合わせて考えてみると、いろいろ表情を楽しむことができるでしょう。ホームページを良くしていくのってなかなか難しいよね。