画像ギャラリーの作り方

2026-06-16T14:08:22+09:00

フリー画像はいかが?vol.2(女性編)の所で出てくる画像ギャラリーですが、結構簡単な感じで実現できました。

{{< gallery dir="/画像フォルダ/" />}}
{{< load-photoswipe >}}

画像フォルダに画像を12枚入れたら、こんな感じで2行追加すると、追加した場所にあのような画像ギャラリーが召喚されます。
かんたーん!!

下準備は、GitHubのhugo-easy-galleryからファイルをダウンロードして、解凍したファイルをそのページに書いてある場所に入れて、ギャラリーを入れたい記事に上の呪文を入れればOKなのです。


でも、でもですね。
hugoを知らないとかなり難儀なことになるので、そんな時はサクッと誰か知ってる人(上の雑な説明でも何とかしてくれる人)に丸投げするのが正解ではないかと考えてたりします。

得意な人に時間を割いて教えてもらって、自分が運用方法を習得してできるようになるより、それにかかった2人分の時間・手間を考えたら、得意な人にササッとやってもらってお礼した方が2人の時間を有意義に使えるのではと。

自分が習得するのにかかる時間を考えたら、その時間は自分が得意なことをしてお金を稼ぎ、その一部を謝礼としてお渡しすることを皆で回していけば、経済が回るんじゃないのかなあ。


昔むかし、とあるソフトウェアの情報交換の場(メールとか掲示板とか)で、あなたは初心者にやさしくないという指摘を受けたのを唐突に思い出してしまいました。
ですよね~。


ちょっと不具合っぽい仕様なんですが、拡大画像をスワイプできるようにしているのですが、これがトップページに2以上あるとスクリプトファイルの二重読み込みの警告がでますね。
回避方法として、スクリプトをフッターで1回だけ読み込むようにしました。
(ほんと、初心者にやさしくない)

© 2026 KAJIKA手控帖

🌱 Powered by Hugo with theme Dream.

Midjourneyで生成した、ブログやSNSで使いやすい高画質イラスト・写真素材です。

  • サイズ: 1024px四方、または1080px四方の正方形
  • 形式: JPEG
  • クレジット表記: 不要(任意)

⚠️ ご利用規約(必ずお読みください)

  • 当サイトの無料素材は、以下のルール内でどなたでも自由にご利用いただけます。

⭕️ できること(利用OK)

  • ブログのアイキャッチ、WEBサイトのカバー画像への使用
  • SNSの投稿、アイコン、ヘッダーへの使用
  • 画像のトリミング、文字入れ、色味の加工

❌ できないこと(禁止事項)

  • 画像の二次配布、転売、自作発言
  • ロゴや署名(サイン)を故意に消去しての使用
  • 商用グッズへの印刷・販売
  • 公序良俗に反するサイト、違法サイトでの使用

✨ さらに高画質・署名なしをご希望の方へ

当画像の「3000px高画質・署名なし版」は、ストアにて販売しています。印刷物や本格的なデザイン素材として使用したい方は、ぜひこちらもご検討ください。

About Me

元高校教師