SlideShare una empresa de Scribd logo
Foto DNG, de
WordPress a InDesign
Segunda Parte, Novedades y Noticias/Eventos
Proceso creación revista Foto DNG
Cada una de las series y artículos de la revista Foto
DNG se maquetan “a mano”, desde cero, sin
ninguna automatización, pero hay tres secciones
que se benefician en parte o casi en la totalidad del
proceso de automatización
● Grupo Foto DNG en Flickr
● Novedades (esta presentación)
● Noticias y Eventos (esta presentación)
Novedades y Noticias/Eventos
Novedades y Noticias/Eventos
● El proceso se lleva a cabo en el servidor de Foto DNG
mediante un plug-in propio para WordPress donde
recogemos todas las funcionalidades para la revista.
● Se publican las Notas de Prensa de las marcas en la
categoría Novedades de la web de Foto DNG.
● A las Novedades se les asigna un campo personalizado
nombre_marca con el nombre de la marca en su valor.
● Dicho campo se utiliza para la ordenación de las
Novedades por nombre de marca.
Novedades y Noticias/Eventos
● Se publican las Noticias y Eventos recibidas en la categoría
Noticias/Eventos de la web de Foto DNG.
● No se les asigna ningún campo personalizado a
Noticias/Eventos ya que se ordenarán por su orden de
publicación.
● Cada post publicado en WordPress es enviado a las Redes
Sociales desde la opción Difundir del plug-in de WordPress
JetPack.
● Se crea una programación a diferentes horarios (visitantes
desde Europa, América, etc...) en Buffer.
Novedades y Noticias/Eventos
● Se crea una tarea en Zappier para cada perfil de Buffer
(cuatro), que comprueba el RSS de Foto DNG y si hay
nuevas entradas las envía a Buffer (que lo publicará
según el horario establecido).
● No he podido utilizar IFTTT debido a que la opción de
Buffer en IFTTT sólo permite utilizar uno de los perfiles.
● Una vez publicadas y/o programadas las Novedades y las
Noticias/Eventos se procede a la exportación desde
WordPress a InDesign, mediante el plug-in creado.
Novedades y Noticias/Eventos
● En nuestro plug-in seleccionamos la sección a exportar y el
rango de fechas (por defecto del primer día del mes actual al
último día del mes).
● Una vez exportado el archivo de texto de marcado (Tagged
Text o texto etiquetado de InDesign) desde WordPress, en
InDesign nos posicionamos en el recuadro de Texto de la
sección e importamos el texto.
● En el caso de las Novedades, añadimos las imágenes.
● Proceso finalizado con las secciones de Novedades y
Noticias/Eventos formateadas.
Exportación de WordPress a InDesign

Publicamos o
programamos la entrada y
en el caso de estar en la
categoría Novedades le
añadimos el campo
personalizado con su valor
Exportación de WordPress a InDesign

Cuando se publica, se
envía a las Redes Sociales
desde Difundir de JetPack
Exportación de WordPress a InDesign

En Buffer se
configuran las
Redes
Sociales y
horarios de
publicación
Exportación de WordPress a InDesign
Se crean las tareas
en Zapier para
cada perfil de
Buffer que buscan
en los RSS nuevos
posts y los envían
a Buffer
Exportación de WordPress a InDesign

Desde el plug-in de
WordPress seleccionamos
la categoría y rango de
fechas y generamos el
archivo
Exportación de WordPress a InDesign

Desde InDesign
seleccionamos el archivo
exportado de WordPress
para importar como Texto
Etiquetado
Exportación de WordPress a InDesign

Obtenemos en InDesign el
texto formateado y con los
estilos, al que nos queda
añadir las fotos y revisión
de la sección
Plug-in de exportación desde WordPress
●

Se crea el formulario con el desplegable de las dos secciones y los
dos campos de fecha (type="date" para que nos muestre un
calendario): $dia_desde='01'; $mes_desde=date('m'); $anhio_desde=date('Y');
$bisiesto=date('L'); $dia_hasta=date('t') + $bisiesto; $mes_hasta=date('m');
$anhio_hasta=date('Y');

