Modificar forma ver Netxpage

(@almendron)

Aquí tienes como hacerlo: https://codex.wordpress.org/Styling_Page-Links

Ejemplo:

<?php $titulo = get_the_title(); ?>
<?php wp_link_pages(array('before' => '<span class="maspaginas">' . $titulo . ': </span> ', 'after' => '</span>', 'next_or_number' => 'number', 'pagelink' => 'Pág. %', 'link_before' => '<span class="maspaginas">', 'link_after' => '</span>')); ?>

Iniciador del debate

(@daanilb)

Gracias @almendron. Este código que se añade al archivo functions.php del tema, no? 🙂

Moderador

(@almendron)

No, no. Ese código se pone en el archivo correspondiente del tema. Normalmente, va después de «the_content». Busca en en los archivos del tema porque prácticamente todos lo llevan. Me refiero a «wp_link_pages».

Iniciador del debate

(@daanilb)

Buenas, otra vez!!!

He añadido ese código debajo del que tenía, he borrado el que tenía y dejado este y no hace nada, sigue mostrandose tal cual.

En el archivo del tema viene definido así:

 <footer>
                <?php
                     // post pagination
                    wp_link_pages(array(
                        'before' => '<div class="page-nav page-nav-post td-pb-padding-side">',
                        'after' => '</div>',
                        'link_before' => '<div>',
                        'link_after' => '</div>',
                        'nextpagelink'     => '<i class="td-icon-menu-right"></i>',
                        'previouspagelink' => '<i class="td-icon-menu-left"></i>',
                    ));

He encontrado un archivo que presupongo que es donde se configura, no?

