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
© Copyright 2024 Paperzz