● El plug-in crea una definición de estilos de párrafo y caracter
predefinidos en la plantilla de InDesign.
● Se hace una consulta a la Base de datos de WordPress con los
parámetros recibidos, obteniendo los post publicados y
programados en el rango de fechas fijado y categoría indicada y en
el caso de las Novedades, ordenados por el campo personalizado.
Plug-in de exportación desde WordPress
$args = array(
'order' => 'ASC', 'orderby' => 'meta_value', 'meta_key' => 'nombre_marca',
'date_query'=> array(
array(
'after' => array('year' => $anhio_desde, 'month' => $mes_desde, 'day' => $dia_desde,),
'before'=> array('year' => $anhio_hasta, 'month' => $mes_hasta, 'day' => $dia_hasta,),
'inclusive' => true,
),
),
'cat'

=> $cat,

'post_status'

=> array('publish', 'future'),

'posts_per_page'

=> $n_post_volcar,

);
query_posts( $args );//Hacemos la petición a la BD
Plug-in de exportación desde WordPress
Recorremos los post obtenidos (while ( have_posts() ) : the_post();) y
procesamos:
● Obtenemos el título con get_the_title, el contenido con
get_the_content y el enlace con get_permalink.
● Eliminamos los shortcodes con strip_shortcodes
● Cambiamos doble retorno de carro a <p></p> con wpautop
● Eliminamos etiquetas HTML con wp_kses excepto las permitidas
definidas en un array.
● Cambiamos a Smart Quotes con wptexturize.
● Eliminamos espacios, párrafos vacíos y limpieza de textos.
Plug-in de exportación desde WordPress
● Cambiamos caracteres por equivalentes UNICODE para
InDesign como ® a <0x00AE> o ñ a <0x00F1> (array con
53 equivalencias de momento).
● Cambiamos etiquetas HTML por tags de InDesign y estilos
predefinidos como <b> por <cTypeface:Bold> y </b> por
<cTypeface:> o <h1> por <ParaStyle:articulos:titular>.
● Creamos el contenido con el título, contenido y enlace
formateados.
● Volcamos el contenido a un archivo de texto para su
posterior importación en InDesign novedades_2014-02-01-to2014-02-28.txt
Ventajas obtenidas
● Tanto las Novedades como las Noticias y Eventos se
van publicando en la web y Redes Sociales.
● El proceso de exportación desde WordPress e
importación en InDesign, se completa en apenas un
par de minutos.
● La revisión final de maquetación de las dos secciones y
añadido de fotos se completa en menos de dos horas
(diversas acciones guardadas para las fotos en
Photoshop).
Se agradece todo tipo de comentarios, ideas, dudas,
etc., post publicado en:
http://www.fotodng.com/foto-dng-de-wordpressa-indesign-parte-2-2917.html

Carlos Longarela.
Revista Foto DNG
http://www.fotodng.com
https://twitter.com/fotodng

Más contenido relacionado

Similar a Foto DNG, de WordPress a InDesign - Parte 2

Cross development - React para desarrolladores de asp.net
Cross development - React para desarrolladores de asp.netCross development - React para desarrolladores de asp.net
Cross development - React para desarrolladores de asp.net
Alberto Diaz Martin
 
Como actualizar el blog
Como actualizar el blogComo actualizar el blog
Como actualizar el blogitoxi
 
Adapta tu tema a Gutenberg - WordCamp Sevilla 2018
Adapta tu tema a Gutenberg - WordCamp Sevilla 2018Adapta tu tema a Gutenberg - WordCamp Sevilla 2018
Adapta tu tema a Gutenberg - WordCamp Sevilla 2018
Fernando Puente
 
Migrando data - DRUPAL
Migrando data - DRUPALMigrando data - DRUPAL
Migrando data - DRUPAL
Alberto Torreblanca Villavicencio
 
Guia word press
Guia word pressGuia word press
Guia word press
ivan1587
 
Cursowordpress 091124113422-phpapp02
Cursowordpress 091124113422-phpapp02Cursowordpress 091124113422-phpapp02
Cursowordpress 091124113422-phpapp02Josefina Moratalla
 
Headless Wordpress with React & GraphQL
Headless Wordpress with React & GraphQLHeadless Wordpress with React & GraphQL
Headless Wordpress with React & GraphQL
Matias Emiliano Alvarez Duran
 
eXeLearning
eXeLearningeXeLearning
eXeLearning
Víctor Barbero
 
Creación de un sitio web en wordpress
Creación de un sitio web en wordpressCreación de un sitio web en wordpress
Creación de un sitio web en wordpress
Milton González
 
