Cambiar la longitud de los extractos de las publicaciones del blog de Divi

Un extracto de publicación es esa versión abreviada del contenido de la publicación que aparece debajo de cada título de publicación en un blog o página de archivo. Para los usuarios de WordPress, el uso del término «extracto» generalmente se refiere a una de tres cosas diferentes: extractos manuales, extractos automáticos o teasers.

Los extractos manuales se pueden agregar «manualmente» en el cuadro de texto del extracto al editar una sola publicación. Los extractos automáticos se generan «automáticamente» cuando su tema usa la etiqueta the_excerpt() en la plantilla de publicación (esto es lo que Divi usa de manera predeterminada). Los avances son lo que se muestra si usa la «etiqueta más» dentro de su publicación y su tema usa la etiqueta the_content () en la plantilla de la publicación.

En esta publicación, le mostraré cómo cambiar la longitud de los extractos automáticos de Divi, ya sea que esté utilizando el Módulo de blog o la plantilla de blog estándar para mostrar sus publicaciones. También le mostraré cómo generar extractos manuales para sus publicaciones individuales.

¡Empecemos!

Cambiar la longitud de los extractos de las publicaciones del blog de Divi

Suscríbete a nuestro canal de Youtube

Cambiar la longitud del extracto automático para la página de categoría y la página de blog estándar de Divi

La longitud predeterminada de los extractos de las publicaciones del blog de Divi es de 270 caracteres.

Cambiar la longitud del extracto predeterminado para la página de su blog y la página de categoría requiere una modificación en el archivo index.php de Divi.

Agrega una copia del archivo index.php a tu tema hijo. Si no tiene un tema hijo instalado, su primera tarea será crear uno .

Abra el archivo index.php usando su editor de texto y busque el siguiente fragmento de código:

truncate_post( 270 );

Cambie el número «270» a lo que quiera que sea la longitud de caracteres de su extracto. Si desea que el extracto tenga una longitud de 470 caracteres, reemplace el código con lo siguiente:

truncate_post( 470 );

Guarde su archivo y consulte la página de publicación de su blog y/o la página de categoría para ver la nueva longitud del extracto en su lugar.

Cambiar la longitud de los extractos de publicaciones del módulo de blog de Divi

Si está utilizando el módulo de blog para su página de blog, cambiar la longitud del extracto automático requiere una modificación del archivo main-modules.php en los archivos de temas de Divi.

Una vez más, el primer paso (si aún no lo ha hecho) será crear un tema secundario para que las futuras actualizaciones de su tema no anulen sus personalizaciones. Una vez que haya creado y activo su tema secundario en su sitio, debe redefinir y mover el código del módulo de blog al tema secundario. Para hacer esto, cree una nueva carpeta en su carpeta de temas secundarios llamada «módulos personalizados».

Dentro de la nueva carpeta «módulos personalizados», cree un nuevo archivo llamado «cbm.php»

Dentro de su archivo cbm.php, inserte la siguiente copia (ligeramente modificada) del código que controla el módulo de blog que se encuentra originalmente en el archivo main-modules.php (asegúrese de incluir la etiqueta php de apertura en la parte superior de su archivo antes del siguiente código):

Nota: este es un cuadro de desplazamiento de código. Deberá seleccionar y arrastrar para obtenerlo todo.

