JIMDO EXPERT
今すぐJimdoに登録する
メニューの表示切り替え

HOME  > 実践!ホームページ作成! > 第3回 レイアウトを変えよう!

【連載】 実践!Jimdoでホームページ作成!

第3回 レイアウトを変えよう!

チッチ

前回は3つのメニューについて覚えたね。今回からページを作っていくよ!

Jimdoはコンテンツから作ってもいいし、ページ構成を決めてもいいし、

デザインを先に決めてもいいし、自分にあった作り方ができるところも

良いところなんだ。

あっくん

へぇー!ホームページを作る前にページ内容やの構成を

決めてから取り組まなくても大丈夫なんだね!

チッチ

そう!人によって、最初に設計をきちんとして作ったほうが作りやすいという人も
いるから一概に言えないけどね。 でもホームページを作っていく過程で出た

アイデアなんかも思いついた時に簡単にホームページに反映できるから

できるところから作っていくのがオススメ!

あっくん

はーい!僕はまずホームページのデザインとかレイアウトから作りたいなぁ!

ページのレイアウトって変えることできる?

チッチ

もちろんだよ!じゃあ、あっくんはレイアウトを変更するところから教えていくね。

見た目が変わると楽しいよね!

では、まずホームページの デザインから決めよう!

ログインをして画面右に出る管理のメニューから「レイアウト」を押してみて!

管理のメニュー「レイアウト」
あっくん

うん!メニューを表示して、レイアウトボタンを押すっと!
あ、何かたくさんホームページのミニチュアみたいなの出てきたよ!

もしかして、ここから選ぶとレイアウトが変わるとかかな?ワクワク!

レイアウト
チッチ

そのとおり!たくさんのレイアウトからホームページのレイアウトが選べて、

ボタンひとつで変更できるんだ! 好きなのを選んでみて!

あっくん

よーし!じゃあこれにしよう!・・・あ、プレビューが出てくるんだ!

「新しいレイアウトを適用しますか? はい、いいえ、戻る」って出てきた。

うーん、他のも見てみたいからとりあえず「戻る」っと!

レイアウト(5)
チッチ

気に入ったレイアウトが見つかるまで、色々見てみるといいよ!

レイアウトはいつでも変更することができるから、気分にあわせて

違うレイアウトにすることも簡単にできるよ!

あっくん

そうなんだ!すごい!季節に合わせて変更するのもいいね!

よーし、これかな?うーん、これにしようかな?

チッチ

あっくん、レイアウトを選ぶのに夢中になってる・・・。

ぼくも季節に合わせて服を変えたいなぁ。

あっくん!もうすぐ春になるから、春服たのむね!

レイアウトについて

あらかじめ用意されたテンプレートからデザインを選んだり、

HTML+CSSで独自のレイアウトをしたり、サイト全体のデザインや構成を変更できます。

レイアウト ・・・ 50種類以上のレイアウトから好きなデザインが選べます。

レイアウト

 

JIMDO PROレイアウト ・・・ JimdoProの契約をしていると利用できるレイアウトです。

JimdoProレイアウト

 

JIMDO BUSINESSレイアウト ・・・ JimdoBusinessの契約をしていると利用できるレイアウトです。

JimdoBusinessレイアウト

 

独自レイアウト ・・・ HTMLやCSSを利用してオリジナルのレイアウトが作成できます。

独自レイアウト

 

スペシャルレイアウト ・・・ 通常のレイアウトに加え、オリジナリティ溢れるレイアウトが利用できますが、ヘッダ画像が変えられないなど一部編集に制限があります。

スペシャルレイアウト

 

設定 ・・・ ページの配置位置、余白、枠の罫線が変更できます。

設定

コンテンツの配置はWebブラウザでの表示位置の指定、余白は端から 何ピクセル

離れた場所にページを表示するかの設定、罫線はページの外側に線を付ける場合に

線の太さと色を指定します。罫線の色は16進数のカラーコードで指定します。

カラーコードについては「16進数 カラーコード」などで検索をすると 色々な説明ページ

が出てきます。 カラーコードはホームページの色の指定でよく使うので、覚えておきましょう!

あっくん

よし!これにしよう!決めたよ!レイアウト選ぶのって楽しいね。

一瞬でページのイメージが変わるからすごい!

チッチ

つぎはヘッダー画像を変更する方法を教えるよ!

ところで、あっくん!

ぼく、かっこいいドクロ柄の春服がほしいんだ!よろしくね! 

あっくん

わかったよ!ピンクの花柄だね!
カワイイ! ステキだ・・・!

チッチ

ウゥ~~~!!ワンワン!!
(ちがうよー!プンプン!!)

ホームページのレイアウトを変えることができたあっくん!つぎはヘッダー画像の変更に挑戦します!

 

 

Page Top