tagdiv-page-generator.php

 /**
     * theme pagination
     */
    static function get_pagination() {

        global $wp_query;

        if( is_404() ) {
            return;
        }

        $pagenavi_options = array();
        $pagenavi_options['pages_text'] = esc_html__('Page %CURRENT_PAGE% of %TOTAL_PAGES%', 'newspaper');
        $pagenavi_options['current_text'] = '%PAGE_NUMBER%';
        $pagenavi_options['page_text'] = '%PAGE_NUMBER%';
        $pagenavi_options['first_text'] = esc_html__('1', 'newspaper');
        $pagenavi_options['last_text'] = esc_html__('%TOTAL_PAGES%', 'newspaper');
        if (is_rtl()) {
            $pagenavi_options['next_text'] = '<i class="td-icon-menu-right"></i>';
            $pagenavi_options['prev_text'] = '<i class="td-icon-menu-left"></i>';
        } else {
            $pagenavi_options['next_text'] = '<i class="td-icon-menu-right"></i>';
            $pagenavi_options['prev_text'] = '<i class="td-icon-menu-left"></i>';
        }
        $pagenavi_options['dotright_text'] = esc_html__('...', 'newspaper');
        $pagenavi_options['dotleft_text'] = esc_html__('...', 'newspaper');
        $pagenavi_options['num_pages'] = 3;
        $pagenavi_options['always_show'] = 0;
        $pagenavi_options['num_larger_page_numbers'] = 3;
        $pagenavi_options['larger_page_numbers_multiple'] = 1000;


        $paged = intval(get_query_var('paged'));
        $max_page = $wp_query->max_num_pages;

        if(empty($paged) || $paged == 0) {
            $paged = 1;
        }

        $pages_to_show = intval($pagenavi_options['num_pages']);
        $larger_page_to_show = intval($pagenavi_options['num_larger_page_numbers']);
        $larger_page_multiple = intval($pagenavi_options['larger_page_numbers_multiple']);
        $pages_to_show_minus_1 = $pages_to_show - 1;
        $half_page_start = floor($pages_to_show_minus_1/2);
        $half_page_end = ceil($pages_to_show_minus_1/2);
        $start_page = $paged - $half_page_start;
        if($start_page <= 0) {
            $start_page = 1;
        }
        $end_page = $paged + $half_page_end;
        if(($end_page - $start_page) != $pages_to_show_minus_1) {
            $end_page = $start_page + $pages_to_show_minus_1;
        }
        if($end_page > $max_page) {
            $start_page = $max_page - $pages_to_show_minus_1;
            $end_page = $max_page;
        }
        if($start_page <= 0) {
            $start_page = 1;
        }
        $larger_per_page = $larger_page_to_show*$larger_page_multiple;
        $larger_start_page_start = (self::td_round_number($start_page, 10) + $larger_page_multiple) - $larger_per_page;
        $larger_start_page_end = self::td_round_number($start_page, 10) + $larger_page_multiple;
        $larger_end_page_end = self::td_round_number($end_page, 10) + ($larger_per_page);
        if($larger_start_page_end - $larger_page_multiple == $start_page) {
            $larger_start_page_start = $larger_start_page_start - $larger_page_multiple;
            $larger_start_page_end = $larger_start_page_end - $larger_page_multiple;
        }
        if($larger_start_page_start <= 0) {
            $larger_start_page_start = $larger_page_multiple;
        }
        if($larger_start_page_end > $max_page) {
            $larger_start_page_end = $max_page;
        }
        if($larger_end_page_end > $max_page) {
            $larger_end_page_end = $max_page;
        }

        if($max_page > 1 || intval($pagenavi_options['always_show']) == 1) {
            $pages_text = str_replace("%CURRENT_PAGE%", number_format_i18n($paged), $pagenavi_options['pages_text']);
            $pages_text = str_replace("%TOTAL_PAGES%", number_format_i18n($max_page), $pages_text);

            echo '<div class="page-nav td-pb-padding-side">';

            previous_posts_link($pagenavi_options['prev_text']);
            if ($start_page >= 2 && $pages_to_show < $max_page) {
                $first_page_text = str_replace("%TOTAL_PAGES%", number_format_i18n($max_page), $pagenavi_options['first_text']);
                echo '<a href="' . esc_url(get_pagenum_link()) . '" class="first" title="' . $first_page_text . '">' . $first_page_text . '</a>';
                if(!empty($pagenavi_options['dotleft_text']) && ($start_page > 2)) {
                    echo '<span class="extend">' . $pagenavi_options['dotleft_text'] . '</span>';
                }
            }

            for($i = $start_page; $i  <= $end_page; $i++) {
                if($i == $paged) {
                    $current_page_text = str_replace("%PAGE_NUMBER%", number_format_i18n($i), $pagenavi_options['current_text']);
                    echo '<span class="current">' . $current_page_text . '</span>';
                } else {
                    $page_text = str_replace("%PAGE_NUMBER%", number_format_i18n($i), $pagenavi_options['page_text']);
                    echo '<a href="' . esc_url(get_pagenum_link($i)) . '" class="page" title="' . $page_text . '">' . $page_text . '</a>';
                }
            }

            if ($end_page < $max_page) {
                if(!empty($pagenavi_options['dotright_text']) && ($end_page + 1 < $max_page)) {
                    echo '<span class="extend">' . $pagenavi_options['dotright_text'] . '</span>';
                }

                $last_page_text = str_replace("%TOTAL_PAGES%", number_format_i18n($max_page), $pagenavi_options['last_text']);
                echo '<a href="' . esc_url(get_pagenum_link($max_page)) . '" class="last" title="' . $last_page_text . '">' . $last_page_text . '</a>';
            }
            next_posts_link($pagenavi_options['next_text'], $max_page);
            if(!empty($pages_text)) {
                echo '<span class="pages">' . $pages_text . '</span>';
            }

            echo '<div class="clearfix"></div>';
            echo '</div>';
        }
    }
    static function td_round_number($num, $tonearest) {
        return floor($num/$tonearest)*$tonearest;
    }

Gracias!!!

Moderador

(@almendron)

Olvídate del archivo. El código que comienza con «footer» es donde tienes que modificar.

Aquí tienes todas las explicaciones: https://codex.wordpress.org/Styling_Page-Links

Por ejemplo

'before' => '<div class="page-nav page-nav-post td-pb-padding-side">',

Esa «div» es lo que irá justo antes de la paginación. Puedes modificar el css asociado a esa «div» o poner otra «div» con su css correspondiente.

Moderador

(@almendron)

Aquí un poco mejor explicado.

Esta respuesta fue modificada hace 1 semana, 6 días por almendron.

Moderador

(@almendron)

Y una pregunta: ¿por qué has indicado una web que no existe en tu perfil?

Iniciador del debate

(@daanilb)

Gracias @almendron, le echaré un ojo y a ver si saco algo en claro. Porque he preguntado al soporte del tema y han pasado de mí.

Esa web estaba desactualizada, en la que hago la pregunta es famososlove.es que tiene el tema Bimber y la paginación sale bien pero estoy modificando el tema newspaper para cambiarlo.

Moderador

(@almendron)

