Jimdoで始める無料ホームページ作成。レイアウトはあとで悩もう。

 Jimdoでホームページを作りました。デザインセンスの無い私にとって、簡単にきれいなデザインができるJimdoの選択はとても良かったです。デザインの選択に悩むのは、とても楽しいことですが、とりあえず作りたい人のために簡単にホームページを作る流れを書いてみました。

2014年8月に大きく変わりました

 Jimdoでサイトを作るにあたって、最初はあまり気にしていなかったのですが、2014年8月13日にJimdoが大きく変わったことが、いくつか影響があります。良い点と悪い点を1つずつあげてみます。

 良い点ですが、JimdoとWixを比較したサイトで、「デザインはWixの方が良い」というのがありますが、2014年8月に導入されたJimdoの新しいレイアウトで、かなり良い感じのデザインになったと思います。新しく始める人には、悩むほどきれいなレイアウトがたくさんあります。

 悪い点は、まだ新しいレイアウトなどを解説したものが少ないということです。NewUIに対応した書籍も発売されたようですので、これからどんどん増えてくると思います。

JimdoのNew UIでの始め方

 新しいJimdoでのホームページの作り方の解説がまだ少ないので、私が開設時に迷ったことなども含めて、紹介したいと思います。

ホームページへアクセスする

 まずはJimdoのホームページにアクセスします。「http://jp.jimdo.com/

『無料でホームページ作成!」ボタンを押しましょう

デザインは表示されているもの以外にもあるので、最初は適当に選ぼう

「登録までの3ステップ」が表示されます。

ステップ1は15種類のデザインの中から1つ選ぶのですが、たくさんあって迷います。15種類では少ないと思われる人もいるかもしれませんが、実際使えるデザインはもっとたくさんあります。ここではとりあえず選んで下さい。

分野別に絞ることもできて、

  • 全て(15種類)
  • ビジネス(6種類)
  • ショップ(4種類)
  • ポートフォリオ(3種類)
  • 個人向け(2種類)

となっています。

 私もここでとても悩みましたが、実際は悩む必要はありません。あとでいくらでも変更できます。分野についても、気にしなくて良いです。

ホームページアドレスを決めたら、あっという間に登録完了

 ステップ2では、ホームページアドレスを決めます。

 ホームページアドレスは、多少長くても分かりやすいものにしましょう。ビジネスやショップだと特に大切ですね。誰かに口頭で伝える必要があった場合のことも考えて、伝わりやすい方が良いですね。すでに使われているアドレスであれば、その旨が表示されますので、登録されていないアドレスにして下さい。

 最後のステップ3は「無料ホームページを登録!」というボタンを押すだけです。一応その前に、メールアドレスを入力して、パスワードを設定して、利用規約とプライバシーステートメントを確認して下さい。

背景写真を入れてから、レイアウトを選ぼう

 登録すると、選べるレイアウトが32種類に増えます。このレイアウト選びが楽しいのですが、ちょっと待って下さい。

 ひとまず背景写真を入れましょう。入れる写真の色合いによって、レイアウトに設定されている文字が見にくくなることがあるからです。

 レイアウトの変更は、右上に出ている管理メニュー内の一番上にある「レイアウト」から行います。

 

 「レイアウト」をクリックすると、画面上部に32種類のレイアウトが出ます。32種類のレイアウトが気になりますが、ここは我慢して、その上にある

  • レイアウト
  • スタイル
  • 背景
  • 独自レイアウト

の中から「背景」をクリックします。

 ここでホームページの背景をいろいろと変更することができます。写真を入れるには「写真を追加」をクリックして保存されている写真を指定します。私はすでに何枚かの写真を追加しているので、写真が並んでいますが、最初は1枚だけでした。

 追加された写真は一番右側に表示されるので、その写真をドラッグして一番左にある「現在の画像」に持って行って下さい。最後に左下の「保存」ボタンを押すと背景写真として反映されます。

いよいよレイアウトを選ぼう

 引き続き作業をする場合は、上部にレイアウトが並んでいると思います。並んでいなければ、画面右上にある管理メニューから「レイアウト」を選んで下さい。

 32種類のレイアウトは、どれもデザイン性に富んでいてとても悩みます。レイアウトによって操作性も変わるので、とにかくいろいろと試してみましょう。

 レイアウトの選択に困った場合は、レイアウトをスクロールした一番右側に、『レイアウトフィルターはこちらから」という文字をクリックしてみましょう。

レイアウトの選択に困った時は、レイアウトフィルターを使おう

  レイアウトの選択に困った場合は、条件を選ぶことで対応するレイアウトを選択することができます(2014年12月31日現在)。

  • 業種:ビジネス(22)・ブログ(7)・ポートフォリオ(5)
  • ショップ:いいえ(15)・はい(17)
  • オリジナル背景:いいえ(1)・はい(31)
  • サイドバー:下(23)・右(7)・左(6)
  • ドロップダウンメニュー:Dropdown(12)・Normal(17)・スライドイン(4)・パンくず(12)

それぞれ選択していくと、絞られていきます。残念なのは、ここでできるのは絞ることまでで、レイアウトを選択することができません。赤字で「レイアウト名をメモする事をお忘れなく」と書いてあります。つまり、ここで「このレイアウトがいい!」というものを探して、あくまでも選択するのは、画面上部のレイアウトからということのようです。

各レイアウトには、プリセットされているデザインがある

 各レイアウトの上にマウスを持って行くと、「プレビュー」ボタンの他に、「プリセット」ボタンがあります。このボタンをクリックすると、同じレイアウトだけど、文字・背景の色や配置が異なるデザインが表示されます。

 レイアウトによってプリセットされているデザインの数は異なります。これらも含めると100種類以上のデザインがあって、さらにそこから自分に合わせたカスタマイズもできるので、オリジナルデザインのサイトが必ずできます。

コメントをお書きください

コメント: 2
  • #1

    テストHP制作者 (金曜日, 10 4月 2015 00:36)

    デザインが後から選べるということだったのでショップのカテゴリから適当に選んでしまったのですが、後からビジネスのカテゴリの方が今回はHP全体のデザインが使いやすいということに気づきました。
    スタイルは変更できますが、デザイン変更ができません。どこから変更できますでしょうか?
    宜しくお願いいたします。

  • #2

    kiih (金曜日, 10 4月 2015 05:01)

    すみません。Jimdoは「デザイン」という言葉を使っていないですね。「レイアウト」です。申し訳ありません。
    「レイアウト」の変更はこの記事の中ほどにある「背景写真を入れてから、レイアウトを選ぼう」あたりからの流れを参考にしてみて下さい。記事の最後にある「プリセット」ボタンを押してみると、同じ「レイアウト」でもいくつかの異なるデザインが表示されます。