バズ部

  • icon株式会社ルーシー
  • 東京都港区新橋5-10-5 PMO新橋II 8階
  • 記事を探す
    • まず見て頂きたいページ
      • バズ部式マーケティングの進め方
      • コンテンツマーケティング101
      • SEO初心者向けマニュアル
      • バズ部メンバーの知見集
      • WordPress初心者向けガイド
    • 記事
      • 全ての記事を見る
      • SEO
        • SEOの基礎
        • SEO内部対策
        • コンテンツSEO
        • サーチコンソール
        • 高度なSEO
      • コンテンツマーケティング
        • 1.コンテンツマーケティングとは?
        • 2.コンテンツマーケティングをやるべきなのか
        • 3.あなたのブランドストーリーは何か?
        • 4.コンテンツマーケティング設計が全てだ
        • 5.必ず必要な社内体制と体制づくり
        • 6.まずは、小さな一歩を大切にしよう
        • 7.コンテンツ制作のコツを知ろう
        • 8.多くの人が陥る失敗を知っておこう
        • 9.顧客が「まだ気づいていないこと」に気づけるか
        • 10.素早く着実にコンバージョンにつなげよう
        • 11.正しく効果測定して成果を引き上げよう
        • 12.精度を上げてもっともっと成果を飛躍させよう
      • オウンドメディア
      • WordPress
        • wordpressウィジェット
        • wordpressテーマ
        • wordpressプラグイン
        • wordpressの基本操作
        • wordpressの導入と準備
        • wordpressの設定方法
        • ブログマーケティング
      • ソーシャルメディア
        • Facebook
      • ランディングページ
        • キャッチコピー
        • コピーライティング
      • メルマガ
      • EC
      • インタビュー
      • アーカイブ
    • 監修者/ライター一覧
      • 松澤 大輔
      • 木村 竜児
      • 野口 陽司
  • サービス一覧
    • サービスページ
      • コンテンツマーケティング立ち上げ&運用支援
      • SEO記事制作代行
      • キーワード設計代行
      • WEBサイト制作
      • 研修サービス
      • bazubu-shiki
      • ライティングツール「Pencii」
    • 資料請求
      • コンテンツマーケティング立ち上げ&運用支援サービス資料
      • SEO記事制作代行サービス資料
      • キーワード設計代行サービス資料
      • バズ部紹介資料
  • 支援実績
  • お役立ち資料
    • お役立ち資料一覧
      • 広告費を1/10にして売上を倍増させる全手法
      • バズ部が運営する月間20万PV超サイト11の生データ集
      • 良質なコンテンツを作成するための20のコツ
      • 最高のオウンドメディア支援会社を選ぶために行うべき7つの質問
      • バズ部紹介資料
      • バズ部公式メールマガジン
  • セミナー
  • 運営者情報

ご相談・お問い合わせ

© Copyright 2022 バズ部. All rights reserved.

ユーザーに届ける価値を徹底的に追求する
マーケティングを提供します

© Copyright 2022 バズ部. All rights reserved.

icon icon

icon
  • icon
  • icon
  • icon

05/22木8:00〜9:00

【5/22開催】バズ部の記事制作代行 商品説明会

  • オンライン
    1. バズ部 /
    2. WordPress /
    3. WordPressで写真ギャラリーページを作成する方法
  • 最終更新日 2020.03.27

WordPressで写真ギャラリーページを作成する方法

イベントやセミナーでの様子を写真におさめて、これらを WordPress にどのように載せると良いか悩んだ方もいるだろう。また、飲食店やアパレル関連のサイトでも画像を効率良く見せる方法に苦労しているかもしれない。

WordPress にある「ギャラリー」という機能を使うと複数の画像を一覧にしてページに掲載することができる。

関連性のある画像をまとめて見せることで、画像の閲覧性が良くなるのでユーザーは一通り目を通しやすい。結果的にユーザビリティの向上につながる。

さらに一覧の画像をクリックすると拡大画像が表示され、画像の解説も掲載できる。これによりユーザーの興味の後押しも期待できる。

ここでは、ギャラリーの作成方法について解説しよう。