Introducción a Django
Introducción a DjangoIntroducción a Django
Introducción a Django
Paradigma Digital
 
Dreamweaver-Tratamiento de imágenes
Dreamweaver-Tratamiento de imágenesDreamweaver-Tratamiento de imágenes
Dreamweaver-Tratamiento de imágenes
Eliana Navarro J
 
Semana 2 Configuración entorno de desarrollo
Semana 2   Configuración entorno de desarrolloSemana 2   Configuración entorno de desarrollo
Semana 2 Configuración entorno de desarrollo
Richard Eliseo Mendoza Gafaro
 
Introducción a WordPress en WordCamp Bilbao (luciamarin.es)
Introducción a WordPress en WordCamp Bilbao (luciamarin.es)Introducción a WordPress en WordCamp Bilbao (luciamarin.es)
Introducción a WordPress en WordCamp Bilbao (luciamarin.es)
Lucía Marín
 
REPORTES
REPORTESREPORTES
Angular 2 Campus Madrid Septiembre 2016
Angular 2 Campus Madrid Septiembre 2016Angular 2 Campus Madrid Septiembre 2016
Angular 2 Campus Madrid Septiembre 2016
Micael Gallego
 
Tutorial de dreamweaver
Tutorial de dreamweaverTutorial de dreamweaver
Tutorial de dreamweaver
ArmandoC42
 
GWT - Una introducción
GWT - Una introducciónGWT - Una introducción
GWT - Una introducción
Carlos Gavidia-Calderon
 
Presentación Spring Boot en Autentia
Presentación Spring Boot en AutentiaPresentación Spring Boot en Autentia
Presentación Spring Boot en Autentia
Jorge Pacheco Mengual
 
TypeScript - Angular 2 - ionic 2
TypeScript - Angular 2 - ionic 2TypeScript - Angular 2 - ionic 2
TypeScript - Angular 2 - ionic 2
Micael Gallego
 
Tutorial aprendiendo a programar
Tutorial aprendiendo a programarTutorial aprendiendo a programar
Tutorial aprendiendo a programar
Eduardo Méndez
 

Similar a Foto DNG, de WordPress a InDesign - Parte 2 (20)

Cross development - React para desarrolladores de asp.net
Cross development - React para desarrolladores de asp.netCross development - React para desarrolladores de asp.net
Cross development - React para desarrolladores de asp.net
 
Como actualizar el blog
Como actualizar el blogComo actualizar el blog
Como actualizar el blog
 
Adapta tu tema a Gutenberg - WordCamp Sevilla 2018
Adapta tu tema a Gutenberg - WordCamp Sevilla 2018Adapta tu tema a Gutenberg - WordCamp Sevilla 2018
Adapta tu tema a Gutenberg - WordCamp Sevilla 2018
 
Migrando data - DRUPAL
Migrando data - DRUPALMigrando data - DRUPAL
Migrando data - DRUPAL
 
Guia word press
Guia word pressGuia word press
Guia word press
 
Cursowordpress 091124113422-phpapp02
Cursowordpress 091124113422-phpapp02Cursowordpress 091124113422-phpapp02
Cursowordpress 091124113422-phpapp02
 
Headless Wordpress with React & GraphQL
Headless Wordpress with React & GraphQLHeadless Wordpress with React & GraphQL
Headless Wordpress with React & GraphQL
 
eXeLearning
eXeLearningeXeLearning
eXeLearning
 
Creación de un sitio web en wordpress
Creación de un sitio web en wordpressCreación de un sitio web en wordpress
Creación de un sitio web en wordpress
 
Introducción a Django
Introducción a DjangoIntroducción a Django
Introducción a Django
 
Dreamweaver-Tratamiento de imágenes
Dreamweaver-Tratamiento de imágenesDreamweaver-Tratamiento de imágenes
Dreamweaver-Tratamiento de imágenes
 
Semana 2 Configuración entorno de desarrollo
Semana 2   Configuración entorno de desarrolloSemana 2   Configuración entorno de desarrollo
Semana 2 Configuración entorno de desarrollo
 
Introducción a WordPress en WordCamp Bilbao (luciamarin.es)
Introducción a WordPress en WordCamp Bilbao (luciamarin.es)Introducción a WordPress en WordCamp Bilbao (luciamarin.es)
Introducción a WordPress en WordCamp Bilbao (luciamarin.es)
 
REPORTES
REPORTESREPORTES
REPORTES
 
