Cómo agregar paginación jedna tema na WordPress

Hay que buscar un complemento. También hay ayuda para mantener el sitio actualizado con todos los scripts CSS y externos.

Desafortunadamente, hay funciones de wordpress y "paginate_links" para agregar WordPress 2.1 y permiso para crear una navegación de paginación para cualquier consulta. Aquí hay un tutorial que se puede usar para navegar por un truco simple con un tema que aparece en la página general de temas de WordPress.

📑 Aquí podrás encontrar 👇

PHP por página

Simplificar el código final de los archivos finales functions.php (para más archivado del tema que no está protegido).

// Numbered Pagination
if ( !function_exists( 'wpex_pagination' ) ) {
	
	function wpex_pagination() {
		
		$prev_arrow = is_rtl() ? '→' : '←';
		$next_arrow = is_rtl() ? '←' : '→';
		
		global $wp_query;
		$total = $wp_query->max_num_pages;
		$big = 999999999; // need an unlikely integer
		if( $total > 1 )  {
			 if( !$current_page = get_query_var('paged') )
				 $current_page = 1;
			 if( get_option('permalink_structure') ) {
				 $format="page/%#%/";
			 } else {
				 $format="&paged=%#%";
			 }
			echo paginate_links(array(
				'base'			=> str_replace( $big, '%#%', esc_url( get_pagenum_link( $big ) ) ),
				'format'		=> $format,
				'current'		=> max( 1, get_query_var('paged') ),
				'total' 		=> $total,
				'mid_size'		=> 3,
				'type' 			=> 'list',
				'prev_text'		=> $prev_arrow,
				'next_text'		=> $next_arrow,
			 ) );
		}
	}
	
}

Ver todo el metro par

CSS página por página

Copie CSS en un formato seguro en péguelo en el archivo style.css.

ul.page-numbers {
    list-style: none;
    margin: 0;
}

.page-numbers:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

ul.page-numbers li {
    display: block;
    float: left;
    margin: 0 4px 4px 0;
    text-align: center;
}

.page-numbers a,
.page-numbers span {
    line-height: 1.6em;
    display: block;
    padding: 0 6px;
    height: 18px;
    line-height: 18px;
    font-size: 12px;
    text-decoration: none;
    font-weight: 400;
    cursor: pointer;
    border: 1px solid #ddd;
    color: #888;
}

.page-numbers a span { padding: 0 }

.page-numbers a:hover,
.page-numbers.current,
.page-numbers.current:hover {
    color: #000;
    background: #f7f7f7;
    text-decoration: none;
}

.page-numbers:hover { text-decoration: none }

Agregue la función de paginación en su tema

Es realmente simple comenzar a usar la función de paginación. Todo lo que tiene que hacer es agregar el siguiente código a los archivos de su tema donde desea mostrar cualquier tipo de paginaci.losáms comunes son index.php, home.php, category.php, tags.php, archive.php i buscar.php. Pero si tiene plantillas de página personalizadas con soporte de paginación, querrá agregarlas aquí.

Reemplace la paginación predeterminada con la siguiente (normalmente ubicada en el lugar donde se encuentra el final):

¿Consultas personalizadas?

Estás creando una consulta personalizada usando WP_Query, esta función no funciona conmigo, pero definitivamente es posible consultar sobre la variable $wp_query (es muy pequeña, no la haya). Para solucionarlo, generalmente crea nuevos asesores como los siguientes:

$wpex_query = new WP_Query( $args );

Esta es la forma de aumentar la función de la función de paginación principal para buscar la variable para crear la paginación, ejemplo (editando el fragmento de ejemplo):

global $wp_query, $wpex_query;
if ( $wpex_query ) {
    $total = $wpex_query->max_num_pages;
} else {
    $total = $wp_query->max_num_pages;
}

Actualizar: En este ejemplo, verifique la variable global... Sin embargo, simplemente admite la variable de la consulta directa directamente en la función wpex_pagination, que actualmente es una opción importante para ciŸ˜

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Subir