また、私たちバズ部は12年で400社以上のメディア支援を行い、

  • 立ち上げから10ヶ月で14.6億円の売上を産んだ不動産メディア
  • 8ヶ月で月間140万PVを実現したアプリメディア

など大きな成果を挙げ続けている。

各サイトの成功要因をインタビューしているので、
あなたのサイトに役立てて欲しい
⇒25サイトの成功事例インタビューはこちら

ebook
ebook

目次

  • 1.ギャラリーとは?
  • 2.ギャラリーを作成する方法
    • ギャラリーの画面へのアクセス方法
    • 2−1.ギャラリーを作成する
    • 2−2.ギャラリーの表示・画像詳細を設定する
    • 2−3.ギャラリーを記事に挿入する
  • 3.テーマによって異なるギャラリーデザイン
    • 3−1.Twenty Fourteenのギャラリーのイメージ
    • 3−2.Twenty Thirteenのギャラリーのイメージ
    • 3−3.Twenty Twelveのギャラリーのイメージ
    • 3−4.Twenty Elevenのギャラリーのイメージ
  • 4.まとめ

1.ギャラリーとは?

「ギャラリー」とは、メディアライブラリの機能の一つで、複数の画像を図のように一覧で見せることができる。(※ テーマは「Twenty Twelve」を使用)

ギャラリーの使用例

画像を一覧で見せると閲覧性が良くなりユーザーは目を通しやすい。結果的に関連したコンテンツへのアクセスが期待できる。

そして、画像一枚一枚に説明ページが自動で作られ、タイトルやキャプション、説明を入力することができる。これによってユーザーの興味の後押しにもつながるだろう。

それでは、ギャラリーの作り方を解説しよう。

※ ギャラリーのデザインは、WordPress のテーマによって変わる。今回は、デフォルトで用意されている「Twenty Twelve」テーマを使用して紹介する。

成功したオウンドメディアの要因を学ぶ

  • Article Image 1Article Image 1

    累計106億円の売上を叩き出した不動産会社のコンテンツマーケティング事例

    1

  • Article Image 2Article Image 2

    わずか8ヶ月で月間140万PVを実現したアプリ企業メディア成功事例

    2

  • Article Image 3Article Image 3

    問い合わせが月4,400件以上!自社メディアで驚異的なCV数を生み出した弁護士事務所

    3


2.ギャラリーを作成する方法

ギャラリーを作成するには次の3つの手順でできる。

  • ギャラリーの作成
  • ギャラリーの表示・画像詳細の設定
  • ギャラリーの記事への挿入

掲載したい画像を選び、テキストを入力するだけで簡単に作成できてしまうので、安心して欲しい。

ギャラリーの画面へのアクセス方法

WordPress の管理画面にログインして、左メニューの「投稿 → 新規追加」の順にクリックし、投稿画面にアクセスしよう。(※ 既存のページにギャラリーを挿入したい場合は、左メニューより「投稿 → 投稿一覧」にアクセス)

ギャラリー画面へアクセス

続いて「メディアを追加」をクリックする。

メディアを追加

すると、図のメディアライブラリが表示される。

メディアライブラリの表示

画面左側にある「ギャラリーを作成」をクリックしよう。

ギャラリーを作成

これでギャラリーの作成画面にアクセスできた。

2−1.ギャラリーを作成する

ギャラリーに掲載したい画像をクリックして選択しよう。

ギャラリーに掲載

サムネイル画像をクリックすると右上にチェックが入る。

画像を選択したら「ギャラリーを作成」をクリックしよう。

ギャラリーを作成

すると図の通りギャラリーを編集する画面にアクセスする。画像をドラッグ&ドロップで並びをかえることもできる。

ギャラリーを編集

ためしに画像をひとつクリックしてみよう。すると画面右側にギャラリーの設定が表示される。

ギャラリーの編集

このギャラリーの設定が画像一枚一枚の説明ページに表示される。

続いてこの設定内容について一つづつ解説しよう。

2−2.ギャラリーの表示・画像詳細を設定する

2−2−1.ギャラリーの設定

ギャラリーのリンク先、ギャラリーの列数(カラム)が設定できる。

ギャラリーの設定

2−2−2.添付ファイルの詳細設定

添付ファイルページ=画像の説明ページに掲載するテキストを設定することができる。