Angular 2 Campus Madrid Septiembre 2016
Angular 2 Campus Madrid Septiembre 2016Angular 2 Campus Madrid Septiembre 2016
Angular 2 Campus Madrid Septiembre 2016
 
Tutorial de dreamweaver
Tutorial de dreamweaverTutorial de dreamweaver
Tutorial de dreamweaver
 
GWT - Una introducción
GWT - Una introducciónGWT - Una introducción
GWT - Una introducción
 
Presentación Spring Boot en Autentia
Presentación Spring Boot en AutentiaPresentación Spring Boot en Autentia
Presentación Spring Boot en Autentia
 
TypeScript - Angular 2 - ionic 2
TypeScript - Angular 2 - ionic 2TypeScript - Angular 2 - ionic 2
TypeScript - Angular 2 - ionic 2
 
Tutorial aprendiendo a programar
Tutorial aprendiendo a programarTutorial aprendiendo a programar
Tutorial aprendiendo a programar
 

Último

Diagrama de flujo soporte técnico 5to semestre
Diagrama de flujo soporte técnico 5to semestreDiagrama de flujo soporte técnico 5to semestre
Diagrama de flujo soporte técnico 5to semestre
rafaelsalazar0615
 
Diagrama de flujo - ingenieria de sistemas 5to semestre
Diagrama de flujo - ingenieria de sistemas 5to semestreDiagrama de flujo - ingenieria de sistemas 5to semestre
Diagrama de flujo - ingenieria de sistemas 5to semestre
DiegoCampos433849
 
Conceptos Básicos de Programación L.D 10-5
Conceptos Básicos de Programación L.D 10-5Conceptos Básicos de Programación L.D 10-5
Conceptos Básicos de Programación L.D 10-5
JulyMuoz18
 
Trabajo Coding For kids 1 y 2 grado 9-4.pdf
Trabajo Coding For kids 1 y 2 grado 9-4.pdfTrabajo Coding For kids 1 y 2 grado 9-4.pdf
Trabajo Coding For kids 1 y 2 grado 9-4.pdf
cj3806354
 
TRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
TRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdfTRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
TRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
thomasdcroz38
 
Estructuras básicas_ conceptos básicos de programación.pdf
Estructuras básicas_  conceptos básicos de programación.pdfEstructuras básicas_  conceptos básicos de programación.pdf
Estructuras básicas_ conceptos básicos de programación.pdf
ItsSofi
 
Estructuras Básicas_Tecnología_Grado10-7.pdf
Estructuras Básicas_Tecnología_Grado10-7.pdfEstructuras Básicas_Tecnología_Grado10-7.pdf
Estructuras Básicas_Tecnología_Grado10-7.pdf
cristianrb0324
 
Semana 10_MATRIZ IPER_UPN_ADM_03.06.2024
Semana 10_MATRIZ IPER_UPN_ADM_03.06.2024Semana 10_MATRIZ IPER_UPN_ADM_03.06.2024
Semana 10_MATRIZ IPER_UPN_ADM_03.06.2024
CesarPazosQuispe
 
INFORME DE LAS FICHAS.docx.pdf LICEO DEPARTAMENTAL
INFORME DE LAS FICHAS.docx.pdf LICEO DEPARTAMENTALINFORME DE LAS FICHAS.docx.pdf LICEO DEPARTAMENTAL
INFORME DE LAS FICHAS.docx.pdf LICEO DEPARTAMENTAL
CrystalRomero18
 
Conceptos básicos de programación 10-5.pdf
Conceptos básicos de programación 10-5.pdfConceptos básicos de programación 10-5.pdf
Conceptos básicos de programación 10-5.pdf
ValeriaAyala48
 
Estructuras básicas_ conceptos de programación (1).docx
Estructuras básicas_ conceptos de programación  (1).docxEstructuras básicas_ conceptos de programación  (1).docx
Estructuras básicas_ conceptos de programación (1).docx
SamuelRamirez83524
 
trabajo de tecnologia, segundo periodo 9-6f
trabajo de tecnologia, segundo periodo 9-6ftrabajo de tecnologia, segundo periodo 9-6f
trabajo de tecnologia, segundo periodo 9-6f
zoecaicedosalazar
 