<?php
class Custom_ET_Builder_Module_Blog extends ET_Builder_Module {
    function init() {
        $this->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_dropshadow',
            '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_dropshadow'    => array( 'off' ),
            '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' ),
                    'text'    => array(
                        'title'    => esc_html__( 'Text', 'et_builder' ),
                        'priority' => 49,
                    ),
                ),
            ),
        );
 
        $this->advanced_options = array(
            'fonts' => array(
                'header' => array(
                    'label'    => esc_html__( 'Header', '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',
                    ),
                ),
                '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",
                    ),
                ),
            ),
            'border' => array(
                'css'      => array(
                    'main' => "%%order_class%%.et_pb_module .et_pb_post",
                    'important' => 'plugin_only',
                ),
            ),
        );
        $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',
            ),
        );
    }
     
    /**
     * 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' => '',
            'use_dropshadow'                => '',
            'overlay_icon_color'            => '',
            'hover_overlay_color'           => '',
            'hover_icon'                    => '',
            'use_overlay'                   => '',
        );
 
        // 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 );
 
        $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(
                '<span class="et_overlay%1$s"%2$s></span>',
                ( '' !== $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 '<div class="et_pb_salvattore_content" data-columns>';
            }
 
            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
                ?>
                    <article id="" <?php post_class( 'et_pb_post clearfix' . $no_thumb_class . $overlay_class ) ?>>
                        <?php
                            et_divi_post_format_content();
 
                            if ( ! in_array( $post_format, array( 'link', 'audio', 'quote' ) ) ) {
                                if ( 'video' === $post_format && false !== ( $first_video = et_get_first_video() ) ) :
                                    $video_overlay = has_post_thumbnail() ? sprintf(
                                        '<div class="et_pb_video_overlay" style="background-image: url(%1$s); background-size: cover;">
                                            <div class="et_pb_video_overlay_hover">
                                                <a href="#" class="et_pb_video_play"></a>
                                            </div>
                                        </div>',
                                        $thumb
                                    ) : '';
 
                                    printf(
                                        '<div class="et_main_video_container">
                                            %1$s
                                            %2$s
                                        </div>',
                                        $video_overlay,
                                        $first_video
                                    );
                                elseif ( 'gallery' === $post_format ) :
                                    et_pb_gallery_images( 'slider' );
                                elseif ( '' !== $thumb && 'on' === $args['show_thumbnail'] ) :
                                    if ( 'on' !== $args['fullwidth'] ) echo '<div class="et_pb_image_container">'; ?>
                                        <a href="<?php esc_url( the_permalink() ); ?>" class="entry-featured-image-url">
                                            <?php print_thumbnail( $thumb, $thumbnail["use_timthumb"], $titletext, $width, $height ); ?>
                                            <?php if ( 'on' === $args['use_overlay'] ) {
                                                echo $overlay_output;
                                            } ?>
                                        </a>
                                <?php
                                    if ( 'on' !== $args['fullwidth'] ) echo '</div> <!-- .et_pb_image_container -->';
                                endif;
                            }
                        ?>
 
                        <?php if ( 'off' === $args['fullwidth'] || ! in_array( $post_format, array( 'link', 'audio', 'quote' ) ) ) { ?>
                            <?php if ( ! in_array( $post_format, array( 'link', 'audio' ) ) ) { ?>
                                <h2 class="entry-title"><a href="<?php esc_url( the_permalink() ); ?>"><?php the_title(); ?></a></h2>
                            <?php } ?>
 
                            <?php
                                if ( 'on' === $args['show_author'] || 'on' === $args['show_date'] || 'on' === $args['show_categories'] || 'on' === $args['show_comments'] ) {
                                    printf( '<p class="post-meta">%1$s %2$s %3$s %4$s %5$s %6$s %7$s</p>',
                                        (
                                            'on' === $args['show_author']
                                                ? et_get_safe_localization( sprintf( __( 'by %s', 'et_builder' ), '<span class="author vcard">' .  et_pb_get_the_author_posts_link() . '</span>' ) )
                                                : ''
                                        ),
                                        (
                                            ( 'on' === $args['show_author'] && 'on' === $args['show_date'] )
                                                ? ' | '
                                                : ''
                                        ),
                                        (
                                            'on' === $args['show_date']
                                                ? et_get_safe_localization( sprintf( __( '%s', 'et_builder' ), '<span class="published">' . esc_html( get_the_date( $args['meta_date'] ) ) . '</span>' ) )
                                                : ''
                                        ),
                                        (
                                            (( '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 '<div class="post-content">';
 
                                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(
                                        '<style type="text/css" class="et_fb_blog_inner_content_styles">
                                            %1$s
                                        </style>',
                                        $internal_style
                                    );
                                }
 
                                echo '</div>';
 
                                if ( 'on' !== $args['show_content'] ) {
                                    $more = 'on' == $args['show_more'] ? sprintf( ' <a href="%1$s" class="more-link" >%2$s</a>' , esc_url( get_permalink() ), esc_html__( 'read more', 'et_builder' ) )  : '';
                                    echo $more;
                                }
                                ?>
                        <?php } // 'off' === $fullwidth || ! in_array( $post_format, array( 'link', 'audio', 'quote', 'gallery' ?>
                    </article>
                <?php
 
                $et_fb_processing_shortcode_object = $global_processing_original_value;
            } // endwhile
 
            if ( 'on' !== $args['fullwidth'] ) {
                echo '</div>';
            }
 
            if ( 'on' === $args['show_pagination'] && ! $is_search ) {
                // echo '</div> <!-- .et_pb_posts -->'; // @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();
        } 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_postdata();
 
        // Reset $wp_query to its origin
        $wp_query = $wp_query_page;
 
        $posts = ob_get_contents();
 
        ob_end_clean();
 
        return $posts;
    }
 
    function shortcode_callback( $atts, $content = null, $function_name ) {
        /**
         * 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'];
        $use_dropshadow      = $this->shortcode_atts['use_dropshadow'];
        $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'];
 
        global $paged;
 
        $module_class = ET_Builder_Element::add_module_order_class( $module_class, $function_name );
 
        $container_is_closed = false;
 
        // 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' );
 
        // 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(
                '<span class="et_overlay%1$s"%2$s></span>',
                ( '' !== $hover_icon ? ' et_pb_inline_icon' : '' ),
                $data_icon
            );
        }
 
        $overlay_class = 'on' === $use_overlay ? ' et_pb_has_overlay' : '';
 
        if ( 'on' !== $fullwidth ){
            if ( 'on' === $use_dropshadow ) {
                $module_class .= ' et_pb_blog_grid_dropshadow';
            }
 
            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() );
        }
 
        ob_start();
 
        query_posts( $args );
 
        if ( have_posts() ) {
            if ( 'off' === $fullwidth ) {
                echo '<div class="et_pb_salvattore_content" data-columns>';
            }
 
            while ( have_posts() ) {
                the_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 = '';
                } ?>
 
            <article id="post-<?php the_ID(); ?>" <?php post_class( 'et_pb_post clearfix' . $no_thumb_class . $overlay_class  ); ?>>
 
            <?php
                et_divi_post_format_content();
 
                if ( ! in_array( $post_format, array( 'link', 'audio', 'quote' ) ) ) {
                    if ( 'video' === $post_format && false !== ( $first_video = et_get_first_video() ) ) :
                        $video_overlay = has_post_thumbnail() ? sprintf(
                            '<div class="et_pb_video_overlay" style="background-image: url(%1$s); background-size: cover;">
                                <div class="et_pb_video_overlay_hover">
                                    <a href="#" class="et_pb_video_play"></a>
                                </div>
                            </div>',
                            $thumb
                        ) : '';
 
                        printf(
                            '<div class="et_main_video_container">
                                %1$s
                                %2$s
                            </div>',
                            $video_overlay,
                            $first_video
                        );
                    elseif ( 'gallery' === $post_format ) :
                        et_pb_gallery_images( 'slider' );
                    elseif ( '' !== $thumb && 'on' === $show_thumbnail ) :
                        if ( 'on' !== $fullwidth ) echo '<div class="et_pb_image_container">'; ?>
                            <a href="<?php esc_url( the_permalink() ); ?>" class="entry-featured-image-url">
                                <?php print_thumbnail( $thumb, $thumbnail["use_timthumb"], $titletext, $width, $height ); ?>
                                <?php if ( 'on' === $use_overlay ) {
                                    echo $overlay_output;
                                } ?>
                            </a>
                    <?php
                        if ( 'on' !== $fullwidth ) echo '</div> <!-- .et_pb_image_container -->';
                    endif;
                } ?>
 
            <?php if ( 'off' === $fullwidth || ! in_array( $post_format, array( 'link', 'audio', 'quote' ) ) ) { ?>
                <?php if ( ! in_array( $post_format, array( 'link', 'audio' ) ) ) { ?>
                    <h2 class="entry-title"><a href="<?php esc_url( the_permalink() ); ?>"><?php the_title(); ?></a></h2>
                <?php } ?>
 
                <?php
                    if ( 'on' === $show_author || 'on' === $show_date || 'on' === $show_categories || 'on' === $show_comments ) {
                        printf( '<p class="post-meta">%1$s %2$s %3$s %4$s %5$s %6$s %7$s</p>',
                            (
                                'on' === $show_author
                                    ? et_get_safe_localization( sprintf( __( 'by %s', 'et_builder' ), '<span class="author vcard">' .  et_pb_get_the_author_posts_link() . '</span>' ) )
                                    : ''
                            ),
                            (
                                ( 'on' === $show_author && 'on' === $show_date )
                                    ? ' | '
                                    : ''
                            ),
                            (
                                'on' === $show_date
                                    ? et_get_safe_localization( sprintf( __( '%s', 'et_builder' ), '<span class="published">' . esc_html( get_the_date( $meta_date ) ) . '</span>' ) )
                                    : ''
                            ),
                            (
                                (( '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 '<div class="post-content">';
                    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( ' <a href="%1$s" class="more-link" >%2$s</a>' , esc_url( get_permalink() ), esc_html__( 'read more', 'et_builder' ) )  : '';
                        echo $more;
                    }
 
                    echo '</div>';
                    ?>
            <?php } // 'off' === $fullwidth || ! in_array( $post_format, array( 'link', 'audio', 'quote', 'gallery' ?>
 
            </article> <!-- .et_pb_post -->
    <?php
            } // endwhile
 
            if ( 'off' === $fullwidth ) {
                echo '</div><!-- .et_pb_salvattore_content -->';
            }
 
            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 '</div> <!-- .et_pb_posts -->';
 
                $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(
            '<div%5$s class="%1$s%3$s%6$s">
                <div class="et_pb_ajax_pagination_container">
                    %2$s
                </div>
            %4$s',
            ( 'on' === $fullwidth ? 'et_pb_posts' : 'et_pb_blog_grid clearfix' ),
            $posts,
            esc_attr( $class ),
            ( ! $container_is_closed ? '</div> <!-- .et_pb_posts -->' : '' ),
            ( '' !== $module_id ? sprintf( ' id="%1$s"', esc_attr( $module_id ) ) : '' ),
            ( '' !== $module_class ? sprintf( ' %1$s', esc_attr( $module_class ) ) : '' )
        );
 
        if ( 'on' !== $fullwidth )
            $output = sprintf( '<div class="et_pb_blog_grid_wrapper">%1$s</div>', $output );
 
        // Restore $wp_filter
        $wp_filter = $wp_filter_cache;
        unset($wp_filter_cache);
 
        return $output;
    }
}

Busque la siguiente línea de código que designa la longitud del extracto:

echo wpautop( et_delete_post_first_video( strip_shortcodes( truncate_post( 270, false, '', true ) ) ) );

Observe el valor numérico «270». Este es el número actual de caracteres permitidos para la longitud de su extracto. Si desea un extracto más largo, reemplace el número «270» con un número más grande como «470». La nueva línea de código debería verse así:

echo wpautop( et_delete_post_first_video( strip_shortcodes( truncate_post( 470, false, '', true ) ) ) );

Ahora que su archivo cmb.php está en su lugar, regrese a la carpeta de su tema secundario y agregue un nuevo archivo llamado «functions.php».

Abra el archivo functions.php e inserte el siguiente código:

<?php
//*============================================
//Loading the Custom Module into child theme
//=============================================*/
function divi_module_loading() {
    if ( ! class_exists('ET_Builder_Module') ) {
        return;
    }

Una vez que el nuevo archivo function.php esté en su lugar, consulte la página de su blog para ver cómo aumenta la longitud del nuevo extracto.

Este cambio afectará tanto a la cuadrícula como al diseño de ancho completo del módulo de blog.

Insertar extractos manuales para sus publicaciones de blog Divi

A veces es necesario personalizar completamente el extracto de una publicación para asegurarse de que el contenido y la longitud sean exactamente lo que desea. Esto es fácil de hacer con Divi.

Primero necesita habilitar el uso de extractos. Vaya a Divi → Opciones de tema y, en la configuración general, haga clic para habilitar la opción «Usar extractos cuando se defina».

Guardar cambios

Al editar su publicación, busque el cuadro de texto Extracto en el editor de texto WYSIWYG. Introduzca un extracto personalizado dentro del cuadro de texto.

Cualquier contenido que ingrese dentro del cuadro de texto Extracto (sin importar la longitud) se mostrará como el extracto de esa publicación específica.

Pensamientos finales

Hay una serie de razones para cambiar la longitud de los extractos. El motivo puede ser puramente estético o puede ser una forma de impulsar tu estrategia de contenido. Ya sea que esté utilizando el módulo Divi Blog, una página de blog estándar o extractos manuales, espero que este tutorial lo ayude a tener más control sobre el contenido de su blog.

Espero escuchar de usted en los comentarios.

¡Disfrutar!

Cambiar la longitud del extracto automático para la página de categoría y la página de blog estándar de Divi

Cambiar la longitud de los extractos de publicaciones del módulo de blog de Divi

Insertar extractos manuales para sus publicaciones de blog Divi

Pensamientos finales

Publicaciones relacionadas: