晃(株式会社デック)2016年9月30日更新ツイート閲覧数5,526viewsこのコラムをPDF形式でダウンロードするはじめてWEBはレイアウトによって、あらかじめさまざまなスタイルの設定が決まっています。ナビゲーションやコンテンツなど、要素によっては後から自由にスタイルの変更を行うことができます。「ボタン」というコンテンツの場合は、文字のフォントや大きさ、色などを変更することができます。ホームページにログインをします。次に、ボタンを作成したページを表示します。ボタンには3種類のスタイルを設定しておくことができるため、あらかじめ3種類のスタイルのボタンを作っておきました。右側のメニューの「スタイル」をクリックします。画面の上部にスタイルの設定欄が表示されます。左側の詳細設定が「オフ」になっている場合はクリックして「オン」にしてください。詳細設定が「オン」に切り替わると、さまざまな要素の周りに水色の点線の枠が表示されます。その状態で3つのボタンの中の「スタイル1」が設定されたボタンをクリックします。画面の上部にボタンのスタイルの設定欄が表示されます。(active)」「罫線の色」「枠の色(active)」「罫線のサイズ」「角丸」が変更できます。ここからスタイルの変更を行ってください。「active」というのは、カーソルを合わせた時に変化するときの色の設定です。変更を行うと、ページに変更が反映されたプレビューを見ることができます。その変更をホームページに反映して良い場合は「保存」ボタンをクリックしてください。変更したスタイルが反映されます。ページ内の1ヶ所のボタンのスタイルの変更を行うと、その変更は他のページで使用されている同じスタイルのボタンにも一括で反映されます。「スタイル2」と「スタイル3」の設定を行う時も、同じ手順で設定することができます。執筆者の活用術ボタンにカーソルを合わせた時にボタンの色が変わるように設定をしておくと、クリックできるということがわかりやすくなります。あまりにも変化が大きすぎると、見ている人が不快に感じる場合もあります。さりげない自然な変化になるように調整してみましょう。代表取締役/JimdoExperthttp://s-deck.jp/http://jp-m.jimdo.com/愛知県名古屋市を拠点に活動するWeb制作の会社の代表。2009年Jimdoに出会い、より多くの人にJimdoの便利さ/楽しさを伝えるべく解説ページ「Jimdoでつくる簡単ホームページ!」を開設。JimdoJapan公式のJimdoCafeを運営するなど、Webサイトを多くの人にもっと身近に感じてもらうべく活動中。著書に『WebデザイナーのためのJimdoスタイルブック』(共著、マイナビ)。ための経理サポートサイト文具、通信、オフィスのことなら何でもお任せ問い合わせ件数をアップさせるなら!「通話料無料・わかりやすい番号」のフリーコール事務所開設するなら固定電話番号で信頼アップ本コンテンツは、掲載時点の内容となります。「みんなのビジネスオンライン」は「はじめてWEB」にお読み替えいただきますようお願いいたします。Reserved.「はじめてWEB」はKDDIが提供しています。