name = esc_html__( 'Blog', 'et_builder' ); $this->slug = 'et_pb_blog'; $this->fb_support = true; $this->whitelisted_fields = array( 'fullwidth', 'posts_number', 'include_categories', 'meta_date', 'show_thumbnail', 'show_content', 'show_more', 'show_author', 'show_date', 'show_categories', 'show_comments', 'show_pagination', 'offset_number', 'background_layout', 'admin_label', 'module_id', 'module_class', 'masonry_tile_background_color', 'use_overlay', 'overlay_icon_color', 'hover_overlay_color', 'hover_icon', ); $this->fields_defaults = array( 'fullwidth' => array( 'on' ), 'posts_number' => array( 10, 'add_default_setting' ), 'meta_date' => array( 'M j, Y', 'add_default_setting' ), 'show_thumbnail' => array( 'on' ), 'show_content' => array( 'off' ), 'show_more' => array( 'off' ), 'show_author' => array( 'on' ), 'show_date' => array( 'on' ), 'show_categories' => array( 'on' ), 'show_comments' => array( 'off' ), 'show_pagination' => array( 'on' ), 'offset_number' => array( 0, 'only_default_setting' ), 'background_layout' => array( 'light' ), 'use_overlay' => array( 'off' ), ); $this->main_css_element = '%%order_class%% .et_pb_post'; $this->options_toggles = array( 'general' => array( 'toggles' => array( 'main_content' => esc_html__( 'Content', 'et_builder' ), 'elements' => esc_html__( 'Elements', 'et_builder' ), 'background' => esc_html__( 'Background', 'et_builder' ), ), ), 'advanced' => array( 'toggles' => array( 'layout' => esc_html__( 'Layout', 'et_builder' ), 'overlay' => esc_html__( 'Overlay', 'et_builder' ), 'image' => array( 'title' => esc_html__( 'Image', 'et_builder' ), 'priority' => 51, ), 'text' => array( 'title' => esc_html__( 'Text', 'et_builder' ), 'priority' => 49, ), ), ), ); $this->advanced_options = array( 'border' => array( 'css' => array( 'main' => array( 'border_radii' => "%%order_class%%.et_pb_blog_grid .et_pb_post", 'border_styles' => "%%order_class%%.et_pb_blog_grid .et_pb_post", ), ), 'depends_to' => array( 'fullwidth' ), 'depends_show_if' => 'off', 'defaults' => array( 'border_radii' => 'on|0px|0px|0px|0px', 'border_styles' => array( 'width' => '1px', 'color' => '#d8d8d8', 'style' => 'solid', ), ), ), 'fonts' => array( 'header' => array( 'label' => esc_html__( 'Title', 'et_builder' ), 'css' => array( 'main' => "{$this->main_css_element} .entry-title", 'color' => "{$this->main_css_element} .entry-title a", 'plugin_main' => "{$this->main_css_element} .entry-title, {$this->main_css_element} .entry-title a", 'important' => 'all', ), 'header_level' => array( 'default' => 'h2', 'computed_affects' => array( '__posts', ), ), ), 'body' => array( 'label' => esc_html__( 'Body', 'et_builder' ), 'css' => array( 'main' => "{$this->main_css_element} .post-content, %%order_class%%.et_pb_bg_layout_light .et_pb_post .post-content p, %%order_class%%.et_pb_bg_layout_dark .et_pb_post .post-content p", 'color' => "{$this->main_css_element}, {$this->main_css_element} .post-content *", 'line_height' => "{$this->main_css_element} p", 'plugin_main' => "{$this->main_css_element}, %%order_class%%.et_pb_bg_layout_light .et_pb_post .post-content p, %%order_class%%.et_pb_bg_layout_dark .et_pb_post .post-content p, %%order_class%%.et_pb_bg_layout_light .et_pb_post a.more-link, %%order_class%%.et_pb_bg_layout_dark .et_pb_post a.more-link", ), ), 'meta' => array( 'label' => esc_html__( 'Meta', 'et_builder' ), 'css' => array( 'main' => "{$this->main_css_element} .post-meta, {$this->main_css_element} .post-meta a", 'plugin_main' => "{$this->main_css_element} .post-meta, {$this->main_css_element} .post-meta a, {$this->main_css_element} .post-meta span", ), ), 'pagination' => array( 'label' => esc_html__( 'Pagination', 'et_builder' ), 'css' => array( 'main' => function_exists( 'wp_pagenavi' ) ? '%%order_class%% .wp-pagenavi a, %%order_class%% .wp-pagenavi span' : '%%order_class%% .pagination a', 'important' => function_exists( 'wp_pagenavi' ) ? 'all' : array(), 'text_align' => '%%order_class%% .wp-pagenavi', ), 'hide_text_align' => ! function_exists( 'wp_pagenavi' ), 'text_align' => array( 'options' => et_builder_get_text_orientation_options( array( 'justified' ), array() ), ), ), ), 'background' => array( 'css' => array( 'main' => '%%order_class%%', ), ), 'custom_margin_padding' => array( 'css' => array( 'main' => '%%order_class%%', ), ), 'max_width' => array(), 'text' => array( 'css' => array( 'text_shadow' => '%%order_class%%', ), ), 'filters' => array( 'child_filters_target' => array( 'tab_slug' => 'advanced', 'toggle_slug' => 'image', ), ), 'image' => array( 'css' => array( 'main' => array( '%%order_class%% img', '%%order_class%% .et_pb_slides', '%%order_class%% .et_pb_video_overlay', ), ), ), ); $this->custom_css_options = array( 'title' => array( 'label' => esc_html__( 'Title', 'et_builder' ), 'selector' => '.entry-title', ), 'post_meta' => array( 'label' => esc_html__( 'Post Meta', 'et_builder' ), 'selector' => '.post-meta', ), 'pagenavi' => array( 'label' => esc_html__( 'Pagenavi', 'et_builder' ), 'selector' => '.wp_pagenavi', ), 'featured_image' => array( 'label' => esc_html__( 'Featured Image', 'et_builder' ), 'selector' => '.et_pb_image_container', ), 'read_more' => array( 'label' => esc_html__( 'Read More Button', 'et_builder' ), 'selector' => '.more-link', ), ); } function get_fields() { $fields = array( 'fullwidth' => array( 'label' => esc_html__( 'Layout', 'et_builder' ), 'type' => 'select', 'option_category' => 'layout', 'options' => array( 'on' => esc_html__( 'Fullwidth', 'et_builder' ), 'off' => esc_html__( 'Grid', 'et_builder' ), ), 'affects' => array( 'background_layout', 'masonry_tile_background_color', 'border_radii_fullwidth', 'border_styles_fullwidth', 'border_radii', 'border_styles', ), 'description' => esc_html__( 'Toggle between the various blog layout types.', 'et_builder' ), 'computed_affects' => array( '__posts', ), 'tab_slug' => 'advanced', 'toggle_slug' => 'layout', ), 'posts_number' => array( 'label' => esc_html__( 'Posts Number', 'et_builder' ), 'type' => 'text', 'option_category' => 'configuration', 'description' => esc_html__( 'Choose how much posts you would like to display per page.', 'et_builder' ), 'computed_affects' => array( '__posts', ), 'toggle_slug' => 'main_content', ), 'include_categories' => array( 'label' => esc_html__( 'Include Categories', 'et_builder' ), 'renderer' => 'et_builder_include_categories_option', 'option_category' => 'basic_option', 'renderer_options' => array( 'use_terms' => false, ), 'description' => esc_html__( 'Choose which categories you would like to include in the feed.', 'et_builder' ), 'toggle_slug' => 'main_content', 'computed_affects' => array( '__posts', ), ), 'meta_date' => array( 'label' => esc_html__( 'Meta Date Format', 'et_builder' ), 'type' => 'text', 'option_category' => 'configuration', 'description' => esc_html__( 'If you would like to adjust the date format, input the appropriate PHP date format here.', 'et_builder' ), 'toggle_slug' => 'main_content', 'computed_affects' => array( '__posts', ), ), 'show_thumbnail' => array( 'label' => esc_html__( 'Show Featured Image', 'et_builder' ), 'type' => 'yes_no_button', 'option_category' => 'configuration', 'options' => array( 'on' => esc_html__( 'Yes', 'et_builder' ), 'off' => esc_html__( 'No', 'et_builder' ), ), 'description' => esc_html__( 'This will turn thumbnails on and off.', 'et_builder' ), 'computed_affects' => array( '__posts', ), 'toggle_slug' => 'elements', ), 'show_content' => array( 'label' => esc_html__( 'Content', 'et_builder' ), 'type' => 'select', 'option_category' => 'configuration', 'options' => array( 'off' => esc_html__( 'Show Excerpt', 'et_builder' ), 'on' => esc_html__( 'Show Content', 'et_builder' ), ), 'affects' => array( 'show_more', ), 'description' => esc_html__( 'Showing the full content will not truncate your posts on the index page. Showing the excerpt will only display your excerpt text.', 'et_builder' ), 'toggle_slug' => 'main_content', 'computed_affects' => array( '__posts', ), ), 'show_more' => array( 'label' => esc_html__( 'Show Read More Button', 'et_builder' ), 'type' => 'yes_no_button', 'option_category' => 'configuration', 'options' => array( 'off' => esc_html__( 'No', 'et_builder' ), 'on' => esc_html__( 'Yes', 'et_builder' ), ), 'depends_show_if' => 'off', 'description' => esc_html__( 'Here you can define whether to show "read more" link after the excerpts or not.', 'et_builder' ), 'computed_affects' => array( '__posts', ), 'toggle_slug' => 'elements', ), 'show_author' => array( 'label' => esc_html__( 'Show Author', 'et_builder' ), 'type' => 'yes_no_button', 'option_category' => 'configuration', 'options' => array( 'on' => esc_html__( 'Yes', 'et_builder' ), 'off' => esc_html__( 'No', 'et_builder' ), ), 'description' => esc_html__( 'Turn on or off the author link.', 'et_builder' ), 'computed_affects' => array( '__posts', ), 'toggle_slug' => 'elements', ), 'show_date' => array( 'label' => esc_html__( 'Show Date', 'et_builder' ), 'type' => 'yes_no_button', 'option_category' => 'configuration', 'options' => array( 'on' => esc_html__( 'Yes', 'et_builder' ), 'off' => esc_html__( 'No', 'et_builder' ), ), 'description' => esc_html__( 'Turn the date on or off.', 'et_builder' ), 'computed_affects' => array( '__posts', ), 'toggle_slug' => 'elements', ), 'show_categories' => array( 'label' => esc_html__( 'Show Categories', 'et_builder' ), 'type' => 'yes_no_button', 'option_category' => 'configuration', 'options' => array( 'on' => esc_html__( 'Yes', 'et_builder' ), 'off' => esc_html__( 'No', 'et_builder' ), ), 'description' => esc_html__( 'Turn the category links on or off.', 'et_builder' ), 'computed_affects' => array( '__posts', ), 'toggle_slug' => 'elements', ), 'show_comments' => array( 'label' => esc_html__( 'Show Comment Count', 'et_builder' ), 'type' => 'yes_no_button', 'option_category' => 'configuration', 'options' => array( 'on' => esc_html__( 'Yes', 'et_builder' ), 'off' => esc_html__( 'No', 'et_builder' ), ), 'description' => esc_html__( 'Turn comment count on and off.', 'et_builder' ), 'computed_affects' => array( '__posts', ), 'toggle_slug' => 'elements', ), 'show_pagination' => array( 'label' => esc_html__( 'Show Pagination', 'et_builder' ), 'type' => 'yes_no_button', 'option_category' => 'configuration', 'options' => array( 'on' => esc_html__( 'Yes', 'et_builder' ), 'off' => esc_html__( 'No', 'et_builder' ), ), 'description' => esc_html__( 'Turn pagination on and off.', 'et_builder' ), 'computed_affects' => array( '__posts', ), 'toggle_slug' => 'elements', ), 'offset_number' => array( 'label' => esc_html__( 'Offset Number', 'et_builder' ), 'type' => 'text', 'option_category' => 'configuration', 'description' => esc_html__( 'Choose how many posts you would like to offset by', 'et_builder' ), 'toggle_slug' => 'main_content', 'computed_affects' => array( '__posts', ), ), 'use_overlay' => array( 'label' => esc_html__( 'Featured Image Overlay', 'et_builder' ), 'type' => 'yes_no_button', 'option_category' => 'layout', 'options' => array( 'off' => esc_html__( 'Off', 'et_builder' ), 'on' => esc_html__( 'On', 'et_builder' ), ), 'affects' => array( 'overlay_icon_color', 'hover_overlay_color', 'hover_icon', ), 'description' => esc_html__( 'If enabled, an overlay color and icon will be displayed when a visitors hovers over the featured image of a post.', 'et_builder' ), 'computed_affects' => array( '__posts', ), 'tab_slug' => 'advanced', 'toggle_slug' => 'overlay', ), 'overlay_icon_color' => array( 'label' => esc_html__( 'Overlay Icon Color', 'et_builder' ), 'type' => 'color-alpha', 'custom_color' => true, 'depends_show_if' => 'on', 'tab_slug' => 'advanced', 'toggle_slug' => 'overlay', 'description' => esc_html__( 'Here you can define a custom color for the overlay icon', 'et_builder' ), ), 'hover_overlay_color' => array( 'label' => esc_html__( 'Hover Overlay Color', 'et_builder' ), 'type' => 'color-alpha', 'custom_color' => true, 'depends_show_if' => 'on', 'tab_slug' => 'advanced', 'toggle_slug' => 'overlay', 'description' => esc_html__( 'Here you can define a custom color for the overlay', 'et_builder' ), ), 'hover_icon' => array( 'label' => esc_html__( 'Hover Icon Picker', 'et_builder' ), 'type' => 'text', 'option_category' => 'configuration', 'class' => array( 'et-pb-font-icon' ), 'renderer' => 'et_pb_get_font_icon_list', 'renderer_with_field' => true, 'depends_show_if' => 'on', 'description' => esc_html__( 'Here you can define a custom icon for the overlay', 'et_builder' ), 'tab_slug' => 'advanced', 'toggle_slug' => 'overlay', 'computed_affects' => array( '__posts', ), ), 'background_layout' => array( 'label' => esc_html__( 'Text Color', 'et_builder' ), 'type' => 'select', 'option_category' => 'color_option', 'options' => array( 'light' => esc_html__( 'Dark', 'et_builder' ), 'dark' => esc_html__( 'Light', 'et_builder' ), ), 'depends_default' => true, 'tab_slug' => 'advanced', 'toggle_slug' => 'text', 'description' => esc_html__( 'Here you can choose whether your text should be light or dark. If you are working with a dark background, then your text should be light. If your background is light, then your text should be set to dark.', 'et_builder' ), ), 'masonry_tile_background_color' => array( 'label' => esc_html__( 'Grid Tile Background Color', 'et_builder' ), 'type' => 'color-alpha', 'custom_color' => true, 'toggle_slug' => 'background', 'depends_show_if' => 'off', 'depends_to' => array( 'fullwidth', ), ), 'disabled_on' => array( 'label' => esc_html__( 'Disable on', 'et_builder' ), 'type' => 'multiple_checkboxes', 'options' => array( 'phone' => esc_html__( 'Phone', 'et_builder' ), 'tablet' => esc_html__( 'Tablet', 'et_builder' ), 'desktop' => esc_html__( 'Desktop', 'et_builder' ), ), 'additional_att' => 'disable_on', 'option_category' => 'configuration', 'description' => esc_html__( 'This will disable the module on selected devices', 'et_builder' ), 'tab_slug' => 'custom_css', 'toggle_slug' => 'visibility', ), 'admin_label' => array( 'label' => esc_html__( 'Admin Label', 'et_builder' ), 'type' => 'text', 'description' => esc_html__( 'This will change the label of the module in the builder for easy identification.', 'et_builder' ), 'toggle_slug' => 'admin_label', ), 'module_id' => array( 'label' => esc_html__( 'CSS ID', 'et_builder' ), 'type' => 'text', 'option_category' => 'configuration', 'tab_slug' => 'custom_css', 'toggle_slug' => 'classes', 'option_class' => 'et_pb_custom_css_regular', ), 'module_class' => array( 'label' => esc_html__( 'CSS Class', 'et_builder' ), 'type' => 'text', 'option_category' => 'configuration', 'tab_slug' => 'custom_css', 'toggle_slug' => 'classes', 'option_class' => 'et_pb_custom_css_regular', ), '__posts' => array( 'type' => 'computed', 'computed_callback' => array( 'ET_Builder_Module_Blog', 'get_blog_posts' ), 'computed_depends_on' => array( 'fullwidth', 'posts_number', 'include_categories', 'meta_date', 'show_thumbnail', 'show_content', 'show_more', 'show_author', 'show_date', 'show_categories', 'show_comments', 'show_pagination', 'offset_number', 'use_overlay', 'hover_icon', 'header_level', '__page', ), 'computed_minimum' => array( 'posts_number', ), ), '__page' => array( 'type' => 'computed', 'computed_callback' => array( 'ET_Builder_Module_Blog', 'get_blog_posts' ), 'computed_affects' => array( '__posts', ), ), ); return $fields; } /** * Get blog posts for blog module * * @param array arguments that is being used by et_pb_blog * @return string blog post markup */ static function get_blog_posts( $args = array(), $conditional_tags = array(), $current_page = array() ) { global $paged, $post, $wp_query, $et_fb_processing_shortcode_object, $et_pb_rendering_column_content; $global_processing_original_value = $et_fb_processing_shortcode_object; // Default params are combination of attributes that is used by et_pb_blog and // conditional tags that need to be simulated (due to AJAX nature) by passing args $defaults = array( 'fullwidth' => '', 'posts_number' => '', 'include_categories' => '', 'meta_date' => '', 'show_thumbnail' => '', 'show_content' => '', 'show_author' => '', 'show_date' => '', 'show_categories' => '', 'show_comments' => '', 'show_pagination' => '', 'background_layout' => '', 'show_more' => '', 'offset_number' => '', 'masonry_tile_background_color' => '', 'overlay_icon_color' => '', 'hover_overlay_color' => '', 'hover_icon' => '', 'use_overlay' => '', 'header_level' => 'h2', ); // WordPress' native conditional tag is only available during page load. It'll fail during component update because // et_pb_process_computed_property() is loaded in admin-ajax.php. Thus, use WordPress' conditional tags on page load and // rely to passed $conditional_tags for AJAX call $is_front_page = et_fb_conditional_tag( 'is_front_page', $conditional_tags ); $is_search = et_fb_conditional_tag( 'is_search', $conditional_tags ); $is_single = et_fb_conditional_tag( 'is_single', $conditional_tags ); $et_is_builder_plugin_active = et_fb_conditional_tag( 'et_is_builder_plugin_active', $conditional_tags ); $container_is_closed = false; // remove all filters from WP audio shortcode to make sure current theme doesn't add any elements into audio module remove_all_filters( 'wp_audio_shortcode_library' ); remove_all_filters( 'wp_audio_shortcode' ); remove_all_filters( 'wp_audio_shortcode_class' ); $args = wp_parse_args( $args, $defaults ); $processed_header_level = et_pb_process_header_level( $args['header_level'], 'h2' ); $overlay_output = ''; $hover_icon = ''; if ( 'on' === $args['use_overlay'] ) { $data_icon = '' !== $args['hover_icon'] ? sprintf( ' data-icon="%1$s"', esc_attr( et_pb_process_font_icon( $args['hover_icon'] ) ) ) : ''; $overlay_output = sprintf( '', ( '' !== $args['hover_icon'] ? ' et_pb_inline_icon' : '' ), $data_icon ); } $overlay_class = 'on' === $args['use_overlay'] ? ' et_pb_has_overlay' : ''; $query_args = array( 'posts_per_page' => intval( $args['posts_number'] ), 'post_status' => 'publish', ); if ( defined( 'DOING_AJAX' ) && isset( $current_page['paged'] ) ) { $paged = intval( $current_page['paged'] ); } else { $paged = $is_front_page ? get_query_var( 'page' ) : get_query_var( 'paged' ); } // support pagination in VB if ( isset( $args['__page'] ) ) { $paged = $args['__page']; } if ( '' !== $args['include_categories'] ) { $query_args['cat'] = $args['include_categories']; } if ( ! $is_search ) { $query_args['paged'] = $paged; } if ( '' !== $args['offset_number'] && ! empty( $args['offset_number'] ) ) { /** * Offset + pagination don't play well. Manual offset calculation required * @see: https://codex.wordpress.org/Making_Custom_Queries_using_Offset_and_Pagination */ if ( $paged > 1 ) { $query_args['offset'] = ( ( $paged - 1 ) * intval( $args['posts_number'] ) ) + intval( $args['offset_number'] ); } else { $query_args['offset'] = intval( $args['offset_number'] ); } } if ( $is_single ) { $query_args['post__not_in'][] = get_the_ID(); } // Get query $query = new WP_Query( $query_args ); // Keep page's $wp_query global $wp_query_page = $wp_query; // Turn page's $wp_query into this module's query $wp_query = $query; ob_start(); if ( $query->have_posts() ) { if ( 'on' !== $args['fullwidth'] ) { echo '
'; } while( $query->have_posts() ) { $query->the_post(); global $et_fb_processing_shortcode_object; $global_processing_original_value = $et_fb_processing_shortcode_object; // reset the fb processing flag $et_fb_processing_shortcode_object = false; $thumb = ''; $width = 'on' === $args['fullwidth'] ? 1080 : 400; $width = (int) apply_filters( 'et_pb_blog_image_width', $width ); $height = 'on' === $args['fullwidth'] ? 675 : 250; $height = (int) apply_filters( 'et_pb_blog_image_height', $height ); $classtext = 'on' === $args['fullwidth'] ? 'et_pb_post_main_image' : ''; $titletext = get_the_title(); $thumbnail = get_thumbnail( $width, $height, $classtext, $titletext, $titletext, false, 'Blogimage' ); $thumb = $thumbnail["thumb"]; $no_thumb_class = '' === $thumb || 'off' === $args['show_thumbnail'] ? ' et_pb_no_thumb' : ''; $post_format = et_pb_post_format(); if ( in_array( $post_format, array( 'video', 'gallery' ) ) ) { $no_thumb_class = ''; } // Print output ?>
>
', $thumb ) : ''; printf( '
%1$s %2$s
', $video_overlay, $first_video ); elseif ( 'gallery' === $post_format ) : et_pb_gallery_images( 'slider' ); elseif ( '' !== $thumb && 'on' === $args['show_thumbnail'] ) : if ( 'on' !== $args['fullwidth'] ) echo '
'; ?> '; endif; } ?> < class="entry-title">> %1$s %2$s %3$s %4$s %5$s %6$s %7$s

