Rediseño

Recientemente se ha hecho un cambio de estilo en ONE LOFT CHALLENGE y se ha empezado a acondicionar la web para que quede adecuada al nuevo formato.

ONE LOFT CHALLENGE es una competición de colombofilia que engloba otras dos competiciones. Para el desarrollo de la web se ha tenido en cuenta esta peculiaridad, necesitando 3 páginas principales en las que encontrar las noticias.

Una que engloba todo el conjunto que afecta a las dos competiciones de manera global.
Una que recoja las noticias que afectan a GRAN CANARIA OLR.
Una que recoja las noticias que afectan a MOROCCO-TARFAYA OLR.

También ha sido necesario crear las páginas de información en varios idiomas.

La solución entregada ha sido crear páginas de desarrollo propio para las páginas principales y las secciones de información de la misma.

Creación de árbol jerárquico de idiomas.
Creación de página principal ONE LOFT CHALLENGE.
Creación de página principal GRAN CANARIA OLR.
Creación de página principal MOROCCO-TARFAYA OLR.
Creación de página de información de la carrera.
Creación de página de las bases.
Creación de página de Agentes

Creación de árbol jerarquico

Para el diseño del árbol jerárquico de idiomas se ha utilizado las herramientas nativas que ofrece WordPress para establecer páginas padres, de esta manera se crean las páginas «ES», «EN» y «FR», correspondientes a Español, Inglés y Francés.

Cada una de estas páginas se convierte en la página principal de ONE LOFT CHALLENGE, las demás páginas de información y de noticias son hijos directos de estás páginas.

La url resultante se queda de la siguiente manera:

https://www.oneloftchallenge.com/es/pagina-hija

Páginas principal

*El desarrollo de estas página sigue activo, las imágenes de muestra son el estado actual.

ara el desarrollo de las páginas principales se ha optado por un desarrollo propio utilizando la infraestructura de WordPress. Se ha creado una página template por cada una de ellas en cada idioma.

El primer elemento que observamos es un grid donde se recogen las 4 últimas noticias, para la obtención de estas noticias se utiliza WP_Query para generar la consulta en la base de datos y después se maqueta cada resultado de la búsqueda con los métodos nativo de WordPress The Loop.

Consulta tipo de WP_Query

<?php
// The Query
$the_query = new WP_Query( $args );
// The Loop
if ( $the_query->have_posts() ) {
	echo '<ul>';
	while ( $the_query->have_posts() ) {
		$the_query->the_post();
		echo '<li>' . get_the_title() . '</li>';
	}
	echo '</ul>';
	/* Restore original Post Data */
	wp_reset_postdata();
} else {
	// no posts found
}

Página Información

Esta sección de la página debe informar de un vistazo las caracteristicas de la carrera.

El desarrollo de esta página no ha requerido consultas a la base de datos, pues es una página estática, simplemente se han realizado trabajos en CSS para estilar los bloques y reutilizarlos en las demás páginas