'w-grid-item', 'data-id' => get_the_ID(), ); // Add items appearance animation on loading if ( $load_animation !== 'none' AND ! us_amp() ) { $post_atts['class'] .= ' animate_' . $load_animation; if ( $type == 'masonry' ) { $post_atts['class'] .= ' animate_off_autostart'; } // Set "animation-delay" for every doubled amount of columns if ( $columns > 1 ) { global $us_grid_item_counter; $post_atts['style'] = sprintf( 'animation-delay:%ss', 0.1 * $us_grid_item_counter ); // Calcualte columns factor for better population on single screen if ( $columns >= 7 ) { $columns_factor = 4; } elseif ( $columns >= 5 ) { $columns_factor = 3; } else { $columns_factor = 2; } if ( ( $us_grid_item_counter + 1 ) < $columns * $columns_factor ) { $us_grid_item_counter ++; } else { $us_grid_item_counter = 0; } } } // Size class for Portfolio Pages if ( ! us_amp() AND ! $ignore_items_size AND ! $is_widget AND $type != 'carousel' AND usof_meta( 'us_tile_size' ) != '' ) { $post_atts['class'] .= ' size_' . usof_meta( 'us_tile_size' ); } // Generate background property based on image and color $background_value = ''; $bg_img_source = us_arr_path( $grid_layout_settings, 'default.options.bg_img_source' ); // Check if image source is set and it's not from Media Library (cause it's set in listing-start.php) if ( ! in_array( $bg_img_source, array( 'none', 'media' ) ) ) { // Featured image source if ( $bg_img_source == 'featured' ) { $bg_image = wp_get_attachment_image_url( get_post_thumbnail_id(), 'full' ); // Custom Field image source } elseif ( $postID = get_the_ID() ) { $bg_image = wp_get_attachment_image_url( get_post_meta( $postID, $bg_img_source, TRUE ), 'full' ); } // Image types from ACF if ( empty( $bg_image ) AND function_exists( 'acf_get_field' ) AND $acf_field = acf_get_field( $bg_img_source ) ) { foreach ( array_keys( us_get_taxonomies() ) as $taxonomy_slug ) { $taxonomy_ids = wp_get_object_terms( get_the_ID(), $taxonomy_slug, array( 'fields' => /* return */ 'ids' ) ); foreach ( $taxonomy_ids as $taxonomy_id ) { if ( $term_meta = get_term_meta( $taxonomy_id, $bg_img_source, TRUE ) ) { $bg_image = wp_get_attachment_image_url( $term_meta, 'full' ); break 2; } } } } // If the image exists, combine it with other background properties if ( ! empty( $bg_image ) ) { $background_value .= 'url(' . $bg_image . ') '; $background_value .= us_arr_path( $grid_layout_settings, 'default.options.bg_img_position' ); $background_value .= '/'; $background_value .= us_arr_path( $grid_layout_settings, 'default.options.bg_img_size' ); $background_value .= ' '; $background_value .= us_arr_path( $grid_layout_settings, 'default.options.bg_img_repeat' ); $bg_color = usof_meta( 'us_tile_bg_color' ) ? usof_meta( 'us_tile_bg_color' ) : us_arr_path( $grid_layout_settings, 'default.options.color_bg' ); $bg_color = us_get_color( $bg_color, /* Gradient */ TRUE ); // If the color value contains gradient, add comma for correct appearance if ( strpos( $bg_color, 'gradient' ) !== FALSE ) { $background_value .= ','; } $background_value .= ' ' . $bg_color; } } if ( ! $background_value ) { $background_value = usof_meta( 'us_tile_bg_color' ); $background_value = us_get_color( $background_value, /* Gradient */ TRUE ); } $color_value = usof_meta( 'us_tile_text_color' ); // Custom colors for Portfolio Pages $inline_css = us_prepare_inline_css( array( 'background' => $background_value, 'color' => us_get_color( $color_value ), ) ); // Generate Overriding Link semantics to the whole grid item $link_atts = array( 'class' => 'w-grid-item-anchor', ); if ( $overriding_link == 'post' OR $overriding_link == 'popup_post' ) { // Force custom link from metabox option if ( $tile_custom_link = json_decode( usof_meta( 'us_tile_link' ), TRUE ) AND ! empty( $tile_custom_link['url'] ) ) { $post_atts['class'] .= ' custom-link'; $link_atts['href'] = $tile_custom_link['url']; if ( ! empty( $tile_custom_link['target'] ) ) { $link_atts['target'] = '_blank'; $link_atts['rel'] = 'noopener'; // If link to an image, open it in a popup } elseif ( ! us_amp() AND preg_match( "/\.(bmp|gif|jpeg|jpg|png)$/i", $link_atts['href'] ) ) { $link_atts['ref'] = 'magnificPopupGrid'; } } else { $link_atts['href'] = apply_filters( 'the_permalink', get_permalink() ); $link_atts['rel'] = 'bookmark'; } // Force opening in a new tab for "Link" post format if ( get_post_format() == 'link' ) { $link_atts['target'] = '_blank'; $link_atts['rel'] = 'noopener'; } } elseif ( $overriding_link == 'popup_post_image' ) { $tnail_id = get_post_thumbnail_id(); if ( $link_atts['href'] = wp_get_attachment_image_url( $tnail_id, 'full' ) ) { if ( ! us_amp() ) { $link_atts['ref'] = 'magnificPopupGrid'; } // Use the Caption as a title $attachment = get_post( $tnail_id ); $link_atts['title'] = trim( strip_tags( $attachment->post_excerpt ) ); // If it's empty, use the Alt if ( empty( $link_atts['title'] ) ) { $link_atts['title'] = trim( strip_tags( get_post_meta( $attachment->ID, '_wp_attachment_image_alt', TRUE ) ) ); } // If it's empty, use the Title if ( empty( $link_atts['title'] ) ) { $link_atts['title'] = trim( strip_tags( get_the_title() ) ); } } } // Add aria-label if "title" attribute is absent for accessibility support if ( empty( $link_atts['title'] ) ) { $link_atts['aria-label'] = strip_tags( get_the_title() ); } // Apply theme filter $post_atts['class'] = apply_filters( 'us_grid_item_classes', $post_atts['class'], get_the_id() ); // Append WP post classes $post_atts['class'] .= ' ' . implode( ' ', get_post_class() ); ob_start(); ?>

> >