フォトギャラリーを使ってみよう

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