I’m wondering if it’s possible in the single.php template to use the width of the post’s featured image elsewhere in the page.
What I’m trying to do is add a div element on the page with the same width as the post’s featured image (which will always be a different width).
If anyone has any ideas, let me know.
Try the following. First, add this piece of code to the template:
<?php $image_data = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), "thumbnail" ); ?>
$image_data will now return an array containing the url, width, and height (function reference). To get the width, you might do this:
<?php $image_width = $image_data; ?>
In your specific example, after adding the two pieces of code above to your template, you might do this:
<div style="width:<?php echo $image_width; ?>">
Is that helpful?