leidy fuentes - power point -expocccion -unidad 4 (1).pptx
leidy fuentes - power point -expocccion -unidad 4 (1).pptxleidy fuentes - power point -expocccion -unidad 4 (1).pptx
leidy fuentes - power point -expocccion -unidad 4 (1).pptx
Leidyfuentes19
 
Las lámparas de alta intensidad de descarga o lámparas de descarga de alta in...
Las lámparas de alta intensidad de descarga o lámparas de descarga de alta in...Las lámparas de alta intensidad de descarga o lámparas de descarga de alta in...
Las lámparas de alta intensidad de descarga o lámparas de descarga de alta in...
espinozaernesto427
 
DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdfDESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
sarasofiamontezuma
 
biogas industrial para guiarse en proyectos
biogas industrial para guiarse en proyectosbiogas industrial para guiarse en proyectos
biogas industrial para guiarse en proyectos
Luis Enrique Zafra Haro
 
Desarrollo de habilidades de pensamiento (2).pdf
Desarrollo de habilidades de pensamiento (2).pdfDesarrollo de habilidades de pensamiento (2).pdf
Desarrollo de habilidades de pensamiento (2).pdf
samuelvideos
 
Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...
Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...
Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...
Telefónica
 
proyecto invernadero desde el departamento de tecnología para Erasmus
proyecto invernadero desde el departamento de tecnología para Erasmusproyecto invernadero desde el departamento de tecnología para Erasmus
proyecto invernadero desde el departamento de tecnología para Erasmus
raquelariza02
 
Conceptos Básicos de Programación. Tecnología
Conceptos Básicos de Programación. TecnologíaConceptos Básicos de Programación. Tecnología
Conceptos Básicos de Programación. Tecnología
coloradxmaria
 

Último (20)

Diagrama de flujo soporte técnico 5to semestre
Diagrama de flujo soporte técnico 5to semestreDiagrama de flujo soporte técnico 5to semestre
Diagrama de flujo soporte técnico 5to semestre
 
Diagrama de flujo - ingenieria de sistemas 5to semestre
Diagrama de flujo - ingenieria de sistemas 5to semestreDiagrama de flujo - ingenieria de sistemas 5to semestre
Diagrama de flujo - ingenieria de sistemas 5to semestre
 
Conceptos Básicos de Programación L.D 10-5
Conceptos Básicos de Programación L.D 10-5Conceptos Básicos de Programación L.D 10-5
Conceptos Básicos de Programación L.D 10-5
 
Trabajo Coding For kids 1 y 2 grado 9-4.pdf
Trabajo Coding For kids 1 y 2 grado 9-4.pdfTrabajo Coding For kids 1 y 2 grado 9-4.pdf
Trabajo Coding For kids 1 y 2 grado 9-4.pdf
 
TRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
TRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdfTRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
TRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
 
Estructuras básicas_ conceptos básicos de programación.pdf
Estructuras básicas_  conceptos básicos de programación.pdfEstructuras básicas_  conceptos básicos de programación.pdf
Estructuras básicas_ conceptos básicos de programación.pdf
 
Estructuras Básicas_Tecnología_Grado10-7.pdf
Estructuras Básicas_Tecnología_Grado10-7.pdfEstructuras Básicas_Tecnología_Grado10-7.pdf
Estructuras Básicas_Tecnología_Grado10-7.pdf
 
Semana 10_MATRIZ IPER_UPN_ADM_03.06.2024
Semana 10_MATRIZ IPER_UPN_ADM_03.06.2024Semana 10_MATRIZ IPER_UPN_ADM_03.06.2024
Semana 10_MATRIZ IPER_UPN_ADM_03.06.2024
 
INFORME DE LAS FICHAS.docx.pdf LICEO DEPARTAMENTAL
INFORME DE LAS FICHAS.docx.pdf LICEO DEPARTAMENTALINFORME DE LAS FICHAS.docx.pdf LICEO DEPARTAMENTAL
INFORME DE LAS FICHAS.docx.pdf LICEO DEPARTAMENTAL
 
Conceptos básicos de programación 10-5.pdf
Conceptos básicos de programación 10-5.pdfConceptos básicos de programación 10-5.pdf
Conceptos básicos de programación 10-5.pdf
 
Estructuras básicas_ conceptos de programación (1).docx
Estructuras básicas_ conceptos de programación  (1).docxEstructuras básicas_ conceptos de programación  (1).docx
Estructuras básicas_ conceptos de programación (1).docx
 
