「Jimdoプラス」の特徴

Jimdoプラスは「レスポンシブWebデザイン」を使ってスマートフォンやタブレット、PC用などマルチデバイスに対応しています。

※スマートフォンに最適化されたウェブサイトの構築方法としてGoogleも公式に「レスポンシブWebデザイン」を推奨しています

参照：Webmaster Central

主な特徴

ビジネスに最適なデザイン。
「ハンバーガーメニュー」を使わなないメニューボタン。
表示サイズやデバイスの向き｢縦横｣に応じてデザインやレイアウトが変わります。
画面の大きさに最適な「文字サイズ」と画面幅に合わせたテキストの回り込み。
スマートフォン、タブレットなどのタッチスクリーンで使いやすいインターフェイス。

ナビゲーション（メニュー・ボタン）

オリジナル・デザイン — 「Jimdoプラス」では、スマートフォン用にもオリジナルのデザインを組み込む事ができます。

Jimdoオリジナルのスマートフォン用の画面は上部にある「メニュー」ボタンを押すとナビゲーション・メニューが開閉する仕様になっています。コンテンツ・メニューの多いウェブサイトには有効といえます。

「Jimdoプラス」ではコンテンツメニューを絞り画面上部と下部にナビゲーションを常駐させるタイプとなります。ページを移動する度にメニューボタンを押してメニューを表示させなくても楽に移動する事ができます。また、「ヘッダー画像」「メニューボタン」「見出し」なども自由にデザインする事が可能です。

デバイスや表示サイズに応じてデザインが変わります

デバイスの向きやブラウザの表示サイズに応じて以下の最適化を行っております

デバイスの向きや表示サイズに応じてレイアウトを変えることができます

デバイスを横向きにしたり、ディスプレイが横長のノートパソコンなどでは、ウェブサイトを表示した時のファーストビューの高さが狭くなります。ＰＲしたい内容や興味を訴求したいコンテンツが隠れてしまう事もあります。

画面上部に占めているヘッダーの要素であるナビゲーションなどを画面の横に配置する事により、表示領域も広くなりユーザビリティも向上します。

表示サイズに応じて文字のサイズを最適化しています

マルチデバイス対応していないウェブサイトと、フォントサイズも最適化して拡大表示しなくても読めるウェブサイトの違い

ウェブサイトをせっかくスマホやタブレットＰＣに最適化をしたのに文字サイズが小さくて拡大してみるようでは意味がありません。

「Jimdoプラス」ではブラウザの表示サイズに応じて文字サイズを見やすく最適化しています。

表示幅に応じてテキストが回り込みます

ＰＣ用のウェブサイトをスマートフォンで見た際に幅が狭くなり画像に回り込んだテキストが読みづらくなる事があります。

「Jimdoプラス」では表示幅に応じて回り込みを制御して読みやすくします。

テキストのリンクはタッチスクリーンで操作しやすいボタンになります

テキストのリンクは、スマートフォン、タブレットＰＣをご利用の場合は、ボタン形状になります。

スマートフォンやタブレットＰＣではタッチ・スクリーンを使った指での操作となり特にテキストのリンクなどはタップ操作がしにくくなりますが、スマートフォン、タブレットＰＣで表示の画面サイズではリンクをボタン形状にしてタップ操作をしやすくしています。

iPadでも見やすい

ＰＣ用のウェブサイトをiPad（iPhone）で閲覧すると横幅を980pxとして認識して表示される為、横幅がこれより狭いウェブサイトでも横幅を980pxとして認識し、iPadの横幅のサイズ780pxに縮小して表示される為、画面や文字サイズが少し小さくなりますが、viewport という設定を行い、表示している画面サイズにあわせて表示するととても見やすくなります。

※Jimdoにはデフォルトでこの設定がありませんのでカスタマイズで対応する事ができます。