Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPBカップ
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

WordPressでEXIF写真タグを追加する方法(2つの簡単な方法)

素晴らしい写真を撮ってWordPressブログにアップロードしていますか?その場合、EXIFデータを読者や潜在顧客と共有したいと思うかもしれません。

EXIFタグには、カメラのメーカー、露出、撮影日など、写真に関する多くの情報が含まれています。画像をオンラインで販売する場合でも、他のフォトグラファーに教える場合でも、単に自分の作品を披露する場合でも、多くの読者がEXIFタグを気にしていることを私たちは知っています。

この投稿では、WordPressで簡単にEXIFフォトタグを追加する方法をご紹介します。

How to Add EXIF Photo Tags in WordPress

なぜWordPressの画像キャプションにEXIFタグを表示するのか?

あなたが写真家なら、WordPressはあなたの作品をアピールするのに最適な方法です。WordPressフォトグラファーのための美しいテーマやプラグインがたくさんあり、あなたの画像を宣伝し、ブランドを構築し、さらに多くのカスタマイザーを獲得するのに役立ちます。

さらに詳しく知りたい方は、写真家向けのWordPressプラグインを専門家が厳選してご紹介しています。

しかし初期設定のWordPressでは、カメラのメーカーやモデル、解像度や露出、撮影場所や時間など、交換可能な画像ファイルフォーマット(EXIF)のタグは一切表示されません。

特にデジタル写真やグラフィックをオンラインで販売している場合、このデータは訪問者にとって有益な情報となります。各写真の横に詳細な情報を表示することで、サイトをより信頼できるものに見せ、写真の購入を促すことができます。

EXIFタグは、読者があなたの写真についてさらに詳しく知ることができるため、写真ブログを運営している場合にも役立ちます。

このデータを取得し、手作業でサイトに追加するには時間と労力がかかる。

それでは、キャプションにEXIFタグを自動的に追加する方法を見てみましょう。以下のクイックリンクから、お好きな方法をお選びください。

方法1:特定の写真のキャプションにEXIFタグを追加する

特定の写真だけにEXIFタグを表示したい場合もあるでしょう。例えば、有名なランドマークの写真には位置情報タグを表示し、自宅の写真には非表示にすることができます。

すべての写真のEXIFタグを表示することは、訪問者を圧倒することにもなりかねません。例えば、最近の写真撮影の画像ギャラリーがある場合、最初の画像だけカメラのメーカーとモデルのEXIFタグを表示することができます。このようにすることで、重複コンテンツを防ぐこともでき、画像のSEO対策にもなります。

特定の写真にEXIFタグを追加する最も簡単な方法は、Exif Captionを使用することです。

このプラグインでは、使用するEXIFタグと、その情報を表示する写真を選択できます。特定の写真のEXIFタグだけを表示したい場合に最適です。

最初に必要なことは、Exif Captionプラグインをインストールして有効化することです。詳しくは、WordPressプラグインのインストール方法のステップバイステップガイドをご覧ください。

有効化したら、WordPressダッシュボードのMedia ” Exif Captionにアクセスしてください。ここに、EXIFデータを持つすべての写真が表示されます。

Adding EXIF photo tags in WordPress

Exif Captionを設定するには、「設定」セクションをクリックして展開します。

まず、現在の画像のキャプションをEXIFデータに置き換えるか、元のキャプションの横にタグを表示するかを選択できます。

現在のキャプションを上書きしたくない場合は、「左に挿入」または「右に挿入」のいずれかを選択します。プラグインは、WordPressブログのオリジナル画像キャプションの前または後にタグを追加します。

How to add EXIF tags to a WordPress image caption

次に、画像のキャプションに追加できるすべてのEXIFタグが表示されます。

初期設定では、Exif Captionは使用可能なタグをすべて追加するので、使用したくないタグは削除してください。

Choosing the tags to include in an EXIF image caption

タグを削除してから気が変わった場合は、「初期設定」ボタンをクリックします。これで利用可能なEXIFタグがすべて追加されます。

プラグインは画像のaltテキストにEXIFデータを追加することもできます。これはSEOを向上させるかもしれませんが、重複コンテンツになる可能性もあるので、慎重に使用することをお勧めします。

altテキストにEXIFタグを追加するには、「同時にaltに挿入する」にチェックを入れる。

Adding EXIF to WordPress alt text automatically

プラグインの設定に満足したら、忘れずに「変更を保存」をクリックしてください。

これで、画像のキャプションにEXIFデータを追加する準備が整いました。画像のリストを表示し、EXIFデータを表示したい写真の横にあるボックスにチェックを入れるだけです。

