WikiLIDs

Tenemos un problema con las imágenes, queremos...

Leonardo Vázquez — 2018-04-21T12:06:58Z

Tenemos un problema con las imágenes, queremos que las imagenes tengan un ancho completo mientras que el ancho del texto sea menor.

El problema es que tenemos la siguiente estructura:

  texto 
  texto 
 <(span>
  texto 
 <(span>
  texto 
  texto

Donde tenemos un ancho completo de 1140px y necesitamos que los p tengan un ancho menor y que los span tengan ancho completo.

El problema es que si intentamos ponerle un ancho menor a los

nos lo aplica también a los span contenidos por p

Se nos complica cambiar la estructura del html, no podemos hacerlo por estilos.

Artículo Transmedia

María Renci — 2017-08-19T16:43:23Z

Arreglo de Última versión
http://www.laizquierdadiario.com/entregas/transmedia-slides-fixed-2018/caso-1.htm
http://www.laizquierdadiario.com/entregas/transmedia-slides-fixed-2018/caso-2.htm
http://www.laizquierdadiario.com/entregas/transmedia-slides-fixed-2018/caso-3.htm
http://www.laizquierdadiario.com/entregas/transmedia-slides-fixed-2018/caso-4.htm
http://www.laizquierdadiario.com/entregas/transmedia-slides-fixed-2018/caso-5.htm
http://www.laizquierdadiario.com/entregas/transmedia-slides-fixed-2018/caso-6.htm

Última versión de entrega
http://www.laizquierdadiario.com/entregas/slider-columnistas-V2-4/

Primera aproximación
http://www.laizquierdadiario.com/spip.php?page=article_transmedia

Carpeta Transmedia
http://www.laizquierdadiario.com/ecrire/?exec=rubrique&id_rubrique=9115

Ejemplos:
http://www.laizquierdadiario.com/AparicionYaDeSantiago
http://www.laizquierdadiario.com/Fotogaleria-estudiantes-bancan-al-Frente-de-Izquierda
http://www.laizquierdadiario.com/DRON-Imagenes-nocturnas-de-la-multitudinaria-movilizacion-por-Santiago-Maldonado
http://www.laizquierdadiario.com/Fotogaleria-trabajadores-junto-a-artistas-y-estudiantes-piden-aparicion-con-vida-de-Santiago-Maldonado

Problemas:
– Tamaño de las imágenes:
[(#LOGO_ARTICLE|image_reduire500)|extraire_attributsrc] [(#FICHIER|image_reduire500)|extraire_attributsrc]


Vimos que los problemas a resolver son complejos y arrastran problemas de maquetación. Le escribimos al maquetador que lo hizo hace años para ver si podemos contratarlo para que termine de hacerle los ajustes necesarios que serían:
– Luego de varias pruebas, vimos que hay varios errores de javascript en la maqueta, ver en Inspeccionar código -> Consola. 
– Uno de ellos es un comportamiento extraño con una imagen blank.gif que no encuentra en el caso de los videos. 
– El otro es el comportamiento errático del play que a veces no arranca.

– Hay un problema con las imagenes que las corta arriba.

– También habría ver si podemos pedir también que el comportamiento sea responsive.

– Por último habría que ajustar los textos para que tengan por ejemplo un sombreado porque dependiendo del fondo no se leen bien.



Portadas para Neuquén, Córdoba y Santa Fé
Leonardo Vázquez — 2017-06-26T18:35:35Z
Necesitamos portada para las provincias como si fueran diarios nacionales, de la misma manera que la portada de Mendoza.
Es decir que tenga un encabezado grande de escritorio y que tenga mezcladas noticias nacionales y provinciales.
La sección Mendoza, que puede tomarse como referencia es la sección 701:

http://www.laizquierdadiario.com/Mendoza

Por lo tanto su portada será: rubrique=701.html

Esta portada se tomó del sommaire, se le agregaron dos bloques de ubicación de mendoza y se le eliminaron los bloques de abajo.
Debemos hacer lo mismo con Neuquén, Córdoba y Santa Fé.
Empezamos primero con una hasta tenerla completa y terminada, luego seguimos con el resto: http://www.laizquierdadiario.com/Neuquen-6444
(probar paso por paso)
Para eso ya creamos un esqueleto: rubrique=6444.html
1- Le copiamos todo el contenido de sommaire.html para partir de una portada nacional. (Ya lo hicimos para Neuquén)
2- Reemplazar toda las primera parte, por la primera parte de Mendoza y lo mismo con la última parte:




MENDOZA
 

y al final




3- A esta maqueta hay que agregarle los dos bloques: el de catástrofe y principal, similar a los de Mendoza que tienen las palabras claves genéricas:

 







Y reemplazar el código comentado donde dice Mendoza por Neuquén
(acá ya podrías armar la portada de la provincia)
4- Luego hay que eliminar los bloques que hay debajo del bloque multimedia.
5- Luego hay que agregar el bucle de artículos que permite mostrar el resto de artículos de la provincia:


#ANCRE_PAGINATION



[(#COMPTEUR_BOUCLE|alterner{'','',''})]

 [Más publicaciones
(#PAGINATION)]

6- Reemplazar el parametro, en el encabezado, para que tome el encabezado con el clima correspondiente:

Cambiar 701 por 6444

A su vez hacer una copia de: 2016_inc_header_central-701.html

Como: 2016_inc_header_central-6444.html

Reemplazando el código de clima de la ciudad correpondiente.
7- Si no existe, crear artículo de clima correspondiente a la provincia (ponerle fecha de publicación 2016).


Avances del Clima
Leonardo Vázquez — 2017-06-17T17:05:25Z
Actualizar artículos de clima
Para los artículos que ya existen de los países, pegar la estructura de Argentina, pero reemplazando los códigos de ciudad. Ojo que por ejemplo en España, tenemos dos ciudades, por lo que habrá que hacer esto para las dos ciudades.
Nuevos artículos de ciudades
Ejemplo México:
Nuevo article.html, según la carpeta del Clima de México: 3506 -> article-3506.html

El contenido es el del artícle de méxico, que es el del número de carpeta de méxico: 1714
article-3506.html debe tener el contenido de article-1714.html con la linea extra



en el head.
Idem. para el resto de los países que tengan carpeta Clima.
– Para los países que no tienen carpeta Clima: Crear carpeta Clima y crear artículo partiendo de la estructura de México. Reemplazar por el código de país del clima, los números de edición por la que corresponda al país (por ejemplo en México 1714) y los dominios por los dominios que correspondan.
Dejar los artículos publicados, cambiando fecha de publicación al año pasado.
Obtener el código de ciudad

https://weather.com/es-AR/tiempo/hoy/l/ARXX1172:1:AR

https://weather.codes/search/

1- Poner el nombre de la provincia, con el mismo formato del clima en las demás provincias: Córdoba, Santa Fé, Neuquén. Sólo modificar html en 2016_inc_header_central-... según la provincia.
2- En los países, sólo modificar el html para que la fecha quede del mismo color y dentro del link.
3- En todos los headers, dejar el código ordenado exactamente igual, es decir un div por fila, excepto la última que tiene el buscador.
4- Agregar estilo hover sólo con subrayado al link del clima. Hacerlo sólo en navegador. Y guardar linea del estilo en esta nota.


Mejoras LID Venezuela
Keila, Leonardo Vázquez — 2017-06-07T20:48:15Z
Que las notas del ranking duren máximo 3 días (hacer esto también para los demás países que no tengan esta restricción).
– Buscar bloque de mas leídas. Primero buscar sección Venezuela, donde la portada será rubrique-9999.html donde 9999 es el nro de carpeta (rubrique).

– Este bloque recibe el parámetro de la sección del país, por ejemplo 2016_mod_mas_leidas-9999.html

– A dicho bloque, agregar el filtro age<3, por ejemplo en Argentina está age<1

– Hacer esto mismo para los demás bloques de más leídas de los países: 2016_mod_mas_leidas-7777.html, 2016_mod_mas_leidas-8888.html
OK
Agregar un nuevo bloque principal (pero invertido), debajo del principal actual.
– Crear las palabras claves, en el grupo de palabras clave Visualización Sección, renombrando las disponibles (que están al final X-DISPONIBLE..), renombrar por

VE Principal2, VE Principal2 1, etc.

– Luego ir a la portada de Venezuela y agregar el bloque

– Agregar una ubicación de publicidad en ese bloque nuevo en la ubicación "Principal2 3 Publicidad"
OK
Armar un newsletter o gacetilla para el envío por correo.
– Crear un nuevo esqueleto: gacetilla-portada-9999.html, este esqueleto recibe dos palabras claves, la de la Edición del país. Para el caso de España es 165, que se deberá reemplazar por la de Venezuela que es 9468.
– En las portadas hay dos tipos de diseño de notas: gacetilla-nota-destacada-9999 que muestra la foto y la nota más grande y gacetilla-nota-fila-9999 que la muestra como una fila más chica. Habrá que creare dos nuevos esqueletos para Venezuela.
– La otra palabra clave, corresponde a las ubicaciones de la portada. Luego habrá que poner primero todas las notas, de los cuatro 3 primeros bloques (catástrofe, principal y principal2) con el diseño de las destacadas. Después el resto de las ubicaciones hasta los bloques temáticos.
– De manera similar habrá que crear los bloques correspondientes al footer, header, etc, con los datos y links de LID Venezuela. Por ejemplo así como españa tiene gacetilla-portada-header-2653.html, Venezuela tendrá gacetilla-portada-header-9999.html
– Ojo con el dominio de españa que es izquierdadiario y hay que agregarle "la".

– Reemplazar las rubriques y referencias a españa 2353, y reemplazarlo por la de 5442.

– Agregar la opción en el footer, de generación de gacetilla, como en España, que llevará al link en otra pestaña http://www.izquierdadiario.es/spip.php?page=gacetilla-portada&id_rubrique=9999, donde 9999 es el rubrique de Venezuela.

DUDAS Y CONSULTAS


Mejoras en blog eletorales
Leonardo Vázquez — 2017-06-03T15:55:20Z
Estos son los sitios públicos que hay que actualizar con datos actuales:

https://www.frentedeizquierda.com

http://www.myriambregman.com

http://www.nicolasdelcanio.com
Tenemos también las versiones anteriores que nos quedan como archivo de consulta, para tomar ideas y ver como resolvimos distintas cosas:

http://www.laizquierdadiario.com/elecciones2015/

http://www.myriambregman.com/2015

http://www.nicolasdelcanio.com/2015
Un primera versión inicial sería tener algo básico general de información actualizada. Es decir que no requieran actualización permanente, pensados no solamente como "vidriera" sin como una puerta para ponerse en contacto y organizarse, de ahí las redes sociales y el formulario de contacto.
Después habría que ver, de contactarse con prensa, para ver que les parece que se podría agregar y pedirle la información actualizada que necesitemos. También está Lucian que trabajó con estos blogs anteriormente y que puede hacernos sugerencias y propuestas al respecto.
Por otro lado Ariel, se propuso armar "kits de herramientas y materiales de campaña" para las redes, que se puede agregar como opciones a los blogs, así como formas de "traducir" a lenguaje masivo, una especie de "manual de microcampaña" para los colaboradores que también podría estar incluída en los sitios y luego en la app.


Programando en Google Apps Scripts: App para administración de contactos
Leonardo Vázquez — 2017-06-03T15:28:11Z
Anotate para colaborar
Les paso permisos para un entorno de desarrollo que creamos para lo que estamos haciendo con los formularios. Para eso hicimos una copia del formulario que usamos, del script que ejecuta los envíos, y del excel de las respuestas con el armado para el envío por whatsapp y un script interno para normalizar celulares. Pueden acceder y completar el formulario y hacer pruebas, en breve armarremos una documentación en donde se explique lo que hay hasta ahora y algunas mejoras pendientes que tenemos https://docs.google.com/forms/d/e/1FAIpQLSfpxRXXRdauR2va9Yn4Adc6LQ2umTXjeE1oT27OJkomUB9I5w/viewform
Anotate para colaborar (respuestas)
Este es el excel que está "vinculado" al formulario, por cada uno que lo completa se agrega una fila. Además le agregamos varias columnas y tiene un script interno para normalizar los celulares (en Herramientas -> Editor de secuencia de comandos).

https://docs.google.com/spreadsheets/d/1J-uVVL4BRzHXaf7fy2DL5Zmol7nTqteAztoPIH0t-68/edit?ts=59320155
Respuesta al primer formulario
Ahí va el script que recorre las filas, envía correo si hay nuevo anotado y le pone fecha de envío. En producción está croneado para correr cada 15min (96 envíos por día, donde el máximo permitido por gmail son 100 por día).

https://script.google.com/d/17fFYHFxvA6_mZEaHfXYpnlFtenZqc8j3p_TQVlY2J7BEbwZawfWJC605/edit?usp=sharing_eip&ts=593200e1
ARIEL
Hizo excel para administración de contactos:

https://docs.google.com/spreadsheets/d/1qSZ4if68bFLZoY1kOAE4Eqfuv_iWBDT7XlR2elHGMdM/edit#gid=322484045
Normalizar el celular por fórmula 
– Limitar a 10 dígitos. Sustituir cuando empieza con 15 por 11 y agregar "549" adelante. Eliminar script de normalización
ALE
Depurar datos. Formulario de colaboración poner una vez por semana y mensaje.

– Revisar mails, para los rebotes y armar fórmula para envío por whatssapp pidiendo correo.

– Revisar Nombres, Localidades y Provincias. Poner con mayúsculas y completar provincias.


Imágenes del día, artículos multimedia y sección de fotos
Leonardo Vázquez — 2017-06-03T11:07:31Z
Estos es especialmente para los cros y cras que actualizan portadas y manejan artículos con imágenes.
– A partir de ahora, para las "Imágenes del día" ya no hay que cargar imágenes adjuntas y logo del artículo. Sino que se deben cargar solamente como logos de los artículos, como se hace en cualquier nota, ya que pueden tener un ancho de 1140px que es el ancho completo de la portada.
– Siguen existiendo las ubicaciones de portada para ubicar dichas notas, sólo que ahora creamos una subsección "Imagen del día" dentro de Enfoque Rojo http://www.laizquierdadiario.com/Fotos , que permite tener un archivo de las imágenes usadas como imágenes del día. Las imágenes del día que quieran ser archivadas, deberán taguearse con el tag de la subsección correspondiente http://www.laizquierdadiario.com/Imagen-del-dia
– Otro cambio importante, es la incorporación de una nueva forma de ver los artículos, que llamamos multimedia:

Ejemplos:

http://www.laizquierdadiario.com/Un-sitio-para-navegar-en-la-Historia-de-la-Revolucion-Rusa 

http://www.laizquierdadiario.com/El-1o-de-Mayo-en-10-imagenes 

http://www.laizquierdadiario.com/Ojala-estuvieras-aqui 

Se implementa con una carpeta http://www.laizquierdadiario.com/ecrire/?exec=rubrique&id_rubrique=7785 

Los artículos allí cargados permiten ser visualizados con imagen, galería o videos de ancho completo. En esta carpeta los artículos que allí se coloquen se verán con ancho completo. Puede ser utilizada por cualquier sección o artículo, por ejemplo para ver una infografía. Hay que recordar que las secciones están dadas por las palabras claves correspondientes no por las carpetas en donde estén colocados los artículos. Por ejemplo las secciones como Videos, Enfoque Rojo (fotos) y La Caja Roja (gráfica), pueden colocar artículos en la misma si quieren que se vean a ancho completo, o visualizarlos normalmente si se colocan en las demás carpetas (Argentina, Ediciones, etc.).
Cualquier duda nos comentan,

En los próximos días estaremos actualizando la documentación en los manuales de usuario y viendo ajustes de esto que surjan para otros países.


Mejorar páginas de Clima de LID
Leonardo Vázquez — 2017-05-31T21:11:30Z
Páginas de pronósticos extendidos
– http://www.laizquierdadiario.com/Pronostico-Ciudad-de-Buenos-Aires

– http://www.laizquierdadiario.mx/Pronostico-Mexico-Distrito-Federal

– http://www.laizquierdadiario.cl/Pronostico-Chile-Santiago

– http://www.izquierdadiario.es/Pronostico-Estado-Espanol
Dentro de los artículos se llama al módulo de clima que usa los siguientes esqueletos

– public_html/plugins/auto/rainette/v2.4.7/modeles/rainette_previsions.html

– public_html/plugins/auto/rainette/v2.4.7/modeles/previsions_2x12h.html

– public_html/plugins/auto/rainette/v2.4.7/modeles/previsions_24h.html
No nos interesa por ahora como se generan estos esqueletos en html.
Intentaremos hacer las modificaciones necesarias para mejorar la visualización del pronóstico extendido, sin tocar los esqueletos (html) sino modificando los estilos.
Para eso copiamos los estilos que están adjuntos y los agregamos a los existentes en el navegador. Intentamos ajustarlos (en particular los divs para que queden bien los recuadros.). También deberían quedar bien en versión celular.
Para eso buscar tutoriales divs y boostrap con divs.
Por ejemplo :

HTML Block and Inline Elements https://www.w3schools.com/html/html_blocks.asp
Pero se pueden googlear otros casos.

Pruebas y dudas
La idea es practicar e investigar css y divs, generar varios intentos de css que podes ir adjuntando y comentando los problemas con cada uno.


Tareas LID Brasil
Keila — 2017-05-31T21:04:42Z
– Agregar nuevas ubicaciones de Principal 2 y Principal 4 (con imagen). La portada tiene que quedar como está, con las palabras clave renombradas. Creando las palabras clave, en el grupo correspondiente, agregando dos nuevos bloques con esas palabras clave. Probarlo para ver que quede bien y volverlo atrás para que quede como estaba.
Entrar a Sommaire.html -

– Agregar las nuevas ubicaciones de publicidad en portada (sommaire.html). Para eso hay que crear una palabra clave por cada bloque, con el mismos nombre del bloque, seguido de " Publicidad". Y en el código modificar:

Debería quedar como

Probar con un artículo y volver atrás para que quede como estaba.