No vas a creer lo que aparece en la barra lateral: anuncios enormes, tres titulares que llaman la atención y una estructura de bloques pensada para destacar contenidos y espacios publicitarios.
La ciencia acaba de revelar la diferencia de edad perfecta que garantizaría una relación feliz, estable y duradera
Huawei y Xiaomi acaban de dar un salto sorprendente en tecnología de chips que tomó por sorpresa a Estados Unidos
Un vistazo rápido a la columna lateral
En la versión original, la columna lateral ocupa una franja estrecha (clases indicativas como col-lg-3 y colsticky) y actúa como un contenedor fijo para elementos secundarios. Ahí se agrupan bloques independientes: primero un recuadro publicitario, luego la sección de últimas noticias y, al final, otro panel para anuncios. El diseño está pensado para mantener visibles esos elementos aunque cambie el contenido principal.
Detalles de los anuncios: tamaño, estilo y etiquetas
Los dos bloques destinados a publicidad presentan el mismo formato visual: recuadros rectangulares de 300 x 600 px con un fondo gris claro (color aproximado #f7f8f9). En la parte superior de cada recuadro aparece, en posición absoluta, la palabra «PUBLICIDAD» para identificar el espacio; dentro hay contenedores con identificadores únicos (ads_caja1 y ads_caja2) y un z-index elevado (99) para asegurar su prioridad visual. El estilo general usa display:flex, justificación centrada y flex-wrap para adaptar el contenido.
Las noticias recientes que se muestran
Entre los bloques publicitarios se despliega una lista de “últimas noticias” con formato de teasers. Aunque los elementos multimedia aparecen como marcadores vacíos en la estructura original (con etiquetas que indican una imagen y la palabra oculta «Imagen» para accesibilidad), los títulos seguros son tres y se muestran así:
– Inflación se acelera: el precio del choclo subió 45.3% durante octubre.
– Del historial a la historia.
– El Niño no enfriará la Navidad de las mypes.
Cada entrada se construye como un pequeño artículo tipo «media» en modo teaser, con contenedores y campos que separan la imagen (aunque sin contenido gráfico en la versión mostrada) del título.
Cómo está organizada la vista y los bloques
La disposición interna se basa en una estructura de vistas (nombres como view-taxonomias y view-display-id-ultimosarticulos aparecen en el código), donde existe un contenedor principal con varias filas de vista (views-row). Cada fila incluye campos diferenciados: uno para el medio (media) y otro para el título. Hay etiquetas y clases que controlan visibilidad y accesibilidad (por ejemplo, field__label con la palabra «Imagen» marcada como visually-hidden).
Observaciones sobre la maquetación y elementos repetidos
El lateral repite el patrón de bloque-publicidad → bloque-noticias → bloque-publicidad, manteniendo así una simetría fácil de reconocer. Los bloques publicitarios comparten estilos y estructura interna, mientras que la sección de noticias emplea una colección de teasers que pueden contener imagen y título por separado. El uso de identificadores y clases sugiere que esos espacios están listos para recibir contenido dinámico (anuncios o piezas de noticias) mediante scripts que llenen los contenedores ads_caja1 y ads_caja2 y las áreas de imagen de cada teaser.
Artículos similares
- ComexPerú advierte que una nueva ley sobre precios de fármacos puede causar distorsiones
- Banda colocó chips en llaves de criptomonedas y sustrajo más de 90 millones de dólares
- El Niño podría presionar la inflación y elevar los precios
- Billeteras digitales impulsan crecimiento de la inclusión financiera en Perú
- Citi eleva su pronóstico de crecimiento para Perú en 2027
Joaquín Rivas es redactor económico con experiencia en mercados emergentes, consumo y finanzas personales. Su trabajo busca ofrecer consejos útiles y noticias financieras accesibles, dirigidas a una audiencia joven que desea entender mejor cómo administrar su dinero y aprovechar las oportunidades del mercado actual.