Hur man addar EXIF Photo Tags i WordPress (2 enkla sätt)

Tar du fantastiska foton och uploadar dem till din WordPress blogg? I så fall kanske du vill dela deras EXIF-data med dina läsare och potentiella customers.

EXIF-tagged innehåller massor av information om dina foton, till exempel kameratillverkare, exponering och när fotot togs. Om du säljer images online, undervisar andra fotografer eller bara visar upp ditt arbete, vet vi att många läsare bryr sig om EXIF tags.

I den här artikeln visar vi dig hur du enkelt kan add to EXIF-fototaggar i WordPress så att du kan dela med dig av storyn bakom dina images.

Varför visa EXIF Tags i dina WordPress Image Captions?

Om du är fotograf är WordPress ett utmärkt sätt att visa upp ditt arbete. Det finns massor av beautiful themes för WordPress-fotografer och tillägg som kan hjälpa dig att främja dina images, bygga ditt varumärke och till och med få fler customers.

För att lära dig mer, vänligen se vårt expertval av de bästa WordPress-tilläggen för fotografer.

Som standard visar WordPress dock inte några av dina EXIF-taggar (Exchangeable Image File Format), t.ex. kameratillverkare och -modell, upplösning och exponering samt location och tid då bilden togs.

Dessa uppgifter kan vara bra för besökarna att känna till, särskilt om du säljer digitala foton och grafik online. By display detailed information next to each photo, you can make your site seem more trustworthy and encourage people to buy your photographs.

EXIF tags är också användbara om du runar en blogg, eftersom de kan hjälpa läsarna att lära sig mer om dina bilder.

Att hämta dessa data och sedan lägga till dem på din website manuellt skulle ta tid och ansträngning, särskilt om du har många olika foton.

Med det sagt, låt oss se hur du kan add EXIF foto taggar till din captions automatiskt. Använd bara snabblänkarna under för att hoppa direkt till den metod du vill använda.

Metod 1: Lägga till EXIF-taggar till specifika bildtexter

Ibland kanske du vill visa EXIF-taggarna endast för specifika foton. Till exempel kan du visa taggarna för location för bilder av ett känt landmärke, men dölja denna information på images av ditt hus.

Att visa alla EXIF-tags för varje bild kan också vara överväldigande för besökarna. Om du till exempel har ett gallery med bilder från en senaste fotosession kan du visa EXIF-taggar för kameratillverkare och modell endast för den första imagen. Detta kan också förhindra duplicerat content, vilket är bra för din sökmotorsoptimering av image.

Det enklaste sättet att add to EXIF tags till specifika foton är att använda Exif Caption.

Detta plugin allow you att välja de EXIF-taggar du vill använda, och de foton där du vill visa denna information. Detta är perfekt om du bara behöver visa EXIF-taggarna för specifika foton.

Det första du behöver göra är att installera och aktivera pluginet Exif Caption. För mer detaljer, se vår Step-by-Step guide om hur du installerar ett WordPress plugin.

Efter aktiveringen går du till Media ” Exif Caption i WordPress dashpanelen. Här ser du alla foton som har EXIF-data.

För att konfigurera Exif Caption, gå vidare och klicka för att förstora sectionen ”Settings”.

Till att börja med kan du välja om du vill ersätta den aktuella image cap tion med EXIF-data eller visa tags bredvid den ursprungliga caption.

Om du inte vill åsidosätta de aktuella captionerna väljer du antingen ”Insert to left” eller ”Insert to right”. Pluginet kommer sedan att add to tags före eller efter den ursprungliga image caption på din WordPress blogg.

Därefter ser du en box med all EXIF tags som du kan add to the image captions.

Som standard lägger Exif Caption till alla available tags, så det är bara att delete de tags som du inte vill använda.

Om du tar bort en tag och sedan ändrar dig, klickar du bara på knappen ”Standard”. Då läggs alla tillgängliga EXIF-tags till igen.

Pluginet kan också add EXIF-data till bildens alt-text. Detta kan förbättra din sökmotorsoptimering, men det kan också leda till duplicerat content så vi rekommenderar att du använder det försiktigt.

Om du vill gå vidare och add to EXIF tags to your alt text, check the box next to ’Insert into alt at the same time’.

När du är nöjd med hur pluginet är konfigurerat, glöm inte att clicka på ”Save Changes”.

När det är gjort är du redo att add to EXIF-data till dina images captions. Gå helt enkelt ner i listan med images och kontrollera boxen bredvid varje foto där du vill visa EXIF-data.

För att gå vidare och add to EXIF tags till dessa image captions, klicka helt enkelt på ”Update”.

