Turn On WordPress Feature To Display Photo EXIF Data and IPTC Information

WordPress supports EXIF and IPTC data extraction since WordPress 2.5. However, the functions to display the extracted EXIF and IPTC information have to be separately added to WordPress theme files.
Normally, the default WordPress theme bundled with WordPress archive provides reference on how to use new functions introduced by the latest release.
However, these EXIF-related functions are not exampled in both default and classic theme, not even found in the latest WordPress 2.7.1. The only thing I found is how to create template of image.php theme file, with reference to the default theme.

If you prefer not to install additional WordPress plugin since the core is already inbuilt EXIF-related functions, here I show you how to “turn” it on (if you do not mind my poor presentation).

Enable WordPress theme to display the EXIF and IPTC data of digital photograph

Example:


Steps:

First, create a image.php template file if your WordPress theme doesn’t have one. As shown in my previous post, it is easy to create one in no time.

You just need to duplicate single.php or index.php and rename it to image.php.

Edit the image.php template file, search for the PHP code that calling the_content() function and replace it with the codes that render image gallery as well as EXIF/IPTC information.

Note, the PHP code is referring to code that enclosed in a pair of <?php and ?>.

So, let’s take the classic theme bundled with WordPress 2.7.1 as example, this is the line

<?php the_content(__('(more...)')); ?>

that should be replace with the following code:

<!-- To display thumbnail of previous and next image in the photo gallery -->
<div style="float:right;">
      <?php next_image_link() ?>
</div><?php previous_image_link() ?><br />

<!-- To display current image in the photo gallery -->
<div style="text-align: center;">
      <a href="<?php echo wp_get_attachment_url($post->ID); ?>"><?php echo wp_get_attachment_image( $post->ID, 'medium' ); ?></a>
</div><br />

<!-- Using WordPress functions to retrieve the extracted EXIF information from database -->
<div style="padding:5px 0 5px 20px;border:1px dotted;">
   <?php
      $imgmeta = wp_get_attachment_metadata( $id );

// Convert the shutter speed retrieve from database to fraction
      if ((1 / $imgmeta['image_meta']['shutter_speed']) > 1)
      {
         if ((number_format((1 / $imgmeta['image_meta']['shutter_speed']), 1)) == 1.3
         or number_format((1 / $imgmeta['image_meta']['shutter_speed']), 1) == 1.5
         or number_format((1 / $imgmeta['image_meta']['shutter_speed']), 1) == 1.6
         or number_format((1 / $imgmeta['image_meta']['shutter_speed']), 1) == 2.5){
            $pshutter = "1/" . number_format((1 / $imgmeta['image_meta']['shutter_speed']), 1, '.', '') . " second";
         }
         else{
           $pshutter = "1/" . number_format((1 / $imgmeta['image_meta']['shutter_speed']), 0, '.', '') . " second";
         }
      }
      else{
         $pshutter = $imgmeta['image_meta']['shutter_speed'] . " seconds";
       }

// Start to display EXIF and IPTC data of digital photograph
       echo "Date Taken: " . date("d-M-Y H:i:s", $imgmeta['image_meta']['created_timestamp'])."<br />";
       echo "Copyright: " . $imgmeta['image_meta']['copyright']."<br />";
       echo "Credit: " . $imgmeta['image_meta']['credit']."<br />";
       echo "Title: " . $imgmeta['image_meta']['title']."<br />";
       echo "Caption: " . $imgmeta['image_meta']['caption']."<br />";
       echo "Camera: " . $imgmeta['image_meta']['camera']."<br />";
       echo "Focal Length: " . $imgmeta['image_meta']['focal_length']."mm<br />";
       echo "Aperture: f/" . $imgmeta['image_meta']['aperture']."<br />";
       echo "ISO: " . $imgmeta['image_meta']['iso']."<br />";
       echo "Shutter Speed: " . $pshutter . "<br />"
   ?>
</div>

<?php if ( !empty($post->post_excerpt) ) the_excerpt(); ?><br />

Next, look for the PHP code that present title URL (the code that call the_title() function) with these codes so that the parent post URL is used when rendering image gallery:

<a href="<?php echo get_permalink($post->post_parent); ?>" rev="attachment"><?php echo get_the_title($post->post_parent); ?> </a>

Once these are done, your WordPress theme is not only ready to render image gallery but also to show EXIF / IPTC information of the digital images.

• Add Shutter Speed, Aperture, EXIF, Or IPTC Data To WordPress Gallery
• How To Display WordPress EXIF’s Shutter Speed As Fraction?
• How To Create Image Template File For The Classic WordPress Theme?
• How To Create image.php Template File For WordPress Theme To Display Photo Gallery?
• How To Change WordPress Image Caption Text Style To Superscripts?
• How To Insert Multiple Images In WordPress 2.6 Without Using Shortcode?
• How To Embed SWF In HTML Code Or WordPress Post?

• How To Remove Unwanted Microsoft Updates From Windows Update Program?

• How To Create Optimized Image For Web Or Blog?