Un “loop” diferente

loop wordpress

El loop es la matrix de WordPress, pero son muy pocas las páginas las cuales hacen un uso más exigente de este modulo, hoy les mostrare como realizar un loop algo diferente.

La imagen que ven a continuación hace parte de una de las páginas que administro y el loop está dividido en 2, a pesar de que es el mismo loop, un primer artículo que tiene un thumbnail definido de un tamaño en particular y esta hacia la izquierda, y los demás artículos alineados hacia la derecha.

loop-diferente

Viéndolo desde HTML puro lo que queremos lograr es simple y sencillo.

Dentro de tu loop deberás de introducir un código muy parecido a este, recuerda que este es un ejemplo fácil de comprender y puede ser mejorado.

La linea numero 07 lo que hace es preguntar por el primer post el cual en PHP corresponde a la posición 0.

La linea numero 11 pregunta por los siguientes posts los cuales se encuentran almacenados en las posiciones 1, 2, 3, 4 que correspondieran a los post  2, 3, 4 y 5.

Luego de realizar todo esto, basta con hecharle mano al CSS e ir dándole estilos diferentes a las clases destacada-1destacada-2.

Todo consiste en abrir y cerrar la capa según el post que se esté mostrando, te regalo estos link donde podrás encontrar más información de cómo usar IF o SWITCH

http://php.net/manual/es/control-structures.if.php

http://php.net/manual/es/control-structures.switch.php

Espero y les sirva mucho para comenzar hacer modificaciones a su blog y al de sus clientes.

AVISO: esta publicación es de hace dos años o más. Si es un código o un plugin podría no funcionar en las últimas versiones de WordPress, y si es una noticia podría estar ya obsoleta. Luego no digas que no te hemos avisado.

Valora este artículo para mejorar la calidad del blog ...

Al hacer una valoración se recoge una cookie con la IP de tu dispositivo

FlojitoNo está malEstá bienMe ha servidoFantástico (2 votos, promedio: 5,00 de 5)
Cargando…

Autor: Andrés Vega Rodriguez

Geek, Ingeniero de sistemas, apasionado por las nuevas tecnologias, PhPero Diseñador web y gráfico, Wordpress hasta el final, en fin intento tener conocimiento de la web moderna. - Colombia @gydoar handresvegarodriguez@gmail.com www.andres-dev.com

Comparte esta entrada en
468 ad

Pin It on Pinterest

Share This