', ( 'on' === $args['show_author'] ? et_get_safe_localization( sprintf( __( 'by %s', 'et_builder' ), '' . et_pb_get_the_author_posts_link() . '' ) ) : '' ), ( ( 'on' === $args['show_author'] && 'on' === $args['show_date'] ) ? ' | ' : '' ), ( 'on' === $args['show_date'] ? et_get_safe_localization( sprintf( __( '%s', 'et_builder' ), '' . esc_html( get_the_date( $args['meta_date'] ) ) . '' ) ) : '' ), ( (( 'on' === $args['show_author'] || 'on' === $args['show_date'] ) && 'on' === $args['show_categories'] ) ? ' | ' : '' ), ( 'on' === $args['show_categories'] ? get_the_category_list(', ') : '' ), ( (( 'on' === $args['show_author'] || 'on' === $args['show_date'] || 'on' === $args['show_categories'] ) && 'on' === $args['show_comments']) ? ' | ' : '' ), ( 'on' === $args['show_comments'] ? sprintf( esc_html( _nx( '%s Comment', '%s Comments', get_comments_number(), 'number of comments', 'et_builder' ) ), number_format_i18n( get_comments_number() ) ) : '' ) ); } $post_content = et_strip_shortcodes( et_delete_post_first_video( get_the_content() ), true ); // reset the fb processing flag $et_fb_processing_shortcode_object = false; // set the flag to indicate that we're processing internal content $et_pb_rendering_column_content = true; // reset all the attributes required to properly generate the internal styles ET_Builder_Element::clean_internal_modules_styles(); echo '
'; if ( 'on' === $args['show_content'] ) { global $more; // page builder doesn't support more tag, so display the_content() in case of post made with page builder if ( et_pb_is_pagebuilder_used( get_the_ID() ) ) { $more = 1; echo apply_filters( 'the_content', $post_content ); } else { $more = null; echo apply_filters( 'the_content', et_delete_post_first_video( get_the_content( esc_html__( 'read more...', 'et_builder' ) ) ) ); } } else { if ( has_excerpt() ) { the_excerpt(); } else { if ( '' !== $post_content ) { // set the $et_fb_processing_shortcode_object to false, to retrieve the content inside truncate_post() correctly $et_fb_processing_shortcode_object = false; echo wpautop( et_delete_post_first_video( strip_shortcodes( truncate_post( 270, false, '', true ) ) ) ); // reset the $et_fb_processing_shortcode_object to its original value $et_fb_processing_shortcode_object = $global_processing_original_value; } else { echo ''; } } } $et_fb_processing_shortcode_object = $global_processing_original_value; // retrieve the styles for the modules inside Blog content $internal_style = ET_Builder_Element::get_style( true ); // reset all the attributes after we retrieved styles ET_Builder_Element::clean_internal_modules_styles( false ); $et_pb_rendering_column_content = false; // append styles to the blog content if ( $internal_style ) { printf( '', $internal_style ); } echo '
'; if ( 'on' !== $args['show_content'] ) { $more = 'on' == $args['show_more'] ? sprintf( ' %2$s' , esc_url( get_permalink() ), esc_html__( 'read more', 'et_builder' ) ) : ''; echo $more; } ?> '; } if ( 'on' === $args['show_pagination'] && ! $is_search ) { // echo '
'; // @todo this causes closing tag issue $container_is_closed = true; if ( function_exists( 'wp_pagenavi' ) ) { wp_pagenavi( array( 'query' => $query ) ); } else { if ( $et_is_builder_plugin_active ) { include( ET_BUILDER_PLUGIN_DIR . 'includes/navigation.php' ); } else { get_template_part( 'includes/navigation', 'index' ); } } } wp_reset_query(); } wp_reset_postdata(); // Reset $wp_query to its origin $wp_query = $wp_query_page; if ( ! $posts = ob_get_clean() ) { $posts = self::get_no_results_template(); } return $posts; } function shortcode_callback( $atts, $content = null, $function_name ) { global $post; // Stored current global post as variable so global $post variable can be restored // to its original state when et_pb_blog shortcode ends to avoid incorrect global $post // being used on the page (i.e. blog + shop module in backend builder) $post_cache = $post; /** * Cached $wp_filter so it can be restored at the end of the callback. * This is needed because this callback uses the_content filter / calls a function * which uses the_content filter. WordPress doesn't support nested filter */ global $wp_filter; $wp_filter_cache = $wp_filter; $module_id = $this->shortcode_atts['module_id']; $module_class = $this->shortcode_atts['module_class']; $fullwidth = $this->shortcode_atts['fullwidth']; $posts_number = $this->shortcode_atts['posts_number']; $include_categories = $this->shortcode_atts['include_categories']; $meta_date = $this->shortcode_atts['meta_date']; $show_thumbnail = $this->shortcode_atts['show_thumbnail']; $show_content = $this->shortcode_atts['show_content']; $show_author = $this->shortcode_atts['show_author']; $show_date = $this->shortcode_atts['show_date']; $show_categories = $this->shortcode_atts['show_categories']; $show_comments = $this->shortcode_atts['show_comments']; $show_pagination = $this->shortcode_atts['show_pagination']; $background_layout = $this->shortcode_atts['background_layout']; $show_more = $this->shortcode_atts['show_more']; $offset_number = $this->shortcode_atts['offset_number']; $masonry_tile_background_color = $this->shortcode_atts['masonry_tile_background_color']; $overlay_icon_color = $this->shortcode_atts['overlay_icon_color']; $hover_overlay_color = $this->shortcode_atts['hover_overlay_color']; $hover_icon = $this->shortcode_atts['hover_icon']; $use_overlay = $this->shortcode_atts['use_overlay']; $header_level = $this->shortcode_atts['header_level']; global $paged; $module_class = ET_Builder_Element::add_module_order_class( $module_class, $function_name ); $video_background = $this->video_background(); $parallax_image_background = $this->get_parallax_image_background(); $container_is_closed = false; $processed_header_level = et_pb_process_header_level( $header_level, 'h2' ); // some themes do not include these styles/scripts so we need to enqueue them in this module to support audio post format wp_enqueue_style( 'wp-mediaelement' ); wp_enqueue_script( 'wp-mediaelement' ); // include easyPieChart which is required for loading Blog module content via ajax correctly wp_enqueue_script( 'easypiechart' ); // include ET Shortcode scripts wp_enqueue_script( 'et-shortcodes-js' ); // remove all filters from WP audio shortcode to make sure current theme doesn't add any elements into audio module remove_all_filters( 'wp_audio_shortcode_library' ); remove_all_filters( 'wp_audio_shortcode' ); remove_all_filters( 'wp_audio_shortcode_class' ); if ( '' !== $masonry_tile_background_color ) { ET_Builder_Element::set_style( $function_name, array( 'selector' => '%%order_class%%.et_pb_blog_grid .et_pb_post', 'declaration' => sprintf( 'background-color: %1$s;', esc_html( $masonry_tile_background_color ) ), ) ); } if ( '' !== $overlay_icon_color ) { ET_Builder_Element::set_style( $function_name, array( 'selector' => '%%order_class%% .et_overlay:before', 'declaration' => sprintf( 'color: %1$s !important;', esc_html( $overlay_icon_color ) ), ) ); } if ( '' !== $hover_overlay_color ) { ET_Builder_Element::set_style( $function_name, array( 'selector' => '%%order_class%% .et_overlay', 'declaration' => sprintf( 'background-color: %1$s;', esc_html( $hover_overlay_color ) ), ) ); } if ( 'on' === $use_overlay ) { $data_icon = '' !== $hover_icon ? sprintf( ' data-icon="%1$s"', esc_attr( et_pb_process_font_icon( $hover_icon ) ) ) : ''; $overlay_output = sprintf( '', ( '' !== $hover_icon ? ' et_pb_inline_icon' : '' ), $data_icon ); } $overlay_class = 'on' === $use_overlay ? ' et_pb_has_overlay' : ''; if ( 'on' !== $fullwidth ){ wp_enqueue_script( 'salvattore' ); $background_layout = 'light'; } $args = array( 'posts_per_page' => (int) $posts_number ); $et_paged = is_front_page() ? get_query_var( 'page' ) : get_query_var( 'paged' ); if ( is_front_page() ) { $paged = $et_paged; } if ( '' !== $include_categories ) { $args['cat'] = $include_categories; } if ( ! is_search() ) { $args['paged'] = $et_paged; } if ( '' !== $offset_number && ! empty( $offset_number ) ) { /** * Offset + pagination don't play well. Manual offset calculation required * @see: https://codex.wordpress.org/Making_Custom_Queries_using_Offset_and_Pagination */ if ( $paged > 1 ) { $args['offset'] = ( ( $et_paged - 1 ) * intval( $posts_number ) ) + intval( $offset_number ); } else { $args['offset'] = intval( $offset_number ); } } if ( is_single() && ! isset( $args['post__not_in'] ) ) { $args['post__not_in'] = array( get_the_ID() ); } // Images: Add CSS Filters and Mix Blend Mode rules (if set) if ( array_key_exists( 'image', $this->advanced_options ) && array_key_exists( 'css', $this->advanced_options['image'] ) ) { $module_class .= $this->generate_css_filters( $function_name, 'child_', self::$data_utils->array_get( $this->advanced_options['image']['css'], 'main', '%%order_class%%' ) ); } ob_start(); query_posts( $args ); if ( have_posts() ) { if ( 'off' === $fullwidth ) { echo '
'; } while ( have_posts() ) { the_post(); global $post; $post_format = et_pb_post_format(); $thumb = ''; $width = 'on' === $fullwidth ? 1080 : 400; $width = (int) apply_filters( 'et_pb_blog_image_width', $width ); $height = 'on' === $fullwidth ? 675 : 250; $height = (int) apply_filters( 'et_pb_blog_image_height', $height ); $classtext = 'on' === $fullwidth ? 'et_pb_post_main_image' : ''; $titletext = get_the_title(); $thumbnail = get_thumbnail( $width, $height, $classtext, $titletext, $titletext, false, 'Blogimage' ); $thumb = $thumbnail['thumb']; $no_thumb_class = '' === $thumb || 'off' === $show_thumbnail ? ' et_pb_no_thumb' : ''; if ( in_array( $post_format, array( 'video', 'gallery' ) ) ) { $no_thumb_class = ''; } ?>
>
', $thumb ) : ''; printf( '
%1$s %2$s
', $video_overlay, $first_video ); elseif ( 'gallery' === $post_format ) : et_pb_gallery_images( 'slider' ); elseif ( '' !== $thumb && 'on' === $show_thumbnail ) : if ( 'on' !== $fullwidth ) { echo '
'; } ?> '; endif; } ?> < class="entry-title">> %1$s %2$s %3$s %4$s %5$s %6$s %7$s

', ( 'on' === $show_author ? et_get_safe_localization( sprintf( __( 'by %s', 'et_builder' ), '' . et_pb_get_the_author_posts_link() . '' ) ) : '' ), ( ( 'on' === $show_author && 'on' === $show_date ) ? ' | ' : '' ), ( 'on' === $show_date ? et_get_safe_localization( sprintf( __( '%s', 'et_builder' ), '' . esc_html( get_the_date( $meta_date ) ) . '' ) ) : '' ), ( (( 'on' === $show_author || 'on' === $show_date ) && 'on' === $show_categories) ? ' | ' : '' ), ( 'on' === $show_categories ? get_the_category_list(', ') : '' ), ( (( 'on' === $show_author || 'on' === $show_date || 'on' === $show_categories ) && 'on' === $show_comments) ? ' | ' : '' ), ( 'on' === $show_comments ? sprintf( esc_html( _nx( '%s Comment', '%s Comments', get_comments_number(), 'number of comments', 'et_builder' ) ), number_format_i18n( get_comments_number() ) ) : '' ) ); } echo '
'; global $et_pb_rendering_column_content; $post_content = et_strip_shortcodes( et_delete_post_first_video( get_the_content() ), true ); $et_pb_rendering_column_content = true; if ( 'on' === $show_content ) { global $more; // page builder doesn't support more tag, so display the_content() in case of post made with page builder if ( et_pb_is_pagebuilder_used( get_the_ID() ) ) { $more = 1; echo apply_filters( 'the_content', $post_content ); } else { $more = null; echo apply_filters( 'the_content', et_delete_post_first_video( get_the_content( esc_html__( 'read more...', 'et_builder' ) ) ) ); } } else { if ( has_excerpt() ) { the_excerpt(); } else { echo wpautop( et_delete_post_first_video( strip_shortcodes( truncate_post( 270, false, '', true ) ) ) ); } } $et_pb_rendering_column_content = false; if ( 'on' !== $show_content ) { $more = 'on' == $show_more ? sprintf( ' %2$s' , esc_url( get_permalink() ), esc_html__( 'read more', 'et_builder' ) ) : ''; echo $more; } echo '
'; ?> '; } if ( 'on' === $show_pagination && ! is_search() ) { if ( function_exists( 'wp_pagenavi' ) ) { wp_pagenavi(); } else { if ( et_is_builder_plugin_active() ) { include( ET_BUILDER_PLUGIN_DIR . 'includes/navigation.php' ); } else { get_template_part( 'includes/navigation', 'index' ); } } echo '
'; $container_is_closed = true; } } else { if ( et_is_builder_plugin_active() ) { include( ET_BUILDER_PLUGIN_DIR . 'includes/no-results.php' ); } else { get_template_part( 'includes/no-results', 'index' ); } } wp_reset_query(); $posts = ob_get_contents(); ob_end_clean(); $class = " et_pb_module et_pb_bg_layout_{$background_layout}"; $output = sprintf( ' %10$s %8$s
%2$s
%4$s %12$s', ( 'on' === $fullwidth ? 'et_pb_posts' : 'et_pb_blog_grid clearfix' ), $posts, esc_attr( $class ), ( ! $container_is_closed ? ' ' : '' ), ( '' !== $module_id ? sprintf( ' id="%1$s"', esc_attr( $module_id ) ) : '' ), ( '' !== $module_class ? sprintf( ' %1$s', esc_attr( $module_class ) ) : '' ), '' !== $video_background ? ' et_pb_section_video et_pb_preload' : '', $video_background, '' !== $parallax_image_background ? ' et_pb_section_parallax' : '', $parallax_image_background, $this->get_text_orientation_classname(), $this->drop_shadow_back_compatibility( $function_name ) ); if ( 'on' !== $fullwidth ) { $output = sprintf( '
%1$s
', $output ); } // Restore $wp_filter $wp_filter = $wp_filter_cache; unset($wp_filter_cache); // Restore global $post into its original state when et_pb_blog shortcode ends to avoid // the rest of the page uses incorrect global $post variable $post = $post_cache; return $output; } public function process_box_shadow( $function_name ) { /** * @var ET_Builder_Module_Field_BoxShadow $boxShadow */ $boxShadow = ET_Builder_Module_Fields_Factory::get( 'BoxShadow' ); $selector = '.' . self::get_module_order_class( $function_name ); if ( isset( $this->shortcode_atts['fullwidth'] ) && $this->shortcode_atts['fullwidth'] === 'off' ) { $selector .= ' article.et_pb_post'; } self::set_style( $function_name, $boxShadow->get_style( $selector, $this->shortcode_atts ) ); } protected function _add_additional_border_fields() { parent::_add_additional_border_fields(); $suffix = 'fullwidth'; $this->_additional_fields_options = array_merge( $this->_additional_fields_options, ET_Builder_Module_Fields_Factory::get( 'Border' )->get_fields( array( 'suffix' => "_{$suffix}", 'depends_to' => array( 'fullwidth' ), 'depends_show_if' => 'on', 'defaults' => array( 'border_radii' => 'on||||', 'border_styles' => array( 'width' => '0px', 'color' => '#333333', 'style' => 'solid', ), ), ) ) ); $this->advanced_options["border_{$suffix}"]["border_styles_{$suffix}"] = $this->_additional_fields_options["border_styles_{$suffix}"]; $this->advanced_options["border_{$suffix}"]["border_radii_{$suffix}"] = $this->_additional_fields_options["border_radii_{$suffix}"]; $this->advanced_options["border_{$suffix}"]['css'] = array( 'main' => array( 'border_radii' => "%%order_class%%:not(.et_pb_blog_grid) .et_pb_post", 'border_styles' => "%%order_class%%:not(.et_pb_blog_grid) .et_pb_post", ), ); } function process_advanced_border_options( $function_name ) { parent::process_advanced_border_options( $function_name ); $suffix = 'fullwidth'; /** * @var ET_Builder_Module_Field_Border $border_field */ $border_field = ET_Builder_Module_Fields_Factory::get( 'Border' ); $css_selector = ! empty( $this->advanced_options["border_{$suffix}"]['css']['main']['border_radii'] ) ? $this->advanced_options["border_{$suffix}"]['css']['main']['border_radii'] : $this->main_css_element; self::set_style( $function_name, array( 'selector' => $css_selector, 'declaration' => $border_field->get_radii_style( $this->shortcode_atts, $this->advanced_options, "_{$suffix}" ), 'priority' => $this->_style_priority, ) ); $css_selector = ! empty( $this->advanced_options["border_{$suffix}"]['css']['main']['border_styles'] ) ? $this->advanced_options["border_{$suffix}"]['css']['main']['border_styles'] : $this->main_css_element; self::set_style( $function_name, array( 'selector' => $css_selector, 'declaration' => $border_field->get_borders_style( $this->shortcode_atts, $this->advanced_options, "_{$suffix}" ), 'priority' => $this->_style_priority, ) ); } /** * Since the styling file is not updated until the author updates the page/post, * we should keep the drop shadow visible. * * @param string $functions_name * * @return string */ private function drop_shadow_back_compatibility( $functions_name ) { $utils = ET_Core_Data_Utils::instance(); $atts = $this->shortcode_atts; if ( version_compare( $utils->array_get( $atts, '_builder_version', '3.0.93' ), '3.0.94', 'lt' ) && 'on' !== $utils->array_get( $atts, 'fullwidth' ) && 'on' === $utils->array_get( $atts, 'use_dropshadow' ) ) { $class = self::get_module_order_class( $functions_name ); return sprintf( '', sprintf( '.%1$s article.et_pb_post { box-shadow: 0 1px 5px rgba(0,0,0,.1) }', esc_html( $class ) ) ); } return ''; } } new ET_Builder_Module_Blog;