Om du valde ”Insert into alt at the same time”, kommer pluginet också att kopiera tags till alt-fältet för image.

Nu, varje gång du addar dessa images till en page eller post, kommer WordPress automatiskt att visa EXIF tags i image’s caption.

Metod 2: Visa automatiskt EXIF-data för alla dina foton

Vill du visa EXIF tags för alla dina images? Då är det mer logiskt att använda ett plugin som automatiskt addar denna information till dina captions.

Exif Details visar detaljerad EXIF-information i WordPress adminpanelen. Det kan också add dessa tags till dina image captions automatiskt.

Tänk bara på att du måste skriva lite customize-kod, så det här är inte den mest nybörjarvänliga metoden.

Exif Details hämtar också EXIF-informationen när du först uploadar imagen till WordPress. Detta innebär att det inte kommer att visa EXIF-tags för några images som du redan har addat till mediabiblioteket.

Först måste du installera och aktivera pluginet Exif Details. För mer information, se vår Step-by-Step guide om hur du installerar ett plugin för WordPress.

När du är aktiverad, gå till Media ” Library och ta en titt på ”EXIF”-colonnen.

För att se taggarna för en specifik image, clickar du bara på texten ”Tags and Values”.

Nu ska du obs/observera EXIF-koderna för de data som du vill displayed. Till exempel visar ”DateTimeOriginal” datum och tid när filen skapades.

En fullständig lista över tillgängliga tags finns på sidan EXIF Tags.

När du har dessa tags är det dags att add to custom code till WordPress. Ofta ber guider dig att direkt editera ditt temas functions.php-fil, men detta kan orsaka alla möjliga vanliga WordPress error.

Du kommer också att förlora den anpassade koden nästa gång du uppdaterar ditt WordPress-tema. Av den anledningen rekommenderar vi att du använder WPCode istället.

WPCode är det bästa code snippet plugin för WordPress och tillåter dig att add to ett obegränsat antal PHP, CSS, HTML, och JavaScript snippets till din website.

Det första du behöver göra är att installera och aktivera det gratis pluginet WPCode. För mer detaljer, se vår Step-by-Step guide om hur du installerar ett WordPress plugin. När du har aktiverat, heada över till Code Snippets ” Add Snippet.

Here, you’ll see all the ready-made WPCode snippets you can add to your site. Dessa inkluderar snippets som addar en featured image column till din adminpanel, allowar användare att ladda upp images till din webbplats, inaktiverar bilagssidor, och mycket mer.

Håll bara musen över ”Add Your Custom Code” och klicka sedan på knappen ”Use snippet” när den visas.

Till att börja med skriver du in en titel för det anpassade code snippet. Detta kan vara vad som helst som hjälper dig att identifiera snippet i WordPress dashboard.

Därefter öppnar du dropdown ’Code Type’ och väljer ’PHP Snippet’.

I ’Code Preview’ editor måste du add to ett snippet som hämtar EXIF tags och sedan lägger till denna information i image’s caption.

Här är till exempel ett snippet som hämtar filens fotograferingsdatum och -tid:

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 );

För att visa olika EXIF-data behöver du bara tweaka code snippet ovan.

När du är nöjd med din kod, rulla till ”Insertion” section. WPCode kan add your PHP till olika locations, till exempel efter varje post, endast front-end eller endast admin.

Vi vill använda den customize PHP på hela vår WordPress website, så click på ”Auto Insert” om den inte redan är vald. Öppna sedan ”Location” dropdown och välj ”Run Everywhere”.

Efter det är du redo att rulla högst upp på vyn och klicka på ”Inaktiverad” toggle, så att den ändras till ”Aktiv”.

Slutligen klickar du på ”Save Snippet” för att göra PHP snippet live.

Nu kommer Exif Details att få taggarna varje gång du uploadar en new image. Den kommer sedan att add to denna information till image caption automatiskt.

För att prova detta, heada till Media ” Bibliotek och klicka sedan på ’Add New’.

Du kan nu uppladare en image från din dator.

Därefter går du tillbaka till Media ” Library och klickar för att förstora bildens ”Tags and Values”.

Förutsatt att fotot har rätt EXIF-tags kommer WordPress automatiskt att add to denna information till captionen.

I Följer kan du till exempel se att WordPress redan har add to fotograferingsdatum och tid till bilden caption.

Vi hoppas att denna tutorial hjälpte dig att lära dig hur du lägger till EXIF-fototaggar i WordPress. Du kanske också vill lära dig hur du skapar ett fotogalleri med album, eller se vårt expertval av de bästa tilläggen för sliders i 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.