foto dng, de wordpress a indesign - parte 2

20
Foto DNG, de WordPress a InDesign Segunda Parte, Novedades y Noticias/Eventos

Upload: revista-foto-dng

Post on 10-May-2015

268 views

Category:

Technology


0 download

DESCRIPTION

Segunda parte del proceso desde la publicación en la web de las Novedades y Noticias/Eventos desde WordPress, hasta que se plasman los textos en el programa de maquetación (InDesign).

TRANSCRIPT

Page 1: Foto DNG, de WordPress a InDesign - Parte 2

Foto DNG, de WordPress a InDesign

Segunda Parte, Novedades y Noticias/Eventos

Page 2: Foto DNG, de WordPress a InDesign - Parte 2

Proceso creación revista Foto DNGCada 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)

Page 3: Foto DNG, de WordPress a InDesign - Parte 2

Novedades y Noticias/Eventos

Page 4: Foto DNG, de WordPress a InDesign - Parte 2

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.

Page 5: Foto DNG, de WordPress a InDesign - Parte 2

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.

Page 6: Foto DNG, de WordPress a InDesign - Parte 2

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.

Page 7: Foto DNG, de WordPress a InDesign - Parte 2

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.

Page 8: Foto DNG, de WordPress a InDesign - Parte 2

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

Page 9: Foto DNG, de WordPress a InDesign - Parte 2

Exportación de WordPress a InDesign

Cuando se publica, se envía a las Redes Sociales desde Difundir de JetPack

Page 10: Foto DNG, de WordPress a InDesign - Parte 2

Exportación de WordPress a InDesign

En Buffer se configuran las

Redes Sociales y horarios de publicación

Page 11: Foto DNG, de WordPress a InDesign - Parte 2

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

Page 12: Foto DNG, de WordPress a InDesign - Parte 2

Exportación de WordPress a InDesign

Desde el plug-in de WordPress seleccionamos

la categoría y rango de fechas y generamos el

archivo

Page 13: Foto DNG, de WordPress a InDesign - Parte 2

Exportación de WordPress a InDesign

Desde InDesign seleccionamos el archivo exportado de WordPress para importar como Texto

Etiquetado

Page 14: Foto DNG, de WordPress a InDesign - Parte 2

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

Page 15: Foto DNG, de WordPress a InDesign - Parte 2

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.

Page 16: Foto DNG, de WordPress a InDesign - Parte 2

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

Page 17: Foto DNG, de WordPress a InDesign - Parte 2

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.

Page 18: Foto DNG, de WordPress a InDesign - Parte 2

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-to-2014-02-28.txt

Page 19: Foto DNG, de WordPress a InDesign - Parte 2

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).

Page 20: Foto DNG, de WordPress a InDesign - Parte 2

Se agradece todo tipo de comentarios, ideas, dudas,

etc., post publicado en:

http://www.fotodng.com/foto-dng-de-wordpress-

a-indesign-parte-2-2917.html

Carlos Longarela.

Revista Foto DNG

http://www.fotodng.com

https://twitter.com/fotodng