このページではJimdoの2012年1月追加の新機能「カラム」の使い方を図解していきます。 ①カラムの使い方は簡単です。 まずいつものエレメント選択画面の左上から3つ目にカラム機能が新設されてい … フッター(ホームページの最下部表示領域)に従来なら強制的に表示されていた「概要」「サイトマップ」「印刷用」のリンクを、選択非表示にできるようにな りました。管理画面右の設定の中「ウェブサイト」から「フッター編集」(新設)を選んで操作します(有料Jimdoのみの新機能)。, 「概要」「サイトマップ」「印刷用」の各項目に対し有効無効がセレクトできるようになりました。, ■新機能4.フォトギャラリー機能のリンクに「解除ボタン」が新設。 New!「カラム」機能(2012年1月に追加) Jimdoに待望の新機能が追加されました! 「カラム」と呼ばれるその新機能により、今まで難しかった「エレメントの横置き」ができるようになったんで … リンクを間違って設定した時など、修正するのに再アップロードなどが必要で面倒でしたが、これで修正がカンタンになりました。, Jimdoで作ったPC用ホームページが、スマートフォン表示に自動対応するようになりました!これは何気にスゴイことです!この新機能により、スマホ上であなたのHPがスムーズに表示されるようになりました(今まではレイアウト崩れや機能の一部非表示などの不具合があったんです)。しかもPCサイト→スマートフォンサイトの移行は全部自動対応なのです。「グルービーCMS」のページに書いたように、PCとスマートフォンは規格やレイアウトが違うため、今までのサイト運営者は大変でした。PC用とスマホ用に2つサイトを保有したり、デザインや内容の整合性を持たせるため常にチェックが必要だったりなどなど・・・。, ショップ運営サイトの方も、PC版での決済機能を保持したままスマートフォンサイトで使えるんだそうです!, Jimdoホームページの標準機能に「Twitter」や「Facebook」との連携がカンタンにできる「シェアボタン」が追加されました!こんなヤツら↓です。Facebookの「いいね!」ボタンも単独配置可能です。. 「独自レイアウト」を選択している時に「スマートフォン表示」の機能を有効にすると、スマートフォンでホームページを閲覧した時に、スマートフォンでの表示に最適化された専用のレイアウトで表示することができる。スマートフォン用のレイアウトは13種類用意されているので、好きなものを選んで反映することができる。, [スマートフォン表示]は独自テンプレートの場合のみ表示される。[管理メニュー]から[デザイン]を選んで表示される。独自テンプレートのホームページでのスマートフォン表示を有効にしたり、表示レイアウトを選択し確認(プレビュー)することができる。, 公式テンプレートの場合は表示されない。全ての公式テンプレートはスマートフォン表示はもともと有効であること、表示の確認(プレビュー)はPC版の[プレビュー]の切り替えで可能となっている。, [スマートフォン表示]のプレビューの表示/非表示スイッチが[オフ]の状態の時はスィッチをクリックし、表示される[有効にする]ボタンをクリックし、スマートフォン表示プレビューを有効にする。, スマホ用のレイアウトが表示される。現在のレイアウトは、他のレイアウトよりも濃く表示されている。, One から Thirteen までの名前が付いた表示レイアウトから選択しクリックする。, スマートフォン表示を有効にしたくない場合は、画面の右上の「スマートフォン表示」ボタンをクリックする。スマートフォン表示の機能が無効になり、スマートフォンで表示した時もパソコンで表示した時と同じように表示される。, スマートフォン表示を有効にすると、サイドバーに作成したコンテンツ(全ページに共通で表示されるコンテンツ)が表示されなくなってしまいます。会社やお店の問い合わせ先や営業時間などの重要な情報が、サイドバーにしか掲載されていないというような状態にならないように気をつける必要があります。, [独自レイアウト]を「スマートフォン表示」を有効にする時に、スマートフォンで表示専用のCSSを編集することができる。, スマートフォン用のレイアウトは13種類用意されているが、色などは決まっているため、パソコンで表示したときとイメージが変わってしまう場合がある。そのような時に、スマートフォン用のCSSを書き込んでレイアウトをカスタマイズできる。, スマートフォン表示が有効になってない場合は、スマートフォン用レイアウトのCSSを編集することはできない。画面右上の「スマートフォン表示」ボタンをクリックして、スマートフォン表示の機能を有効にする。, CSSで画像を追加する記述位置をクリックしてカーソルを合わせ、[画像の利用]ボタンをクリックする。, アップロードした画像のリストが表示されるので、中から使用したい画像を選択してクリックする。, あなたもジンドゥーで無料ホームページを。 無料新規登録は https://jp.jimdo.com から. 背景色をつける方法はスタイルシートのbackground:#ccc;です。 この#cccの部分を変更することでへんこうすることが出来ます。 このページではCMSサービスの中でも機能増強が著しいJimdoに焦点を当て、その新機能や改善点をその都度紹介していきます。, 「カラム」と呼ばれるその新機能により、今まで難しかった「エレメントの横置き」ができるようになったんです!, ↓カラムの使用例③(枠内に細かいメニューを入れて視認性を向上。メニュー文にリンクも貼ってます。), 例①は画像の横にまた別の画像を置くという、Jimdoカラムのこの新機能における、もっとも基本的な使い方です。カラムの中にエレメントを4つ横並びに作り、そこに画像と直下の文字を貼り付けて配置構成しています。, 例②はもう少し複雑で、1つのカラムユニット内でYouTube動画と、文章、写真を混在させています。ここで気をつけていただきたいのは、YouTube動画はここではあえて縦長に貼り付けているので、元のサイズに規定される関係上画面が切れている点と、文章+写真など、ひとつのカラム内でエレメントのタテ置きもできる、ということです(ただし、カラムの中にさらにカラム、という展開はできません)。, 例③はエレメントの横置きレイアウトで最もポピュラーではないかと僕が思う使い方です。こういう風にサイト画面の中で小さく情報を区切り、横に広げる形で展開することで、レイアウトをより有効活用できます。, 以前のJimdoではエレメントの隣に別のエレメントを置くこと、つまりエレメントの並列横配置は(1つの方法を除いては)できませんでした。その唯一可能だった1つの方法とは、「写真付き文章」機能で、画像の横に文章を付ける形で横置きすることだけでした。これだけではバリエーションが乏しく、メニューが多彩な画面にするのは難しかったんです。, ほとんど欠点らしい欠点のないJimdoですが、この、「横置きができない」という機能制限は大きな制約でした。とくに、WordPressやMovableTypeといった既存のCMSサービスや、HTMLでイチから作ったサイトはこの「並列表示」が自由にできますから、そうしたものに比べると、これはJimdo機能の明らかに不自由な点でした。, サイトのレイアウトとは、言うまでもなく、閲覧者の限られた表示面積(ディスプレイ)の中で、どれだけ多くの情報を伝えられるか?という観点が重要です。YahooやMSNなどの大手ポータルサイトのTOP画面を見れば分かる通り、小さな情報をブロックのように区切って並列表示し、限られた表示領域の中で最大限の情報量を詰め込もうとしています。, これに対して従来のJimdoでは、情報をタテにつなげることしかできませんでした。したがって、Jimdoでつくったサイトで、おりたたみ機能などを使わない場合、タテに長~いHPができあがってしまいがちでした。, ぼくは別に「タテにながーいHPだっていいじゃない」という考えを持っていますが、それでも、小さな情報をブロック状にして画面に配置できれば、レイアウトの自由度は向上するのは間違いありません。それがこの新機能で可能になりました!これは大きい!, 今回紹介するJimdo改善点は4つありますが、いづれも以前の機能強化(スマホ連動とか外部SNSとの連携とか)に比較すると、内部改善なので地味な印象を受ける変更です。, とはいえ、Jimdoの使い勝手向上にはとっても役立つ、小粒だけどピリリと効いた改善になっています。さっそく以下に紹介しましょう。, この追加は、2つしか見出しバリエーションがなかった時に設置した見出しにも、あとから自動で追加されています。, この追加により3種類の見出しを利用できます。これにより、表示見出しをより多彩にできるので、画面上が華やかになるでしょう。, でも、見出し強化の目的は実はもうひとつあります。それはあなたのホームページが検索エンジンに評価される質を向上(SEO)させるためです。