Transforme el archivo de categoría predeterminado de Canvas en una cuadrícula de estilo «Revista»
Requisitos mínimos: Canvas V4.5.0+
Si bien Canvas viene con una plantilla de página de «Revista», que consta de un control deslizante de publicaciones destacadas y una cuadrícula de estilo «Revista», puede haber un momento en que solo se requiera la cuadrícula… o una implementación personalizada de la cuadrícula, para eso. asunto. En este tutorial, discutiremos un fragmento de código corto que se puede agregar a su archivo «functions.php» para transformar el archivo de categoría predeterminado de WordPress en una cuadrícula de estilo «Revista».
Esta modificación se divide en cuatro partes en su archivo “functions.php”; una clase de CSS en la etiqueta HTML
, una clase de CSS en cada publicación y una segunda clase de CSS en cada segunda publicación, una etiqueta DIV «.fix» después de cada segunda publicación y obligar al archivo de categoría a incluir el «contenido-revista -grid.php” archivo de plantilla de contenido en el sistema de plantillas de contenido de Canvas.El código terminado
Antes de comenzar, echemos un vistazo al código terminado.
// Add "magazine" CSS class to <body> tag on category archive.
add_filter( 'body_class', 'woo_custom_add_magazine_bodyclass', 12 );
function woo_custom_add_magazine_bodyclass ( $classes ) {
if ( is_category() ) {
$classes[] = 'magazine';
}
return $classes;
} // End woo_custom_add_magazine_bodyclass()
// Add "block" CSS class to each post.
add_filter( 'post_class', 'woo_custom_add_block_postclass', 12 );
function woo_custom_add_block_postclass ( $classes) {
global $wp_query;
$current_count = $wp_query->current_post + 1;
if ( is_category() ) {
$classes[] = 'block';
if ( $current_count % 2 == 0 ) {
$classes[] = 'last';
} // End IF Statement
}
return $classes;
} // End woo_custom_add_block_postclass()
// Add the "fix" DIV tag after every second post.
add_action( 'woo_post_after', 'woo_custom_add_magazine_blockfix', 12 );
function woo_custom_add_magazine_blockfix () {
global $wp_query;
$current_count = $wp_query->current_post + 1;
if ( is_category() && ( $current_count % 2 == 0 ) ) {
?>
<div class="fix"></div><!--/.fix-->
<?php
} // End IF Statement
} // End woo_custom_add_magazine_blockfix()
// Make sure the "content-magazine-grid.php" file is used instead of the default "content-*.php" file.
add_filter( 'woo_template_parts', 'woo_custom_category_archive_templatepart_magazine', 12 );
function woo_custom_category_archive_templatepart_magazine ( $templates ) {
if ( is_category() ) {
$index_to_replace = count( $templates ) - 2;
$templates[$index_to_replace] = 'content-magazine-grid.php'; // Preserve the default Canvas content templating system.
// $templates = array( 'content-magazine-grid.php' ); // Override the content templating system entirely.
}
return $templates;
} // End woo_custom_category_archive_templatepart_magazine()
que hace el codigo
El código anterior hace lo siguiente:
- Agregue la clase CSS «revista» a la etiqueta HTML.
- Agregue la clase CSS «bloquear» a cada publicación y la clase CSS «última» a cada segunda publicación.
- Después de cada segunda publicación, agregue una etiqueta DIV «.fix».
- Obligue al archivo de categoría a incluir el archivo de plantilla de contenido «content-magazine-grid.php» en lugar de «content-post-full.php» o «content-post.php», o simplemente anule todas las opciones de plantilla de contenido.
Además del resultado final de una cuadrícula de estilo «Revista» en su archivo de categoría, este es un ejemplo de cómo Canvas puede utilizar una selección de filtros y acciones más pequeños para lograr un mejor resultado, en lugar de realizar modificaciones extensas en el archivos de plantilla de tema principal, o utilizando un fragmento de código extenso y difícil de descifrar. A través de 4 fragmentos de código cortos, hemos recreado la cuadrícula de estilo «Revista» y podemos agregar/eliminar piezas en cualquier etapa para modificar el resultado final.
El resultado final se parece a esto:
