晃(株式会社デック)2017年1月20日更新ツイート閲覧数10,064viewsこのコラムをPDF形式でダウンロードするはじめてWEBのホームページはHTMLやCSSを記述してオリジナルのレイアウトを作成することができます。CSSはすべてのページで共通となり、ページごとに異なるCSSを保存することはできません。ホームページにログインをします。次に、ページ上部の「管理メニュー」ボタンをクリックします。画面の左側にメニューが表示されますので、「デザイン」をクリックします。デザインのメニューから「独自レイアウト」をクリックします。独自レイアウトの編集画面が表示され、HTMLを記述するスペースが表示されますので「CSS」のタブをクリックしてください。CSSを記述するスペースが表示されます。ここにオリジナルのCSSを書き込んでください。CSS内に画像を表示させる場合は、あらかじめ「ファイル」のタブから画像をアップロードしておく必要があります。アップロードが完了している場合はCSSで画像を追加したい位置をクリックしてカーソルを合わせ、「画像の利用」ボタンをクリックしてください。アップロードした画像のリストが表示されますので、この中から使用したい画像を選択してクリックしてください。カーソルのある位置に画像を表示するためのCSSが追加されます。アップロードした画像は、URLではなくファイル名を指定して表示します。CSSを書き終えたら「保存」ボタンをクリックして保存してください。独自レイアウトがホームページに反映された状態がプレビューで確認できます。反映されたレイアウトを確認して、反映してもよければ「はい」ボタンをクリックしてください。反映しない場合は、「いいえ」ボタンをクリックしてください。一度CSSの編集に戻る場合は「戻る」ボタンをクリックしてください。独自レイアウトがホームページに反映されます。執筆者の活用術ナビゲーションなどのレイアウト構成パーツは自動的にHTMLが書き出されます。そのため、スタイルを指定するためにはレイアウト構成パーツのタグが書き出すHTMLの構成を理解して、あらかじめ付与されているidやclassに合わせてCSSを記述する必要があります。代表取締役/JimdoExperthttp://s-deck.jp/http://jp-m.jimdo.com/愛知県名古屋市を拠点に活動するWeb制作の会社の代表。2009年Jimdoに出会い、より多くの人にJimdoの便利さ/楽しさを伝えるべく解説ページ「Jimdoでつくる簡単ホームページ!」を開設。JimdoJapan公式のJimdoCafeを運営するなど、Webサイトを多くの人にもっと身近に感じてもらうべく活動中。著書に『WebデザイナーのためのJimdoスタイルブック』(共著、マイナビ)。ための経理サポートサイト文具、通信、オフィスのことなら何でもお任せ問い合わせ件数をアップさせるなら!「通話料無料・わかりやすい番号」のフリーコール事務所開設するなら固定電話番号で信頼アップ本コンテンツは、掲載時点の内容となります。「みんなのビジネスオンライン」は「はじめてWEB」にお読み替えいただきますようお願いいたします。Reserved.「はじめてWEB」はKDDIが提供しています。