ギャラリーブロック

ホームページの内容によっては写真を多用するサイトもあるでしょう。写真を配置するにはギャラリーブロックを使うと便利です。

ギャラリーブロック

左上のアイコンの「ブロックの追加」をクリックし「ギャラリー」を選択すると下のような「ギャラリーブロック」が追加されます。

ギャラリーブロック

ギャラリーブロックの上部には5個のアイコンが表示され、ブロックの中には2個のボタンが表示されます。各アイコンとボタンについて解説します。

まずは画像のアップロード方法とボタンについて解説します。

画像のアップロード方法

ファイルをドラッグしてアップロード

ファイルをドラッグしてアップロード

ギャラリーブロックにパソコンのフォルダの画像ファイルを複数枚まとめて、または一枚ずつドラッグ&ドロップしてアップロードします。画像ファイルをドラッグすると画像ブロックが青く色が変わります。

「アップロード」ボタンでファイルをアップロード

「アップロード」ボタンでファイルをアップロード

「アップロード」ボタンをクリックするとパソコンのウィンドウが開きます。アップロードしたい画像を複数または一枚ずつ選択して「開く」をクリックするとファイルがアップロードされます。

「メディアライブラリ」から選択

ギャラリーを作成

「メディアライブラリ」をクリックしギャラリーに掲載する写真を選択します。右下の「ギャラリーを作成」ボタンをクリックします。

ギャラリーを編集

「ギャラリーを編集」画面が表示されますので確認し「ギャラリーを挿入」をクリックします。各画像にキャプションを入れることも可能です。

ギャラリー

このようにギャラリーが作成されます。縦横比の異なる写真が混在していても適切に配置されます。さらに写真を追加したい場合は「画像のアップロード」をクリックします。

ギャラリーブロックの詳細

ブロックタイプまたはスタイルを変更

ブロックタイプまたはスタイルを変更

ブロックのタイプやスタイルを変更するときに使います。クリックすると変更可能なブロックタイプまたはスタイルを選択できます。(※あまり使用することはないでしょう。)

左寄せ

左寄せ

ギャラリーブロックを左寄せにします。最初から左寄せの場合は何も変わりません。

中央寄せ

中央寄せ

ギャラリーブロックを中央寄せにします。最初から中央寄せの場合は何も変わりません。

右寄せ

右寄せ

ギャラリーブロックを右寄せにします。最初から左寄せの場合は何も変わりません。

ギャラリーを編集

ギャラリーを編集

「ギャラリーを編集」をクリックするとギャラリーを編集する画面となりギャラリー内の画像を追加したり削除、キャプションを記述したりできます。

ギャラリーを編集

詳細設定

詳細設定

一番右の詳細設定のアイコンをクリックすると吹き出しが表示され7つのメニューが表示されます。

ブロック設定を非表示
ページ右側に表示されている「ブロック設定」のカラムを非表示にできます。
複製
このブロックを複製します。
前に挿入
新しい空のブロックをこのブロックの前に挿入します。
後に挿入
新しい空のブロックをこのブロックの後に挿入します。
HTMLとして編集
HTMLの編集ができます。ソースを直接編集できる人には便利です。戻るときには「ビジュアル編集」をクリックします。
再利用ブロックに追加
再利用ブロックに追加しておくと、このページだけでなく他のページでも同じ内容のブロックを利用できます。お問い合わせのバナーや会社概要など、複数ページで同じ内容のブロックを表示させたい時に便利です。再利用ブロックは一つを変更したとき他の再利用ブロックにもその変更が反映されます。
ブロックを削除
このブロックを削除します。

ブロック設定

ブロック設定

ページ右側にはブロック設定のカラムがあります。ギャラリーブロックの設定を行うことができます。

ギャラリーの設定
ギャラリーに配置する画像のカラム数(列)を設定できます。また、縦長横長様々な写真を切り取って整列させることができます。
リンク設定
画像へのリンクを設定できます。通常は「なし」、画像をクリックして拡大させるような場合は「メディアファイル」を選択します。
高度な設定
追加のCSSクラスの設定ができます。あらかじめスタイルが設定してあるときそのクラスを入力します。

ギャラリーの表示例

2カラムで表示

2カラムで表示

3カラムで表示

3カラムで表示

4カラムで表示

4カラムで表示

5カラムで表示

5カラムで表示

6カラムで表示

6カラムで表示
初期費用0円・月額費用3980円のホームページ制作
0532-74-5099
ホームページ制作のお申し込みはこちら
メールでお問い合わせ
このページのトップへ
初期費用0円・月額3980円|スマホ対応の格安ホームページ制作|店長.jp
0532-74-5099
ホームページ制作のお申し込みはこちら
メールでお問い合わせ
このページのトップへ