ホームページをもっとよくする!Jimdoワンポイント講座

ホームページをもっとよくする!Jimdoワンポイント講座

第9回目 「フォトギャラリーを使ってみよう」

せっかく作ったホームページ、一人でも多くの人に見て、読んでもらいたいですよね。しかし「思うように表現できない」「うまく伝わらない」そんなケースが多いようです。このコラムでは、ホームページ作りに役立つ「ちょっとしたコツ」をご紹介いたします。
第9回目は「フォトギャラリーを使ってみよう」です。それでは、スタート!

ルドルフ

あああああああ、アリーナちゃーん!大変だーーー!


笑顔アリーナ

何?ルドルフくん、そんなに慌ててどうしたの?


ルドルフ

写真をね、何枚か一度に並べたくて「フォトギャラリー」を使ってみたんだけど・・・動くんだよ、これ!びっくりしたなぁ。


ウインクアリーナ

あら、良かったじゃない!そうそう、「フォトギャラリー」の機能には、ただ写真を並べるだけではなく、動きをつけたり、縦横混ぜてかっこよく並べたりすることができるわ。


【複数の写真を効果的に見せたい!そんなときは「フォトギャラリー」】

Jimdoの「写真」機能は、一枚しかアップすることができませんが、「フォトギャラリー」機能を使えば、複数の写真を一度に並べて表示することができます。

1. コンテンツを追加をクリックすると表示されるツールの中から「カラム」を選択します。

フォトギャラリーのメニューです。

①使いたい画像をアップロードするボタンです。Dropboxのアカウントをお持ちの場合は連携することでそちらにアップしている画像を使うことができます。

 

②フォトギャラリーの表示タイプを選択するタブです。

 

③登録した画像の一覧を表示する形式を選びます。グリッド(サムネイル表示のみでタイル上に並べる)と詳細(ファイル名や画像につけるコメントなども表示し、縦にリスト形式で並べる)の2種類から選べます。

 

④フォトギャラリーの表示に関して設定できるカスタム項目です。項目は表示タイプによって異なります。

タイル

従来からあった、正方形状に小さい写真が並ぶタイプです。新フォトギャラリーでは「タイル」という名前になりました。

タイル・初期状態
初期状態では、写真の周りにグレーの枠がつきます。

タイル・幅間を縮める
枠がなく、写真と写真の間隔が狭くなっているスタイルです。


タイル・幅間を広げる
枠がなく、写真と写真と間に、少し隙間があるスタイルです。

タイル・オリジナル比率で表示
「オリジナル比率で表示」を選ぶと、このように表示されます。初期状態では、正方形になっています。


縦並び

「縦並び」を選択すると、以下のような表示になります。

縦、横の写真を混ぜて並べると、面白い効果が出ます。
サンプルでは、列数4 余白3 で設定しました。

横並び

「横並び」を選択したときの画面です。

横並びのサンプルでは、表示サイズ2 余白1 で設定しました。

スライダー

スライダーを使用すると、スライドショーが簡単に設置できます。


【速度やサムネイルの設定ができます】

スライドのスピード、サムネイル(スライドの下に表示される小さな写真)の有り無しなどの設定ができます。

①スライドの表示速度を調整できます。

 

②チェックを入れるとスライドショーの下部に⑤の枠内のようなサムネイル一覧が表示されます。
 チェックを外すと非表示となります。

 

③自動再生にチェックを入れるとスライドショーが自動で再生されます。
 チェックを外すと一時停止状態で表示されます。

 

④⑥の操作ボタン(右が次の画像へ切り替え、左が前の画像へ切り替え)の色の濃さを選択できます。

※濃いを選んだ場合は<>の部分が白くなり、バックの円が黒っぽくなります。薄いの場合、<>が黒、バックの円が白になります。

スマートフォンで表示すると「タイル」に!

スライダー」は、スマートフォンで表示した時に「タイル」になりますので、覚えておきましょう。

輝くルドルフ

アリーナちゃん、解説ありがとう!フォトギャラリーにはいろんな種類があるんだね。今度は「縦並び」で設定してみたよ。


ウインクアリーナ

ツーリングの楽しさが伝わってくるわね!


まとめ

フォトギャラリーを使うと、複数の写真を一度に表示することができます。表示の仕方も5種類ありますので、いろいろな効果を楽しんでみてください。
スライドショーを表示するのであれば、「Flash」よりも「スライダー」がおすすめです。


ルドルフの小言

泣くルドルフ

ホームページを良くしていくのってなかなか難しいよね。

詳しい人に相談できるといいんだけど・・・


ウインクアリーナ

そんな時はJimdoCafeがオススメよ!

JimdoCafeのことは、ここのページを見てみて!

▶︎▶︎ Jimdoユーザーの駆け込み寺「JimdoCafe」


PDF形式でダウンロードする

Jimdoワンポイント講座第9回「フォトギャラリーを使ってみよう」PDF
印刷してご利用いただけます。ぜひご活用ください!
jimdo_tips_09 (3).pdf
Adobe Acrobat ドキュメント 943.7 KB