Adding EXIF information to a WordPress photo

これらの画像のキャプションにEXIFタグを追加するには、「更新」をクリックするだけです。

同時にaltに挿入」を選択した場合、プラグインはタグを画像のaltフィールドにもコピーします。

これで、これらの写真をページや投稿に追加するたびに、WordPressは自動的に画像のキャプションにEXIFタグを表示します。

An example of EXIF tags on a WordPress website or blog

方法2:すべての写真のEXIFデータを自動的に表示する

すべての画像にEXIFタグを表示したいですか?それなら、キャプションにこの情報を自動的に追加するプラグインを使う方が理にかなっています。

Exif Detailsは、WordPressの管理ダッシュボードに詳細なEXIF情報を表示します。また、これらのタグを画像のキャプションに自動的に追加することもできます。

EXIF tags and values on a WordPress website

ただ、カスタマイザーコードをいくつか書く必要があるので、初心者向けの方法ではないことに注意してほしい。

Exif Detailsは、WordPressに画像を最初にアップロードしたときにEXIF情報も取得します。つまり、すでにメディアライブラリに追加した画像のEXIFタグは表示されません。

まず、Exif Detailsプラグインをインストールして有効化する必要があります。詳しくは、WordPressプラグインのインストール方法のステップバイステップガイドをご覧ください。

有効化したら、メディア ” ライブラリを開き、’EXIF’カラムを見てください。

Adding photos with EXIF tags to the WordPress media library

特定の画像のタグを見るには、「タグと値」テキストをクリックします。

次に、表示したいデータのEXIFコードをメモする。例えば「DateTimeOriginal」は、ファイルが作成された日時を示す。

How to show EXIF photo data in the WordPress dashboard

使用可能なタグの完全なリストについては、EXIFタグのページをご覧ください。

これらのタグを取得したら、WordPressにカスタマイザー・コードを追加しましょう。多くの場合、ガイドではテーマのfunctions.phpファイルを直接編集するように指示されますが、これはWordPressの一般的なエラーをすべて引き起こす可能性があります。

また、次にWordPressテーマを更新したときにカスタムコードが失われてしまいます。そのため、代わりにWPCodeを使用することをお勧めします。

WPCodeはWordPressのための最高のコードスニペットプラグインで、あなたのサイトにPHP、CSS、HTML、JavaScriptのスニペットを無制限に追加することができます。

最初に行う必要があるのは、無料のWPCodeプラグインをインストールして有効化することです。詳しくは、WordPressプラグインのインストール方法のステップバイステップガイドをご覧ください。有効化したら、Code Snippets ” Add Snippetにアクセスしてください。

How to show EXIF information using WPCode

ここでは、サイトに追加できるすべての既製のWPCodeスニペットを見ることができます。管理画面にアイキャッチ画像カラムを追加するスニペット、ユーザーがサイトに画像をアップロードできるようにするスニペット、添付ファイルページを無効化するスニペットなどがあります。

カスタムコードを追加」にマウスオーバーし、表示されたら「スニペットを使用」ボタンをクリックするだけです。

How to add a custom code snippet to WordPress

はじめに、カスタムコードスニペットのタイトルを入力します。これは、WordPressダッシュボードでスニペットを識別するのに役立つものであれば何でも構いません。

その後、「コードタイプ」のドロップダウンを開き、「PHPスニペット」を選択する。

Adding a custom PHP snippet to your WordPress blog or website

コードプレビュー」エディターで、EXIFタグを取得し、その情報を画像のキャプションに追加するスニペットを追加する必要があります。

例えば、ファイルの撮影日時を取得するスニペットを以下に示す:

function exif_details_change( $exifdatas, $id ) {
    if ( array_key_exists( 'DateTimeOriginal', $exifdatas ) ) {
        $shooting_date = str_replace( ':', '-', substr( $exifdatas['DateTimeOriginal'], 0, 10 ) );
        $shooting_time = substr( $exifdatas['DateTimeOriginal'], 10 );
        $exifdatas['DateTimeOriginal'] = $shooting_date . $shooting_time;
    }
    return $exifdatas;
}
add_filter( 'exif_details_data', 'exif_details_change', 10, 2 );

