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

Al dejar un comentario se solicitan datos como tu correo y nombre que se almacenan en una cookie para que no tengas que volver a completarlos en próximas visitas. Para enviar un comentario debes aceptar nuestra política de privacidad | Responsable de los datos: Fernando Tellado García | Finalidad: Gestión y moderación de comentarios | Legitimación: Tu consentimiento expreso | Destinatario: Disqus (acogido a EU-US Privacy Shield) | Derechos: Tienes derecho al derecho al acceso, rectificación, supresión, limitación, portabilidad y olvido de sus datos

Centro de preferencias de privacidad

Cookies imprescindibles

Se usan para almacenar tu nombre, correo, IP y demás datos que dejas en los formularios de comentarios, contacto, acceso y tus preferencias de privacidad.

AUTH_KEY, SECURE_AUTH_KEY, LOGGED_IN_KEY, NONCE_KEY, comment_author, comment_author_email, comment_author_url, rated, gdpr, gawdp

Cookies de terceros

Usamos cookies de terceros en las que se almacenan externamente para conocer tus usos de navegación, si ya estás suscrito al boletín y los elementos compartidos en redes sociales

cfduit_, intercom-id, intercom-lou, mailerlite:language, mailerlite:webform, _ga, _gid
cfduit_, intercom-id, intercom-lou, mailerlite:language, mailerlite:webform
_ga, _gid

¿Quieres cerrar tu cuenta?

Se cerrará tu cuenta y todos los datos se borrarán de manera permanente y no se podrán recuperar ¿Estás seguro?

Pin It on Pinterest