[Script útil] Módulo automático para pie editorial con fecha y edición diaria

Publicado 16 días hace por Florencia Algabo

Publicar un tema
Florencia Algabo
Florencia Algabo Administrador

Hola comunidad!


Quiero compartir una solución sencilla que puede ser útil para muchos medios que publican contenido a diario. Se trata de un script HTML + JavaScript que genera automáticamente un módulo editorial con los siguientes datos:


¿Qué hace?

Muestra:

  • Propietario (editable)

  • Director Responsable (editable)

  • Fecha del día actual (automática o manual)

  • Número de edición que se incrementa diariamente desde una fecha base (automático o manual)

  • Domicilio Legal (editable)

  • Registro DNDA (editable)


¿Cómo se usa?

Solo necesitás activar la maqueta de Bloques HTML, elegir un bloque donde quieras que se vea esta información y pegar el código que dejo a continuación.


<div id="info-editorial"></div>
<script>
(function() {
  // === CONFIGURACIÓN MANUAL ===
  const propietario = "Nombre del Propietario";
  const director = "Nombre del Director Responsable";
  const domicilio = "Dirección Legal del Medio";
  const dnda = "En trámite"; // o por ejemplo "DNDA 123456"

  const usarFechaManual = false;
  const fechaManual = "Lunes 27-05-2025"; // usar solo si usarFechaManual = true
  const edicionInicial = 1;
  const fechaInicio = new Date("2025-05-25"); // fecha desde la que empieza a contar

  // === FUNCIÓN PARA FORMATEAR FECHA ACTUAL ===
  function obtenerFechaFormateada() {
    const diasSemana = ["Domingo", "Lunes", "Martes", "Miércoles", "Jueves", "Viernes", "Sábado"];
    const hoy = new Date();
    const dia = diasSemana[hoy.getDay()];
    const diaNum = hoy.getDate().toString().padStart(2, '0');
    const mes = (hoy.getMonth() + 1).toString().padStart(2, '0');
    const año = hoy.getFullYear();
    return `${dia} ${diaNum}-${mes}-${año}`;
  }

  // === CALCULAR EDICIÓN AUTOMÁTICA ===
  const hoy = new Date();
  const diasTranscurridos = Math.floor((hoy - fechaInicio) / (1000 * 60 * 60 * 24));
  const edicion = edicionInicial + diasTranscurridos;

  const fechaFinal = usarFechaManual ? fechaManual : obtenerFechaFormateada();

  // === IMPRIMIR EN EL DIV ===
  const contenedor = document.getElementById("info-editorial");
  if (contenedor) {
    contenedor.innerHTML = `
      <p style="font-size: 0.9em; line-height: 1.5;">
        Propietario: ${propietario}<br>
        Director Responsable: ${director}<br>
        ${fechaFinal} – Edición ${edicion}<br>
        Domicilio Legal: ${domicilio}<br>
        Registro DNDA: ${dnda}
      </p>
    `;
  }
})();
</script>



¿Qué se puede personalizar?

  • Cambiando las variables al principio del script (propietario, director, fechaInicio, etc.)

  • Si activás usarFechaManual = true, podés forzar una fecha en lugar de usar la del sistema.


Cualquier duda o mejora que quieran proponer, ¡bienvenida!
Espero que les sea útil

0 Votos


0 Comentarios

Iniciar sesión o Registrarse para publicar un comentario