スマートフォンサイトを表示する

  1. TOP
  2. Jimdo逆引きコラム
  3. Jimdoの基本操作
  4. フォトギャラリーを「タイル」で表示

Jimdo逆引きコラム

Jimdoの基本操作

フォトギャラリーを「タイル」で表示

執筆:野崎 晃(株式会社デック)

2016年10月7日更新

  • このエントリーをはてなブックマークに追加

閲覧数1,149views

このコラムをPDF形式でダウンロードする

「フォトギャラリー」はホームページに複数の画像を一括でアップロードして、タイル状に並べて表示したり、スライダー形式で表示したりできる機能です。

表示形式を「タイル」にすると、様々なサイズの画像を正方形にして整列して表示できます。

まずはホームページにログインをします。
次に、フォトギャラリーを作成したページを表示します。

フォトギャラリーのコンテンツの上にカーソルを合わせると、コンテンツのまわりに黒い枠が表示されます。この枠の内側のエリアをクリックします。

枠の下にフォトギャラリーの編集を行うためのメニューが表示されますので、表示形式を選択するタブから「タイル」をクリックします。

表示される画像が自動的に正方形に切り抜かれた状態で表示されます。

画像は「オリジナル比率で表示」という形式と「正方形で表示」という形式が選択できます。
「タイル」を選択して何も変更していない状態では「正方形で表示」が選択されています。
「オリジナル比率で表示」を選択すると、正方形の枠の中に縦横の比率を保ったままで画像が表示されます。

画像の大きさは「拡大/縮小」ボタンをクリックするとひとまわりずつ拡大したり縮小したりできます。

画像を表示するスタイルは「枠線をつける」「幅間を縮める」「幅間を広げる」の3種類から選ぶことができます。

「Pinterestでのシェアを許可する」ボタンをクリックすると、画像をPinterestに共有させることができます。

「拡大表示」のチェックボックスにチェックを入れると、画像をクリックした時に拡大して表示されるように設定できます。

編集が完了したら「保存」ボタンをクリックしてください。

執筆者

執筆者の活用術

「正方形で表示」を選択したときは、画像の中心部分から正方形になるように切り抜かれた状態で表示されます。見せたい要素が画像の端にある場合は、隠れてしまう場合があるので気をつけてください。

  • このエントリーをはてなブックマークに追加
このコラムをPDF形式でダウンロードする

野崎 晃(のざき・あきら)

野崎 晃(のざき・あきら)

株式会社デック 代表取締役/JimdoExpert
http://s-deck.jp/
http://jp-m.jimdo.com/

愛知県名古屋市を拠点に活動するWeb制作の会社の代表。
2009年Jimdoに出会い、より多くの人にJimdoの便利さ/楽しさを伝えるべく解説ページ「Jimdoでつくる簡単ホームページ!」を開設。JimdoJapan公式のJimdoCafeを運営するなど、Webサイトを多くの人にもっと身近に感じてもらうべく活動中。

著書に『WebデザイナーのためのJimdoスタイルブック』(共著、マイナビ)。

  • はじめてWEB 読も読もキャンペーン「テーマ別セレクト本」プレゼント!
  • 「はじめてWEB」でホームページをはじめよう!
  • Jimdoリメイク | プロがあなたのホームページを50,000円(税抜)でリニューアル!
  • 問い合わせ件数をアップさせるなら!「通話料無料・わかりやすい番号」のフリーコール
  • 文具、通信、オフィスのことなら何でもお任せ!まとめてオフィス

ホームページを作るのがはじめてのかたはまずこちらをご覧ください

Jimdo逆引きコラム週間アクセスランキング[期間:2017/10/8~2017/10/14]

おすすめコンテンツ

はじめてWEBおすすめ本

創業・経営のお役立ち情報

  • ソウギョウノート

    飲食・小売・サービス業の開業スケジュールから、融資申込に必要な書類までをカンタン作成

  • 経理通信

    経営者と経理ご担当者必見!中小企業・小規模事業者のための経理サポートサイト

  • まとめてオフィス

    文具、通信、オフィスのことなら何でもお任せ

  • フリーコールS

    問い合わせ件数をアップさせるなら!「通話料無料・わかりやすい番号」のフリーコール

  • auオフィスナンバー

    事務所開設するなら固定電話番号で信頼アップ