function media_caption( $metadata, $id ) {
    $mime_type = get_post_mime_type( $id );
    if ( in_array( $mime_type, array( 'image/jpeg', 'image/tiff' ) ) ) {
        do_action( 'exif_details_update', $id );
        $exifdatas = get_post_meta( $id, '_exif_details', true );
        if ( ! empty( $exifdatas ) ) {
            $camera = null;
            $f_number = null;
            $s_speed = null;
            $iso = null;
            $date = null;
            $googlemap = null;
            if ( array_key_exists( 'Model', $exifdatas ) ) {
                $camera = 'Camera:' . $exifdatas['Model'];
            }
            if ( array_key_exists( 'ApertureFNumber', $exifdatas ) ) {
                $f_number = 'F-number:' . $exifdatas['ApertureFNumber'];
            }
            if ( array_key_exists( 'ExposureTime', $exifdatas ) ) {
                $s_speed = 'Shutter speed:' . $exifdatas['ExposureTime'];
            }
            if ( array_key_exists( 'ISOSpeedRatings', $exifdatas ) ) {
                $isodata = json_decode( $exifdatas['ISOSpeedRatings'] );
                if ( is_array( $isodata ) ) {
                    $iso = 'ISO:' . $isodata[0];
                } else {
                    $iso = 'ISO:' . $isodata;
                }
            }
            if ( array_key_exists( 'DateTimeOriginal', $exifdatas ) ) {
                $date = 'Date:' . $exifdatas['DateTimeOriginal'];
            }
            if ( array_key_exists( 'latitude_dd', $exifdatas ) && array_key_exists( 'longtitude_dd', $exifdatas ) ) {
                $googlemap = '<a href="https://www.google.com/maps?q=' . $exifdatas['latitude_dd'] . ',' . $exifdatas['longtitude_dd'] . '">Google Map</a>';
            }
            $caption = sprintf( '%1$s %2$s %3$s %4$s %5$s %6$s', $camera, $f_number, $s_speed, $iso, $date, $googlemap );
            $caption = rtrim( $caption );
            $caption = preg_replace( '/\s(?=\s)/', '', $caption );
            $media_post = array(
                'ID'           => $id,
                'post_excerpt' => $caption,
            );
            wp_update_post( $media_post );
        }
    }
    return $metadata;
}
add_filter( 'wp_generate_attachment_metadata', 'media_caption', 10, 2 );

異なるEXIFデータを表示するには、上記のコード・スニペットを調整するだけです。

コードに満足したら、「インサーター」セクションまでスクロールしてください。WPCodeは、投稿の後、フロントエンドのみ、管理者のみなど、様々な場所にPHPを追加することができます。

カスタムPHPをWordPressサイト全体で使用したいので、すでに選択されていなければ「Auto Insert」をクリックする。次に、「Location」ドロップダウンを開き、「Run Everywhere」を選択する。

How to show EXIF data on your site using WPCode

その後、画面を一番上までスクロールし、「Inactive」トグルをクリックすると、「Active」に変わります。

最後に「Save Snippet」をクリックして、PHPスニペットをライブにする。

Saving a custom PHP snippet on your WordPress website

これで、Exif Detailsは新しい画像をアップロードするたびにタグを取得します。そして、この情報を画像のキャプションに自動的に追加します。

これを試すには、メディア ” ライブラリに行き、「新規追加」をクリックする。

Uploading a new photo to your WordPress website

コンピューターから画像をアップロードできるようになりました。

その後、メディア ” ライブラリに戻り、クリックして画像の「タグと値」を展開する。

An example of a photo, with EXIF tags

写真に正しいEXIFタグが付いていれば、WordPressは自動的にキャプションにこの情報を追加します。

たとえば、次の画像では、WordPressがすでに撮影日時を画像のキャプションに追加していることがわかる。

Automatically adding EXIF data to an image caption

このチュートリアルで、WordPressでEXIFフォトタグを追加する方法を学んでいただけたら幸いです。また、アルバムでフォトギャラリーを作成する方法や、WordPressのスライダープラグインのエキスパートセレクションもご覧ください。

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

情報開示 私たちのコンテンツは読者支援型です。これは、あなたが私たちのリンクの一部をクリックした場合、私たちはコミッションを得ることができることを意味します。 WPBeginnerの資金源 をご覧ください。3$編集プロセスをご覧ください。

アバター

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

究極のWordPressツールキット

ツールキットへの無料アクセス - すべてのプロフェッショナルが持つべきWordPress関連製品とリソースのコレクション!

Reader Interactions

1件のコメント返信を残す

  1. Syed Balkhi

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

返信を残す

コメントありがとうございます。すべてのコメントは私たちのコメントポリシーに従ってモデレートされ、あなたのメールアドレスが公開されることはありませんのでご留意ください。名前欄にキーワードを使用しないでください。個人的で有意義な会話をしましょう。