trabajo de tecnologia, segundo periodo 9-6f
trabajo de tecnologia, segundo periodo 9-6ftrabajo de tecnologia, segundo periodo 9-6f
trabajo de tecnologia, segundo periodo 9-6f
 
leidy fuentes - power point -expocccion -unidad 4 (1).pptx
leidy fuentes - power point -expocccion -unidad 4 (1).pptxleidy fuentes - power point -expocccion -unidad 4 (1).pptx
leidy fuentes - power point -expocccion -unidad 4 (1).pptx
 
Las lámparas de alta intensidad de descarga o lámparas de descarga de alta in...
Las lámparas de alta intensidad de descarga o lámparas de descarga de alta in...Las lámparas de alta intensidad de descarga o lámparas de descarga de alta in...
Las lámparas de alta intensidad de descarga o lámparas de descarga de alta in...
 
DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdfDESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
 
biogas industrial para guiarse en proyectos
biogas industrial para guiarse en proyectosbiogas industrial para guiarse en proyectos
biogas industrial para guiarse en proyectos
 
Desarrollo de habilidades de pensamiento (2).pdf
Desarrollo de habilidades de pensamiento (2).pdfDesarrollo de habilidades de pensamiento (2).pdf
Desarrollo de habilidades de pensamiento (2).pdf
 
Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...
Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...
Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...
 
proyecto invernadero desde el departamento de tecnología para Erasmus
proyecto invernadero desde el departamento de tecnología para Erasmusproyecto invernadero desde el departamento de tecnología para Erasmus
proyecto invernadero desde el departamento de tecnología para Erasmus
 
Conceptos Básicos de Programación. Tecnología
Conceptos Básicos de Programación. TecnologíaConceptos Básicos de Programación. Tecnología
Conceptos Básicos de Programación. Tecnología
 

