Changeset 14016 for sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-learn-2024/functions.php

Timestamp:

09/03/2024 04:51:13 AM (17 months ago)

Author:

adamwood

Message:

Learn: Sync with git WordPress/learn@d87d9b3

File:

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

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

@@ -55 +55 @@
 add_filter( 'single_template_hierarchy', __NAMESPACE__ . '\modify_single_template' );
 add_filter( 'taxonomy_template_hierarchy', __NAMESPACE__ . '\modify_taxonomy_template_hierarchy' );
+add_filter( 'wp_calculate_image_sizes', __NAMESPACE__ . '\modify_grid_image_sizes', 10, 5 );
 add_filter( 'wp_get_attachment_image_attributes', __NAMESPACE__ . '\eager_load_first_card_rows_images', 10, 3 );
 add_filter( 'wporg_block_navigation_menus', __NAMESPACE__ . '\add_site_navigation_menus' );
@@ -167 +168 @@
 
     return $attr;
+}
+
+/**
+ * Modify the image sizes attribute to improve performance by loading the size that is closest to the grid column width.
+ */
+function modify_grid_image_sizes( $sizes, $size, $image_src, $image_meta, $attachment_id ) {
+    if ( is_front_page() || is_archive() || is_search() || is_page( 'my-courses' ) ) {
+        return '(max-width: 768px) 100vw, (max-width: 1270px) 50vw, 33vw';
+    }
+
+    return $sizes;
 }