ギャラリーの設定

※ALTタグについて
「ALT(オルト)タグ」とは、HTML のタグの1つで画像の代替テキストを指す。主に検索エンジンのクローラーや音声ブラウザに利用されるテキスト情報で、検索エンジンの評価の対象のひとつでもある。

設定が完了すると説明ページは図の通り表示される。

ギャラリーの表示

WordPress では、画像一枚一枚にこの添付ファイルページ=画像説明ページが自動で作成される。

代替テキストは、検索エンジンが評価の対象にするひとつの項目でもある。少しでも SEO 効果を高めたいなら『5−2.画像の最適化』には目を通しておこう。

2−3.ギャラリーを記事に挿入する

設定が完了したら、編集画面の右下の「ギャラリーを挿入」をクリックしよう。

ギャラrーの挿入

すると投稿ページにギャラリーが挿入される。これでギャラリーの作成は完了だ。

管理画面とブラウザの見え方は異なるため、必ずブラウザから確認しよう。

ギャラリーのブラウザ確認

また、ギャラリーは、テーマによってデザインが変わる。

次では、WordPress が提供している4つのテーマのイメージを紹介する。


3.テーマによって異なるギャラリーデザイン

実は、使用テーマによってギャラリーの見た目が異なる。使い方などの機能面では、特に大きな違いはない。ただ、もしあなたが見た目にこだわりたいのであれば、念の為どのような違いがあるか把握しておくべきだろう。

それでは4つのテーマを使って、見た目の違いを紹介していく。

※ プラグインを使用すればギャラリーの見た目を正方形以外にも丸形やタイルモザイクにすることも可能だ。その場合は「Jetpack」というプラグインが必要になる。設定方法は『Jetpack タイルギャラリーの使い方』が分かりやすいので参考にしよう。

3−1.Twenty Fourteenのギャラリーのイメージ

3−2.Twenty Thirteenのギャラリーのイメージ

3−3.Twenty Twelveのギャラリーのイメージ

3−4.Twenty Elevenのギャラリーのイメージ


4.まとめ

ギャラリーページを作成すると複数の写真を一覧で表示させることができる。閲覧性やユーザビリティの向上につながるので、ぜひ試してみよう。

カテゴリー WordPress

記事をシェアする

  • B!

無料eBook:バズ部式マーケティング
広告費を1/10にして売上を倍増させる全手法

広告に頼り切ったマーケティングの打開策としてコンテンツマーケティングについて調べているけれど、よく分からないと悩んでいませんか?

本書は弊社やクライアント様がコンテンツマーケティングに取り組み

  • ・SEOのみで月間100万PV集めた方法
  • ・平均6.92%のコンバージョン率が出た新規顧客獲得法
  • ・CPLやCPAを大幅に改善した方法とそのからくり

など、コンテンツマーケティングの効果と、具体的な施策内容を全94ページに渡って詳細に解説しているものです。

ぜひ、貴社のWEBマーケティングにもご活用ください。

eBookをダウンロード

未読

参考にしていただきたい事例

liskulのtopページ

リスティング広告

1年でプッシュ型営業からプル型へ!毎月約200件の問い合わせを獲得するデジタルマーケティングブログ

  • SOLDOUT
  • ソウルドアウト株式会社様

学校 コンテンツマーケティング

学校・教育

1年半で億単位の貢献を果たすまでに成長した学校法人のコンテンツマーケティング事例

  • 神田外語学院
  • 神田外語学院 様
アバター
  • 著者 : バズ部編集部

ユーザーに届ける価値を徹底的に追及するのがバズ部式マーケティング。
バズ部では、ユーザー主義を貫きながら、なおかつ数字にこだわり結果を出してきた手法やノウハウを惜しみなく提供していきます。

  • 会社概要
  • 採用情報
  • セミナー
  • サービス紹介
  • 記事一覧

icon

株式会社ルーシー東京都港区新橋5-10-5 PMO新橋II 8階

ABOUT US

  • 運営者情報
  • セミナー
  • 採用情報
  • お問い合わせ
  • プライバシーポリシー
  • 特定商取引法に基づく表記
  • 紹介メディア

© Copyright 2025 バズ部. All rights reserved.