運動会や発表会の写真を、家族や友達と簡単に共有したい・・・
いつも子供の写真を友達家族と共有するため、LINEで写真共有していたけど、LINEだと相手の連絡先を知っていないと共有が出来ないですよね
そこで今回、シンプルなオリジナル 写真共有 プラグインを作成しました！
簡単だけど、子供の写真共有だから “特別感” が欲しい人にオススメです
ということで今回の記事内容は・・・
というお話しです
写真共有 プラグイン
WordPressを使った写真共有は幾つもありますが、設定が複雑だったり有料だったり、意外と使えない場合が多いですよね
そこで専用サイトを作って、そこに写真をアップロードすれば、自動でギャラリーに反映できるプラグインを作りました
あとは投稿者の名前や短いコメントが入力できるだけの “シンプル” なプラグインを作ることを目指しました
オリジナル プラグインだから、お金もかからないし設定もシンプルに出来る、なにより相手の連絡先が分からなくても共有できるんです
今回作成した写真共有プラグインは、Wordpressに対応したものです。Wordpressの利用方法が判らない場合は、リンク先をご参照ください。
仕組みも使い方も超簡単な写真共有プラグイン
まずは作成した “プラグイン（simple-photo-share-stable）”をダウンロードします
Zipファイルがダウンロードされるので、これをWordpressからプラグイン追加して有効化します
今回作成した、写真共有 プラグインの仕組みは非常にシンプルで・・・
- 写真をアップロード
画像：スマホも可 - サーバー内に写真毎のフォルダー作成
画像 - フォルダーを参照して表示
画像
アップロードすれば写真が自動的に表示されるので、ユーザーは以下のショートコードを表示させたい場所に貼り付けるだけ
- アップロード用：[simple_photo_uploader]
- ギャラリー用：[simple_photo_gallery]
これだけでアップローダーと写真ギャラリーが表示されます
デザインの変更は追加CSSから可能
今回、写真共有プラグインの仕組みだけを作ったので、初期デザインだと、サムネイル写真が大きく表示されたり、アップロードのボタンがシンプルすぎる場合があります
そこで追加CSSを加えることをオススメします
/* ギャラリーグリッド調整 */
.photo-gallery {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
gap: 16px;
}/* 各サムネイルボックス */
.photo-gallery > div {
border: 1px solid #ccc;
padding: 8px;
border-radius: 8px;
background: #fff;
transition: box-shadow 0.3s;
}
.photo-gallery > div:hover {
box-shadow: 0 0 8px rgba(0,0,0,0.1);
}/* 画像サムネイル */
.photo-gallery img {
width: 100%;
height: auto;
aspect-ratio: 4 / 3;
object-fit: cover;
border-radius: 6px;
}/* 動画プレイヤーもサムネ風に */
.photo-gallery video {
width: 100%;
height: auto;
aspect-ratio: 4 / 3;
object-fit: cover;
border-radius: 6px;
}/* メタ情報 */
.photo-gallery div:last-child {
font-size: 13px;
color: #444;
margin-top: 6px;
line-height: 1.5;
}
2つ目以降の写真をサムネイル表示してくれるシンプルなCSSです。
想い出に特別感！写真ギャラリーを作ろう！
LINEのトークで写真共有すると、一定の期間が経つと消えてしまうし、大勢の人と共有する時には連絡先が必要になります
でも今回のような写真共有方法を使えば ・・・
“専用サイト” にアクセスするだけで、誰でも写真を共有できるし、特定の期間で写真が消えることも無い
なによりイベントごとの専用サイトで共有することが出来るから“特別感”がありますよね
WordPressは、サイト全体にパスワードを設定できるので、パスワードを知らない人はログインできないようにすることが可能です。
WordPressのプラグインなんて自分には出来ません！
と思っている人のために、最後にタネ明かしをします
じつはこのプラグイン、1から10まで全てChatGPTで作ってます
オッサンLABO作になっていますが、指示を出しただけでプログラムコードは一切書いておりません！
便利な世の中になったものです
写真共有 に一工夫
今回 “写真共有” に一工夫加えて、Wordpressオリジナルプラグインを使った超シンプルな共有方法を提案させていただきました
このプラグインを使えば “写真頂戴！” “連絡先教えて！” なんてメンドクサイ手間が減って “このサイトに写真アップロードして！” だけ
シンプルな上に特別感もあるから、写真共有が楽しくなると思いますよ
このオッサンLABOブログでは、独学で始めたブログについて
初心者目線で、ブログ開設方法を紹介しています
今後ともオッサンLABOブログをよろしくお願いいたします
