¡Atención: la columna lateral lo dice todo — tres noticias clave y dos grandes bloques publicitarios llaman la atención en esta página!
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
Bloques publicitarios visibles y sus características
En la estructura lateral aparecen dos recuadros destinados a publicidad, cada uno con dimensiones aproximadas de 300 x 600 px. Ambos están diseñados con un fondo claro (#f7f8f9), utilizan display flex para acomodar contenidos y muestran la palabra PUBLICIDAD en la parte superior. Los identificadores de los contenedores son ads_caja1 y ads_caja2, y ambos mantienen un z-index elevado para permanecer por encima del resto de elementos.
Los tres titulares que encabezan la sección de últimas noticias
La columna incluye una lista de noticias recientes con estos títulos principales:
– Así quedó conformado el directorio del BCR con Julio Velarde a la cabeza.
– Conozca a las empresas que lideran en credibilidad sobre sostenibilidad.
– Inversión privada en Perú creció 15% pese a El Niño, según el ministro Cuba.
Formato de las entradas y elementos multimedia
Cada entrada aparece como un teaser que combina un bloque multimedia y el título. En el HTML original, las imágenes están previstas pero, en varios casos, los contenedores de imagen aparecen vacíos; las etiquetas de campo identifican el elemento como «Imagen» y están ocultas visualmente (visually-hidden). Los teasers siguen una estructura de tipo article con clases orientadas a media y vista previa.
Disposición y presentación de la lista de noticias
La lista de «Últimas noticias» se muestra dentro de un contenedor de vista (view) y sus filas (views-row) agrupan el elemento multimedia y el título en una entrada por noticia. Los títulos, en la versión presentada, están encaminados a un estilo de teaser compacto que facilita la lectura rápida desde la columna lateral.
Elementos complementarios de la interfaz
Además de los recuadros publicitarios y la sección de noticias, el diseño utiliza una rejilla responsive con clases de columnas (por ejemplo, col-lg-3) para integrar la barra lateral en la maquetación general. Los bloques contienen clases genéricas block- y campos field__item que organizan la presentación y permiten insertar tanto anuncios como listados de contenido.
Artículos similares
- 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
- Produce adopta medidas para proteger recursos ante El Niño
- ¡Descúbrelo! Crecimiento explosivo de la inversión privada en el primer trimestre.
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.