Foto DNG, de WordPress a InDesign - Parte 2

  • 1. Foto DNG, de WordPress a InDesign Segunda Parte, Novedades y Noticias/Eventos
  • 2. Proceso creación revista Foto DNG Cada una de las series y artículos de la revista Foto DNG se maquetan “a mano”, desde cero, sin ninguna automatización, pero hay tres secciones que se benefician en parte o casi en la totalidad del proceso de automatización ● Grupo Foto DNG en Flickr ● Novedades (esta presentación) ● Noticias y Eventos (esta presentación)
  • 4. Novedades y Noticias/Eventos ● El proceso se lleva a cabo en el servidor de Foto DNG mediante un plug-in propio para WordPress donde recogemos todas las funcionalidades para la revista. ● Se publican las Notas de Prensa de las marcas en la categoría Novedades de la web de Foto DNG. ● A las Novedades se les asigna un campo personalizado nombre_marca con el nombre de la marca en su valor. ● Dicho campo se utiliza para la ordenación de las Novedades por nombre de marca.
  • 5. Novedades y Noticias/Eventos ● Se publican las Noticias y Eventos recibidas en la categoría Noticias/Eventos de la web de Foto DNG. ● No se les asigna ningún campo personalizado a Noticias/Eventos ya que se ordenarán por su orden de publicación. ● Cada post publicado en WordPress es enviado a las Redes Sociales desde la opción Difundir del plug-in de WordPress JetPack. ● Se crea una programación a diferentes horarios (visitantes desde Europa, América, etc...) en Buffer.
  • 6. Novedades y Noticias/Eventos ● Se crea una tarea en Zappier para cada perfil de Buffer (cuatro), que comprueba el RSS de Foto DNG y si hay nuevas entradas las envía a Buffer (que lo publicará según el horario establecido). ● No he podido utilizar IFTTT debido a que la opción de Buffer en IFTTT sólo permite utilizar uno de los perfiles. ● Una vez publicadas y/o programadas las Novedades y las Noticias/Eventos se procede a la exportación desde WordPress a InDesign, mediante el plug-in creado.
  • 7. Novedades y Noticias/Eventos ● En nuestro plug-in seleccionamos la sección a exportar y el rango de fechas (por defecto del primer día del mes actual al último día del mes). ● Una vez exportado el archivo de texto de marcado (Tagged Text o texto etiquetado de InDesign) desde WordPress, en InDesign nos posicionamos en el recuadro de Texto de la sección e importamos el texto. ● En el caso de las Novedades, añadimos las imágenes. ● Proceso finalizado con las secciones de Novedades y Noticias/Eventos formateadas.
  • 8. Exportación de WordPress a InDesign Publicamos o programamos la entrada y en el caso de estar en la categoría Novedades le añadimos el campo personalizado con su valor
  • 9. Exportación de WordPress a InDesign Cuando se publica, se envía a las Redes Sociales desde Difundir de JetPack
  • 10. Exportación de WordPress a InDesign En Buffer se configuran las Redes Sociales y horarios de publicación
  • 11. Exportación de WordPress a InDesign Se crean las tareas en Zapier para cada perfil de Buffer que buscan en los RSS nuevos posts y los envían a Buffer
  • 12. Exportación de WordPress a InDesign Desde el plug-in de WordPress seleccionamos la categoría y rango de fechas y generamos el archivo
  • 13. Exportación de WordPress a InDesign Desde InDesign seleccionamos el archivo exportado de WordPress para importar como Texto Etiquetado
  • 14. Exportación de WordPress a InDesign Obtenemos en InDesign el texto formateado y con los estilos, al que nos queda añadir las fotos y revisión de la sección
  • 15. Plug-in de exportación desde WordPress ● Se crea el formulario con el desplegable de las dos secciones y los dos campos de fecha (type="date" para que nos muestre un calendario): $dia_desde='01'; $mes_desde=date('m'); $anhio_desde=date('Y'); $bisiesto=date('L'); $dia_hasta=date('t') + $bisiesto; $mes_hasta=date('m'); $anhio_hasta=date('Y'); ● El plug-in crea una definición de estilos de párrafo y caracter predefinidos en la plantilla de InDesign. ● Se hace una consulta a la Base de datos de WordPress con los parámetros recibidos, obteniendo los post publicados y programados en el rango de fechas fijado y categoría indicada y en el caso de las Novedades, ordenados por el campo personalizado.
  • 16. Plug-in de exportación desde WordPress $args = array( 'order' => 'ASC', 'orderby' => 'meta_value', 'meta_key' => 'nombre_marca', 'date_query'=> array( array( 'after' => array('year' => $anhio_desde, 'month' => $mes_desde, 'day' => $dia_desde,), 'before'=> array('year' => $anhio_hasta, 'month' => $mes_hasta, 'day' => $dia_hasta,), 'inclusive' => true, ), ), 'cat' => $cat, 'post_status' => array('publish', 'future'), 'posts_per_page' => $n_post_volcar, ); query_posts( $args );//Hacemos la petición a la BD
  • 17. Plug-in de exportación desde WordPress Recorremos los post obtenidos (while ( have_posts() ) : the_post();) y procesamos: ● Obtenemos el título con get_the_title, el contenido con get_the_content y el enlace con get_permalink. ● Eliminamos los shortcodes con strip_shortcodes ● Cambiamos doble retorno de carro a <p></p> con wpautop ● Eliminamos etiquetas HTML con wp_kses excepto las permitidas definidas en un array. ● Cambiamos a Smart Quotes con wptexturize. ● Eliminamos espacios, párrafos vacíos y limpieza de textos.
  • 18. Plug-in de exportación desde WordPress ● Cambiamos caracteres por equivalentes UNICODE para InDesign como ® a <0x00AE> o ñ a <0x00F1> (array con 53 equivalencias de momento). ● Cambiamos etiquetas HTML por tags de InDesign y estilos predefinidos como <b> por <cTypeface:Bold> y </b> por <cTypeface:> o <h1> por <ParaStyle:articulos:titular>. ● Creamos el contenido con el título, contenido y enlace formateados. ● Volcamos el contenido a un archivo de texto para su posterior importación en InDesign novedades_2014-02-01-to2014-02-28.txt
  • 19. Ventajas obtenidas ● Tanto las Novedades como las Noticias y Eventos se van publicando en la web y Redes Sociales. ● El proceso de exportación desde WordPress e importación en InDesign, se completa en apenas un par de minutos. ● La revisión final de maquetación de las dos secciones y añadido de fotos se completa en menos de dos horas (diversas acciones guardadas para las fotos en Photoshop).
  • 20. Se agradece todo tipo de comentarios, ideas, dudas, etc., post publicado en: http://www.fotodng.com/foto-dng-de-wordpressa-indesign-parte-2-2917.html Carlos Longarela. Revista Foto DNG http://www.fotodng.com https://twitter.com/fotodng