I added camera settings, location, and other details to the gallery pages.

ギャラリー写真のページに、カメラや撮影設定、ロケーションなどの情報を追加しました。少しずつですが、ギャラリーを充実させています。

Aug 29, 20261 min read

ャラリー写真のページに、カメラや撮影設定、ロケーションなどの情報を追加しました。少しずつですが、ギャラリーを充実させています。

<image href="https://dystronix.com/wp-content/uploads/2026/05/dy-camera2.png"
  x="0"
  y="0"
  width="1500"
  height="806"
  preserveAspectRatio="none">
</image>

<a href="https://dystronix.com/gallery">

  <!-- タップ判定用の透明な大きい円 -->
  <circle
    class="dy-camera-hit"
    cx="1099"
    cy="442"
    r="65">
  </circle>

  <!-- 見た目の点滅ライト -->
  <circle
    class="dy-camera-light"
    cx="1099"
    cy="442"
    r="40">
  </circle>

</a>

.dy-camera-svg { width: 100%; max-width: 1500px; margin: 0 auto; } .dy-camera-svg svg { display: block; width: 100%; height: auto; } /* タップ判定用 */ .dy-camera-hit { fill: transparent; cursor: pointer; } /* 見た目の点滅ライト */ .dy-camera-light { fill: #ff3030; filter: drop-shadow(0 0 8px rgba(255, 40, 40, 0.9)) drop-shadow(0 0 20px rgba(255, 40, 40, 0.6)) drop-shadow(0 0 35px rgba(255, 40, 40, 0.35)); animation: dy-camera-pulse 2s ease-in-out infinite; cursor: pointer; pointer-events: none; } @keyframes dy-camera-pulse { 0%, 100% { opacity: 0.25; r: 18; } 50% { opacity: 1; r: 25; } }

⁂ Fediverse + AT Protocol Reactions

再投稿

	</ul>
			<button
		class="reaction-label has-text-color has-background"
		data-reaction-type="repost"
		data-wp-on--click="actions.toggleModal"
		type="button"
		aria-label="再投稿 をすべて表示"
	>
		1件の再投稿		</button>
</div>
	<div class="reaction-group" data-reaction-type="like">
			<button
		class="reaction-action-button has-text-color has-background"
		data-intent="like"
		data-wp-on--click="actions.openIntentModal"
		type="button"
		aria-label="いいね"
	>
		いいね		</button>
					<ul class="reaction-avatars">
		<template data-wp-each="context.reactions.like.items">
			<li>
				<a
					data-wp-bind--href="context.item.url"
					data-wp-bind--title="context.item.name"
					target="_blank"
					rel="noopener noreferrer"
				>
					<img
						data-wp-bind--src="context.item.avatar"
						data-wp-bind--alt="context.item.name"
						data-wp-on--error="callbacks.setDefaultAvatar"
						class="reaction-avatar"
						height="32"
						width="32"
						src=""
						alt=""
					/>
				</a>
			</li>
		</template>
			<li data-wp-each-child="activitypub/reactions::context.reactions.like.items">
				<a href="https://bsky.app/profile/vivian-y-lee.bsky.social" title="Vivian"
					data-wp-bind--href="context.item.url"
					data-wp-bind--title="context.item.name"
					target="_blank"
					rel="noopener noreferrer"
				>
					<img
						data-wp-bind--src="context.item.avatar"
						data-wp-bind--alt="context.item.name"
						data-wp-on--error="callbacks.setDefaultAvatar"
						class="reaction-avatar"
						height="32"
						width="32"
						src="https://cdn.bsky.app/img/avatar/plain/did:plc:v5rod3hmizhgdt64rxpk7wol/bafkreibrxwo4xvjbk56rbnmhhny547i6a7n7jcbm7vvz4ji6bcupi2ah44"
						alt="Vivian"
					/>
				</a>
			</li>
		
			<li data-wp-each-child="activitypub/reactions::context.reactions.like.items">
				<a href="https://mstdn.jp/@omi_geek" title="omi"
					data-wp-bind--href="context.item.url"
					data-wp-bind--title="context.item.name"
					target="_blank"
					rel="noopener noreferrer"
				>
					<img
						data-wp-bind--src="context.item.avatar"
						data-wp-bind--alt="context.item.name"
						data-wp-on--error="callbacks.setDefaultAvatar"
						class="reaction-avatar"
						height="32"
						width="32"
						src="https://dystronix.com/wp-content/uploads/activitypub/actors/54/aaf8cbd7b030f6471921e6236dec9657.webp"
						alt="omi"
					/>
				</a>
			</li>
		
			<li data-wp-each-child="activitypub/reactions::context.reactions.like.items">
				<a href="https://mastodon.social/@vivian_you" title="Vivian"
					data-wp-bind--href="context.item.url"
					data-wp-bind--title="context.item.name"
					target="_blank"
					rel="noopener noreferrer"
				>
					<img
						data-wp-bind--src="context.item.avatar"
						data-wp-bind--alt="context.item.name"
						data-wp-on--error="callbacks.setDefaultAvatar"
						class="reaction-avatar"
						height="32"
						width="32"
						src="https://dystronix.com/wp-content/uploads/activitypub/actors/1281/5ee96091122f17650cd4f067651a48bd.webp"
						alt="Vivian"
					/>
				</a>
			</li>
		
			<li data-wp-each-child="activitypub/reactions::context.reactions.like.items">
				<a href="https://bsky.app/profile/omikim.bsky.social" title="omi"
					data-wp-bind--href="context.item.url"
					data-wp-bind--title="context.item.name"
					target="_blank"
					rel="noopener noreferrer"
				>
					<img
						data-wp-bind--src="context.item.avatar"
						data-wp-bind--alt="context.item.name"
						data-wp-on--error="callbacks.setDefaultAvatar"
						class="reaction-avatar"
						height="32"
						width="32"
						src="https://cdn.bsky.app/img/avatar/plain/did:plc:nhoio63pbah4a4u6u3um3b6v/bafkreib46oczfh25ky524sor2ly6obach552vyk4hzztyori4au3wim7jm"
						alt="omi"
					/>
				</a>
			</li>
		
			<li data-wp-each-child="activitypub/reactions::context.reactions.like.items">
				<a href="https://pleroma.m68k.church/users/spook" title="Spook"
					data-wp-bind--href="context.item.url"
					data-wp-bind--title="context.item.name"
					target="_blank"
					rel="noopener noreferrer"
				>
					<img
						data-wp-bind--src="context.item.avatar"
						data-wp-bind--alt="context.item.name"
						data-wp-on--error="callbacks.setDefaultAvatar"
						class="reaction-avatar"
						height="32"
						width="32"
						src="https://dystronix.com/wp-content/uploads/activitypub/actors/2156/7a90324f9d49db7b12a8ba0debb00b6c.webp"
						alt="Spook"
					/>
				</a>
			</li>
		
			<li data-wp-each-child="activitypub/reactions::context.reactions.like.items">
				<a href="https://mastodon.social/@Madagascar_Sky" title="Madagascar_Sky"
					data-wp-bind--href="context.item.url"
					data-wp-bind--title="context.item.name"
					target="_blank"
					rel="noopener noreferrer"
				>
					<img
						data-wp-bind--src="context.item.avatar"
						data-wp-bind--alt="context.item.name"
						data-wp-on--error="callbacks.setDefaultAvatar"
						class="reaction-avatar"
						height="32"
						width="32"
						src="https://dystronix.com/wp-content/uploads/activitypub/actors/1384/e8ba2fda26153c09d72afaa2d5edb83f.webp"
						alt="Madagascar_Sky"
					/>
				</a>
			</li>
		
			<li data-wp-each-child="activitypub/reactions::context.reactions.like.items">
				<a href="https://mastodon.social/@FrankEndrullat" title="Frank Endrullat 🌻"
					data-wp-bind--href="context.item.url"
					data-wp-bind--title="context.item.name"
					target="_blank"
					rel="noopener noreferrer"
				>
					<img
						data-wp-bind--src="context.item.avatar"
						data-wp-bind--alt="context.item.name"
						data-wp-on--error="callbacks.setDefaultAvatar"
						class="reaction-avatar"
						height="32"
						width="32"
						src="https://dystronix.com/wp-content/uploads/activitypub/actors/1392/4b3c761a74112731c94a9e1fad8b7ec4.webp"
						alt="Frank Endrullat 🌻"
					/>
				</a>
			</li>
		
			<li data-wp-each-child="activitypub/reactions::context.reactions.like.items">
				<a href="https://bsky.app/profile/davidrzhao.bsky.social" title="David"
					data-wp-bind--href="context.item.url"
					data-wp-bind--title="context.item.name"
					target="_blank"
					rel="noopener noreferrer"
				>
					<img
						data-wp-bind--src="context.item.avatar"
						data-wp-bind--alt="context.item.name"
						data-wp-on--error="callbacks.setDefaultAvatar"
						class="reaction-avatar"
						height="32"
						width="32"
						src="https://cdn.bsky.app/img/avatar/plain/did:plc:gfeka22wwubd2oxjxvlvu6ki/bafkreic6sle7rezrbyokysizvrfte737aiwazv7z23gmaewkoxljhfm3au"
						alt="David"
					/>
				</a>
			</li>
		
			<li data-wp-each-child="activitypub/reactions::context.reactions.like.items">
				<a href="https://bsky.app/profile/oto2.bsky.social" title="Oto"
					data-wp-bind--href="context.item.url"
					data-wp-bind--title="context.item.name"
					target="_blank"
					rel="noopener noreferrer"
				>
					<img
						data-wp-bind--src="context.item.avatar"
						data-wp-bind--alt="context.item.name"
						data-wp-on--error="callbacks.setDefaultAvatar"
						class="reaction-avatar"
						height="32"
						width="32"
						src="https://cdn.bsky.app/img/avatar/plain/did:plc:nvposgi5l2si5dgts4ublqvl/bafkreihk22hm64eksaqhid3dk5fwf5cyzdz3xtynv5yznwepdqza6kmmzm"
						alt="Oto"
					/>
				</a>
			</li>
		
			<li data-wp-each-child="activitypub/reactions::context.reactions.like.items">
				<a href="https://mastodon.social/@Dystronix" title="Dystronix"
					data-wp-bind--href="context.item.url"
					data-wp-bind--title="context.item.name"
					target="_blank"
					rel="noopener noreferrer"
				>
					<img
						data-wp-bind--src="context.item.avatar"
						data-wp-bind--alt="context.item.name"
						data-wp-on--error="callbacks.setDefaultAvatar"
						class="reaction-avatar"
						height="32"
						width="32"
						src="https://dystronix.com/wp-content/uploads/activitypub/actors/571/f8e1e389a5025271fc76aef155837264.webp"
						alt="Dystronix"
					/>
				</a>
			</li>
		
	</ul>
			<button
		class="reaction-label has-text-color has-background"
		data-reaction-type="like"
		data-wp-on--click="actions.toggleModal"
		type="button"
		aria-label="いいね をすべて表示"
	>
		10件のいいね		</button>
</div>
		<div class="reaction-actions-only" role="group" aria-label="反応アクション">
				<button
		class="reaction-action-button has-text-color has-background"
		data-intent="announce"
		data-wp-on--click="actions.openIntentModal"
		type="button"
		aria-label="引用"
	>
			引用		</button>
			</div>
		</div>

	<div
		class="activitypub-modal__overlay compact"
		data-wp-bind--hidden="!context.modal.isOpen"
		data-wp-watch="callbacks.handleModalEffects"
						data-wp-class--compact="context.modal.isCompact"
					role="dialog"
		aria-modal="true"
		hidden
	>
		<div class="activitypub-modal__frame">
								<div class="activitypub-modal__header">
					<h2
						class="activitypub-modal__title"
																					data-wp-text="context.modal.title"
												></h2>
					<button
						type="button"
						class="activitypub-modal__close wp-element-button"
						data-wp-on--click="actions.closeModal"
						aria-label="ダイアログを閉じる"
					>
						<svg fill="currentColor" width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
							<path d="M13 11.8l6.1-6.3-1-1-6.1 6.2-6.1-6.2-1 1 6.1 6.3-6.5 6.7 1 1 6.5-6.6 6.5 6.6 1-1z"></path>
						</svg>
					</button>
				</div>
							<div class="activitypub-modal__content">
				<div data-wp-bind--hidden="!context.modal.isCompact">
<ul class="reactions-list">
	<template data-wp-each="context.modal.items">
		<li class="reaction-item">
			<a data-wp-bind--href="context.item.url" target="_blank" rel="noopener noreferrer">
									<img
					alt=""
					data-wp-bind--alt="context.item.name"
					data-wp-bind--src="context.item.avatar"
					data-wp-on--error="callbacks.setDefaultAvatar"
					src=""
				/>
									<span class="reaction-name" data-wp-text="context.item.name"></span>
			</a>
		</li>
	</template>
</ul>

投稿 URL

お気に入りのオープンソーシャルアプリやオープンソーシャルプラットフォームの検索フィールドに投稿 URL を貼り付けます。

投稿 URL コピー

あなたのプロフィール

お使いのプロフィールがわかる場合は、その方法で開始できます。

プロフィールを入力する必要があるのはなぜですか ?

このサイトは、相互接続されたソーシャルプラットフォーム (Mastodon、Pixelfed、Friendica など) のネットワークである ⁂ オープンソーシャルウェブの一部です。一元化されたソーシャルメディアとは異なり、アカウントは自分が選択したプラットフォーム上に存在し、さまざまなプラットフォームのユーザーとやり取りできます。

プロフィールを入力してアカウントに移動し、この操作を完了できます。

Fediverse プロフィール実行読み込み中…

今後のインタラクションのためにプロフィールを保存します。

	<div class="activitypub-profile__body">
		<img
			class="activitypub-profile__avatar u-photo"
			src="https://dystronix.com/wp-content/uploads/2026/04/cropped-名称未設定-3.jpg"
			alt="Dystronix"
		/>

		<div class="activitypub-profile__content">
			<div class="activitypub-profile__info">
				<div class="activitypub-profile__name p-name">Dystronix</div>
									<div class="activitypub-profile__handle p-nickname p-x-webfinger" data-wp-text="context.webfinger"><a rel="mention" class="u-url mention" href="https://dystronix.com">@omi</a></div>
			</div>

フォロー

								<div class="activitypub-profile__bio p-note">
					<p>Official Dystronix account.<br />

Photography, the web & the Fediverse.
https://dystronix.com

			<div class="activitypub-profile__stats">
										<div>
						<strong>6</strong>件の投稿						</div>
															<div>
						<strong>56</strong>人のフォロワー						</div>
								</div>
		</div>
	</div>
</div>


	<div
		class="activitypub-modal__overlay"
		data-wp-bind--hidden="!context.modal.isOpen"
		data-wp-watch="callbacks.handleModalEffects"
					role="dialog"
		aria-modal="true"
		hidden
	>
		<div class="activitypub-modal__frame">
								<div class="activitypub-modal__header">
					<h2
						class="activitypub-modal__title"
														id="activitypub-follow-me-block-7-modal-title"
																			>Dystronix をフォロー</h2>
					<button
						type="button"
						class="activitypub-modal__close wp-element-button"
						data-wp-on--click="actions.closeModal"
						aria-label="ダイアログを閉じる"
					>
						<svg fill="currentColor" width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
							<path d="M13 11.8l6.1-6.3-1-1-6.1 6.2-6.1-6.2-1 1 6.1 6.3-6.5 6.7 1 1 6.5-6.6 6.5 6.6 1-1z"></path>
						</svg>
					</button>
				</div>
							<div class="activitypub-modal__content">
				<div class="activitypub-dialog__section">
<h4>プロフィール</h4>
<div class="activitypub-dialog__description">
	お気に入りのオープンソーシャルアプリやオープンソーシャルプラットフォームの検索フィールドにプロフィールを貼り付けます。	</div>
<div class="activitypub-dialog__button-group">
	<label for="activitypub-follow-me-block-7-profile-handle" class="screen-reader-text">
		自分の Fediverse ハンドル		</label>
	<input
		aria-readonly="true"
		class="wp-block-search__input"
		id="activitypub-follow-me-block-7-profile-handle"
		readonly
		tabindex="-1"
		type="text"
		value="@omi@dystronix.com"
	/>
	<button
		aria-label="ハンドルをクリップボードにコピー"
		class="wp-element-button"
		data-wp-on--click="actions.copyToClipboard"
		type="button"
	>
		<span data-wp-text="context.copyButtonText">コピー</span>
	</button>
</div>

あなたのプロフィール

お使いのプロフィールがわかる場合は、その方法で開始できます。

プロフィールを入力する必要があるのはなぜですか ?

プロフィールを入力してアカウントに移動し、この操作を完了できます。

Fediverse プロフィールフォロー読み込み中…

著者について

About the Author

omi kim

大阪を拠点に活動するストリートフォトグラファー。
写真・Fediverse・個人Webについて発信しています。

Street photographer based in Osaka, Japan. Writing about photography, the Fediverse, and the personal web.

Website →

Did you enjoy this article?

Recommend it — Standard Reader surfaces well-loved writing to more readers across the network.

Dystronix @omikim.bsky.social