Ejemplo: https://www.almendron.com/artehistoria/historia-de-espana/edad-contemporanea/liberalismo-y-romanticismo-en-tiempos-de-isabel-ii/v-la-construccion-del-estado-nacion/

ES que son cosas básicas. Creas una «div», le das el formato que te guste y en el array le indicas que aplique dicha «div».

Iniciador del debate

(@daanilb)

Buenas!!!!

He puesto el código del anterior tema tal cual y no hace ningún cambio, sigue tal cual estaba.

<?php
                     // post pagination
                    wp_link_pages(array(
    'before' => '<p>' . __('Pages:'),
    'after' => '</p>',
    'next_or_number' => 'number',
    'nextpagelink' => __('Next page'),
    'previouspagelink' => __('Previous page'),
    'pagelink' => '%',
    'echo' => 1 )
);

Moderador

(@almendron)

Normal que no haga nada. La páginación va en un simple párrafo. En lugar de «p» pon por ejemplo «<div class=»paginacion»> en «before» y luego pones «</div>» en «after». Por último, aplica estilos css a la div «paginación» y lo añades al Css adicional.

Iniciador del debate

(@daanilb)

Buenas tardes @almendron, gracias por tu ayuda.

Seguí tus pasos y seguimos igual, no modifica nada…

 <footer>
                <?php
                     // post pagination
                    wp_link_pages(array(
    'before' => '<div class="paginacion">' . __('Pages:'),
    'after' => '</div>',
    'next_or_number' => 'number',
    'nextpagelink' => __('Next page'),
    'previouspagelink' => __('Previous page'),
    'pagelink' => '%',
    'echo' => 1 )
);

añadí en el style.css lo mismo que tengo en el archivo del otro tema

.paginacion {
    clear: both;
    overflow: hidden;
    margin-top: 2.25rem;
    margin-bottom: 2.25rem;
    position: relative
}

.paginacion ul {
    padding: 0;
    margin: 0 -3px;
    position: relative;
    list-style: none;
    text-align: center
}

.paginacion ul:after {
    display: table;
    clear: both;
    content: ""
}

.paginacion-label {
    padding: 10px 0;
    text-align: center;
    font: 16px/20px serif;
    font-family: Poppins,Roboto,sans-serif;
    text-transform: none;
    letter-spacing: normal
}

.paginacion-item {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    padding: 0 3px;
    vertical-align: middle
}

.paginacion-item .g1-link {
    display: inline-block;
    padding: .25rem 10px
}

.paginacion-item .g1-arrow {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.paginacion-just-arrows .g1-arrow span,.paginacion-just-arrows .g1-link span {
    display: none
}

.paginacion-label-links {
    display: none
}

.paginacion-label-xofy {
    margin-bottom: 10px
}

.paginacion-label-xofy+ul .paginacion-item,.paginacion-label-xofy+ul .paginacion-item-current {
    display: none
}

.paginacion-label-xofy+ul .paginacion-item-prev {
    display: inline-block;
    float: left;
    width: 50%
}

.paginacion-label-xofy+ul .paginacion-item-next {
    display: inline-block;
    float: right;
    width: 50%
}

Y veo en la web, después de actualizar, borrar caché, ventana de incognito que la llamada que hace sigue siendo a lo de antes, no entiendo…

copio extracto desde inspeccionar en la web de pruebas que tengo

<div class="page-nav page-nav-post td-pb-padding-side"><a href="https://limegreen-hyena-505556.hostingersite.com/isabel-preysler-la-mayor-fan-de-julio-jose-iglesias-en-el-starlite-de-marbella/" class="post-page-numbers"><div><i class="td-icon-menu-left"></i></div></a> <a href="https://limegreen-hyena-505556.hostingersite.com/isabel-preysler-la-mayor-fan-de-julio-jose-iglesias-en-el-starlite-de-marbella/" class="post-page-numbers"><div>1</div></a> <span class="post-page-numbers current" aria-current="page"><div>2</div></span> <a href="https://limegreen-hyena-505556.hostingersite.com/isabel-preysler-la-mayor-fan-de-julio-jose-iglesias-en-el-starlite-de-marbella/3/" class="post-page-numbers"><div>3</div></a><a href="https://limegreen-hyena-505556.hostingersite.com/isabel-preysler-la-mayor-fan-de-julio-jose-iglesias-en-el-starlite-de-marbella/3/" class="post-page-numbers"><div><i class="td-icon-menu-right"></i></div></a></div>

Moderador

(@almendron)

Indica la URL para echar un vistazo

Iniciador del debate