Changeset 1705 for sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-showcase/functions.php

Timestamp:

07/05/2015 07:26:25 PM (10 years ago)

Author:

Otto42

Message:

Add srcset to screenshot images, move img tag building into functions.php

File:

• sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-showcase/functions.php (modified) (2 diffs)

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-showcase/functions.php

@@ -31 +31 @@
     }
 
-    if ( !empty( $_COOKIE['devicePixelRatio'] ) && $_COOKIE['devicePixelRatio'] >= 1.5 ) {
-        $width = $width * 2;
-    }
-
     if ( '' != $width ) {
         $screenshot .= '?w=' . $width;
@@ -46 +42 @@
         return $screenshot;
     }
+}
+
+// build the whole img tag properly for the screenshot, with srcset support
+function site_screenshot_tag( $width = '', $classes='screenshot' ) {
+    global $post;
+
+    $screenshot = get_post_meta($post->ID, 'screenshot', true);
+    if ( empty( $screenshot ) ) {
+        $screenshot = 'https://wordpress.com/mshots/v1/http%3A%2F%2F' . get_site_domain( true, false );
+        $srcset = $screenshot;
+    }
+
+    if ( '' != $width ) {
+        $screenshot .= '?w=' . $width;
+        $srcset .= '?w=' . $width*2;
+    }
+
+    // mshot images have a 4/3 ratio
+    $height = (int)( $width * (3/4) );
+
+    $img = "<img src='{$screenshot}' srcset='$srcset 2x' width='{$width}' height='{$height}' alt='". the_title_attribute(array('echo'=>false)) . "' class='{$classes}' />";
+
+    echo $img;
 }