Myワード : ホームページ作成
JimdoのWebサイトをリニューアルしました。
2016年7月25日
2012年に作ってから随時更新・改良していたページですが、Jimdoの変化により、「旧レイアウト」と呼ばれるようになってしまいました・・・。
下記7/8に書いているように、そろそろリニューアルする時期かと、思い立って作業しました。
・ 新レイアウト(レスポンシブデザイン)に変更。
・ 新レイアウトに合うようにスタイルを修正。
・ 内容やメニュー、デザインを修正。
出来上がったのはこちら
→ 「あとりえ「パ・そ・ぼ」コーナー ★ Jimdoで作ろう、ステキなページ 」
作業内容はこちらに書いています。
→ 「Jimdo 新レイアウトに変更」~ あとりえ「パ・そ・ぼ」コーナー
PC、タブレット、スマートフォンで、ご覧ください!
![](https://image.jimcdn.com/app/cms/image/transf/dimension=1920x400:format=png/path/s702fd71a952c6de6/image/i17eca359d1003029/version/1469436850/image.png)
~ ~ ~ ~ ☆ ~ ~ ~ ~ ☆ ~ ~ ~ ~
2016年7月8日 活用している Jimdoサービスからメールが届きました。
![mail2](https://blogimg.goo.ne.jp/img_emoji/ap/mail2.png)
【必見】スマホで毎日見たくなるサイト作りを!レスポンシブとは?
Jimdoはすべてレスポンシブデザイン! どこから見ても綺麗なサイトへ
先日、 Jimdoのレイアウトがすべてレスポンシブ対応になりました。
ユーザーの表示環境(パソコン・タブレット・スマホ)に合わせて、見え方が自動調整されるレスポンシブデザイン。
パソコンだけでなく、スマホでも毎日見たくなるようなサイトを目指しませんか?
※ 旧レイアウトや、古いバージョンのレイアウトはレスポンシブに対応していません。管理画面よりレイアウトの変更(アップデート)が可能です。
詳しくはこちら → 2016年6月07日 スマホでも美しく使いやすい!Jimdoがレスポンシブを選んだ理由
![alien](https://blogimg.goo.ne.jp/img_emoji/ap/alien.png)
![piyo](https://blogimg.goo.ne.jp/img_emoji/ap/piyo.png)
![pencil](https://blogimg.goo.ne.jp/img_emoji/ap/pencil.png)
作ったのが、2012年なので、今では「旧レイアウト」と言われるデザインフォーマット。 使いやすく気に入っているので、「新しいレイアウト」への変更はしていません。
あとりえの生徒さんの中には、「新しいレイアウト」になってから始めた人もいるので、お手伝いしながら使ってみてはいますが、「新しいレイアウト」も一長一短です。
![light](https://blogimg.goo.ne.jp/img_emoji/ap/light.png)
![pc](https://blogimg.goo.ne.jp/img_emoji/ap/pc.png)
![mobile](https://blogimg.goo.ne.jp/img_emoji/ap/mobile.png)
スマートフォンやタブレットでも見やすいレスポンシブデザイン、HTML5、などが話題になっているので取り入れたいと 前々から考えていました。
それでも、使いたくなるようなサンプルページはないし、いいアイデアも浮かばないので・・・保留しています。
今回、「Jimdoがレスポンシブ対応」になったのなら、使ってみるチャンスですね!
「新しいレイアウト」に変更して試してみましょう。(「旧レイアウトには戻せませんが・・・)
説明を読むと、現在のページがそっくり「レスポンシブ」になっても、見やすいとは限らない。 やはり、それ相応のデザインの修正が必要とのこと・・・。
![ase2](https://blogimg.goo.ne.jp/img_emoji/ap/ase2.png)
そもそも 「あとりえ「パ・そ・ぼ」コーナー」は、旧レイアウトの時の Jimdo作成方法が メインの内容ですし・・・。 (*^_^*)♪
これは、かなりの作業になるかもしれませんが、いい機会です。
![symbol4](https://blogimg.goo.ne.jp/img_emoji/ap/symbol4.png)
~ ~ ~ ~ ☆ ~ ~ ~ ~ ☆ ~ ~ ~ ~
2016/7/1 Jimdo 2つのサイトを「旧レイアウト」で更新中 (毎月1日と随時)
2015/2/19~ Jimdoの「新しいレイアウト」で サイトを作成。
→ 「ティモシーとサラ:芭蕉みどりのページ」
2012/8/20~ Jimdoで2つ目のWebサイトを 作成開始。
→ 「あとりえ「パ・そ・ぼ」コーナー」
2012/3/21~ あとりえの生徒さんもがんばって作成中!
2012/3/20~ Jimdoで Webサイト(ホームページ)を 作成開始。
→ 「キュートな野鳥たち」
~ ~ ~ ~ ☆ ~ ~ ~ ~ ☆ ~ ~ ~ ~
Jimdoのページに写真をのせるのは、DropBox を使うのが簡単です。
PCで、DropBoxに写真やファイルを保存するのは、ドラッグ&ドロップでOK。
そして、Jimdoには 「DropBoxとの連携」を使えば、作業はすごく楽。
DropBoxは、お気に入りのサービスです! ⇒ Myブログ:Dropbox 快調
♪ ---- ♪ ---- ♪ ---- ♪
![piyo](https://blogimg.goo.ne.jp/img_emoji/ap/piyo.png)
![pencil](https://blogimg.goo.ne.jp/img_emoji/ap/pencil.png)
これまでのことは、
1つ目作成から ⇒ Myブログ:「人気JimdoでWebサイト作り」
⇒ 2つめのJimdoサイトづくり 2013/01/27
※コメント投稿者のブログIDはブログ作成者のみに通知されます