chapter. 9 フォトギャラリーを使ってみよう Jimdo の「写真」機能は、一枚しかアップすることができませんが、「フォトギャラリー」機能を使えば、複数の写真を一度に並べて表示することができます。あああああああ、アリーナちゃーん ! 大変だーーー ! 何 ? ルドルフくん、そんなに慌ててどうしたの ? 写真をね、何枚か一度に並べたくて「フォトギャラリー」を使ってみたんだけど・・・動くんだよ、これ ! びっくりしたなぁ。あら、良かったじゃない ! そうそう、「フォトギャラリー」の機能には、ただ写真を並べるだけではなく、動きをつけたり、縦横混ぜてかっこよく並べたりすることができるわ。 9-1 複数の写真を効果的に見せる「フォトギャラリー」一枚しかアップすることができませんが、「フォトギャラリー」機能を使えば、複数の写真を一度に並べて表示することができます。フォトギャラリー機能の使い方 ① 使いたい画像をアップロードするボタンです。Dropbox のアカウントをお持ちの場合は連携することでそちらにアップしている画像を使うことができます。 ② フォトギャラリーの表示タイプを選択するタブです。 ③ 登録した画像の一覧を表示する形式を選びます。グリッド ( サムネイル表示のみでタイル上に並べる ) と詳細 ( ファイル名や画像につけるコメントなども表示し、縦にリスト形式で並べる ) の 2 種類から選べます。 ④ フォトギャラリーの表示に関して設定できるカスタム項目です。項目は表示タイプによって異なります。 9-2 タイル機能の使い方従来からあった、正方形状に小さい写真が並ぶタイプです。新フォトギャラリーでは「タイル」という名前になりました。タイル・初期状態タイル・幅間を縮める初期状態では、写真にグレーの枠がつきます。枠がなく、写真と写真の間隔が狭いスタイルです。タイル・幅間を広げるタイル・オリジナル比率で表示枠がなく、写真と写真との間隔に、少し隙間があ「オリジナル比率で表示」を選ぶと表示されります。ます。縦並び／横並び機能の使い方縦、横の写真を混ぜて並べると、面白い効果が出ます。横並びのサンプルでは、表示サイズ 2 余白 1 でサンプルでは、列数 4 余白 3 で設定しました。設定しました。 9-3 スライダー機能の使い方スライダーを使用すると、スライドショーが簡単に設置できます。【速度やサムネイルの設定ができます】スライドのスピード、サムネイル ( スライドの下に表示される小さな写真 ) の有り無しなどの設定ができます。 ① スライドの表示速度を調整できます。 ② チェックを入れるとスライドショーの下部に⑤の枠内のようなサムネイル一覧が表示されます。チェックを外すと非表示となります。 ③ 自動再生にチェックを入れるとスライドショーが自動で再生されます。チェックを外すと一時停止状態で表示されます。 ④ ⑥の操作ボタン ( 右が次の画像へ切り替え、左が前の画像へ切り替え ) の色の濃さを選択できます。 ※濃いを選んだ場合は <> の部分が白くなり、バックの円が黒っぽくなります。薄いの場合、 <> が黒、バックの円が白になります。 9-4 スマートフォンで表示すると「タイル」に ! 「スライダー」は、スマートフォンで表示した時に「タイル」になりますので、覚えておきましょう。 Flash( フラッシュ ) 機能の使い方 ※2015 年 3 月以降にご登録されたホームページは、Flash 機能がお使いいただけません。予めご了承ください。 Flash( フラッシュ ) は、Adobe Systems 社による、アニメーションなどを作成・表示できるソフトや技術の名称です。ホームページ上で、写真やイラストを動かしたいときに、よく使われていたのですが、プラグインが入っていないブラウザで表示ができない、スマートフォンやタブレットで閲覧できないなどの問題があり、現在は使われることが少なくなりました。「スライダー」と同様、スライドショー形式で表示されます。いろいろな環境で閲覧されることを考えると、「Flash」よりも「スライダー」の方がおすすめです。 9-5 アリーナちゃん、解説ありがとう ! フォトギャラリーにはいろんな種類があるんだね。今度は「縦並び」で設定してみたよ。どう？アリーナちゃん。ツーリングの楽しさが伝わってくるわね ! Copyright 2015 KDDI Web Communications inc. All Rights Reserved. Jimdo は株式会社 KDDIウェブコミュニケーションズのサービスブランドです。本資料に記載されている内容は 2015 年 6 月現在のものです。 9-6