{"id":666,"date":"2018-01-30T08:16:13","date_gmt":"2018-01-30T08:16:13","guid":{"rendered":"http:\/\/disseny-test.uoc.edu\/materials\/prod-digital\/?page_id=666"},"modified":"2018-01-30T18:04:23","modified_gmt":"2018-01-30T18:04:23","slug":"3-4-4-creacion-de-una-revista-digital-web","status":"publish","type":"page","link":"http:\/\/disseny-test.uoc.edu\/materials\/prod-digital\/es\/3-4-4-creacion-de-una-revista-digital-web\/","title":{"rendered":"3.4.4. Creaci\u00f3n de una revista digital (web)"},"content":{"rendered":"<p>Como hemos comentado anteriormente, una de las claves a la hora de decidir c\u00f3mo proceder para crear una revista digital es si esta ser\u00e1 accesible directamente en l\u00ednea o, al contrario, ser\u00e1 un archivo que podremos descargar para leer en el dispositivo elegido. Podemos publicar el contenido directamente en una p\u00e1gina web de creaci\u00f3n propia, o usar un sistema de gesti\u00f3n de contenidos (CMS); como ya hemos dicho, la segunda opci\u00f3n es mucho m\u00e1s eficiente y funcional para cualquier publicaci\u00f3n digital peri\u00f3dica.<\/p>\n<p>Dado que el <a href=\"javascript:void(0);\" class=\"tooltip\" data-toggle=\"popover\" data-placement=\"bottom\" data-content=\"Una revista en EPUB se crea igual que un libro en EPUB, y una revista en PDF (con formato fijo) se crea igual que cualquier documento digital en PDF.\" data-placement=\"top\" data-html=\"true\" >proceso de creaci\u00f3n<\/a> de una revista para ser descargada depender\u00e1 directamente del formato de salida elegido, expondremos aqu\u00ed el proceso necesario para crear una revista en l\u00ednea con el uso de un gestor de contenidos o CMS, y solo mostraremos al final del apartado, con un mapa conceptual, los pasos necesarios para crear una revista en formato descargable, que pod\u00e9is ver con m\u00e1s detalle en el apartado correspondiente a cada formato.<\/p>\n<p>Hemos elegido WordPress como referencia, porque es el CMS m\u00e1s utilizado actualmente y que se desarrolla a mejor ritmo, tanto respecto a la inclusi\u00f3n de nuevas funcionalidades, como a la mejora de los problemas de seguridad.<\/p>\n<h4><strong>WordPress<\/strong><\/h4>\n<div class=\"featured featured-blue\"><p>WordPress es software libre y podemos acceder a \u00e9l gratuitamente, tanto usando sus propios servidores (con algunas restricciones) como instalando el software en un alojamiento propio.<\/p>\n<\/div>\n<p>La licencia asociada a WordPress es la siguiente:<\/p>\n<blockquote><p>The license under which the WordPress software is released is the GPLv2 (or later) from the Free Software <a href=\"http:\/\/www.fsf.org\/\" target=\"_blank\" rel=\"noopener\"><u>Foundation<\/u>.<\/a> A copy of the license is included with every copy of WordPress, but you can also read the text of the <a href=\"https:\/\/wordpress.org\/about\/gpl\/\" target=\"_blank\" rel=\"noopener\"><u>license<\/u><\/a> here.<\/p><\/blockquote>\n<figure id=\"attachment_36\" aria-describedby=\"caption-attachment-36\" style=\"width: 800px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" class=\"alignnone size-full wp-image-36\" src=\"http:\/\/disseny-test.uoc.edu\/materials\/prod-digital\/wp-content\/uploads\/sites\/6\/2018\/01\/20015_017.jpg\" alt=\"WordPress\" width=\"800\" height=\"356\" srcset=\"http:\/\/disseny-test.uoc.edu\/materials\/prod-digital\/wp-content\/uploads\/sites\/6\/2018\/01\/20015_017.jpg 800w, http:\/\/disseny-test.uoc.edu\/materials\/prod-digital\/wp-content\/uploads\/sites\/6\/2018\/01\/20015_017-300x134.jpg 300w, http:\/\/disseny-test.uoc.edu\/materials\/prod-digital\/wp-content\/uploads\/sites\/6\/2018\/01\/20015_017-768x342.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><figcaption id=\"caption-attachment-36\" class=\"wp-caption-text\"><strong>Figura 17.<\/strong> WordPress<\/figcaption><\/figure>\n<p>Esta licencia nos permite modificar el c\u00f3digo que forma WordPress para adaptarlo a nuestras necesidades, sin tener que pedir permiso o pagar una tasa a ninguna empresa. Este hecho provoca que haya una gran comunidad de desarrolladores que ofrecen modificaciones y complementos de manera desinteresada, que se pueden usar libremente para crear portales propios. El <em>core<\/em> de WordPress siempre ser\u00e1 libre y abierto para su modificaci\u00f3n.<\/p>\n<p>De nuevo, una b\u00fasqueda en la red sobre la iniciaci\u00f3n en WordPress nos dar\u00e1 un gran volumen de manuales, tutoriales, videotutoriales y cursos libres y abiertos, que podemos cursar para aprender a utilizar la herramienta; pero hay que decir que cualquier usuario con unos m\u00ednimos conocimientos t\u00e9cnicos ser\u00e1 muy capaz de usar este gestor de contenidos sin ninguna dificultad. Por lo tanto, no entraremos a detallar en este texto el proceso de creaci\u00f3n de un lugar en WordPress, pero s\u00ed queremos hacer algunas consideraciones importantes para usarlo como herramienta para publicar una revista digital.<\/p>\n<p>En \u00ab<a href=\"https:\/\/es.support.wordpress.com\/es-start\/\" target=\"_blank\" rel=\"noopener\">Ayuda inicial paso a paso de WordPress<\/a>\u00bb, encontraremos un gran n\u00famero de tutoriales y manuales para desarrollar un CMS con WordPress.<\/p>\n<p>Cualquier gestor de contenidos se construye en torno a dos tipos de contenidos:<\/p>\n<ul>\n<li>Las <strong>p\u00e1ginas<\/strong>, contenido est\u00e1tico que no var\u00eda.<\/li>\n<li>Las <strong>entradas<\/strong>, incluidas las conocidas gracias a los blogs, contenido din\u00e1mico de la publicaci\u00f3n.<\/li>\n<\/ul>\n<p>Lo m\u00e1s habitual es publicar la informaci\u00f3n general sobre la publicaci\u00f3n (presentaci\u00f3n, objetivo, <em>about<\/em>, etc.) en las p\u00e1ginas fijas y publicar el contenido de los art\u00edculos como entradas.<\/p>\n<p>Este funcionamiento se complementa con el uso de categor\u00edas y palabras clave (etiquetas), que nos permiten clasificar, indexar y mostrar el contenido en funci\u00f3n de unos criterios de b\u00fasqueda. As\u00ed, podremos crear categor\u00edas de contenido generando secciones para la publicaci\u00f3n a las cuales despu\u00e9s podremos acceder y, a la vez, marcar los diferentes art\u00edculos con palabras clave que nos permitir\u00e1n identificar subtem\u00e1ticas y temas interesantes.<\/p>\n<p>WordPress incorpora herramientas para a\u00f1adir contenido multimedia \u2013im\u00e1genes, v\u00eddeo, audio\u2013 simplemente adjunt\u00e1ndolas a la entrada o la p\u00e1gina que estemos publicando. A la vez, este contenido multimedia tambi\u00e9n es indexable y clasificable.<\/p>\n<h4><strong>Pasos para crear un CMS para una revista digital<\/strong><\/h4>\n<p><strong>1. Elegir qu\u00e9 gestor de contenidos queremos usar. <\/strong>El m\u00e1s habitual es <a href=\"http:\/\/es.wordpress.com\" target=\"_blank\" rel=\"noopener\">WordPress<\/a>, que es responsable de la publicaci\u00f3n de un alto porcentaje de contenidos en la Red.<br \/>\n<div class=\"featured featured-grey\"><\/p>\n<h4><strong>Elegir qu\u00e9 gestor de contenidos queremos usar<\/strong><\/h4>\n<p>Es importante distinguir dos modalidades de uso de WordPress. En primer lugar, en WordPress.com podemos crear un blog\/publicaci\u00f3n de manera sencilla con los pasos guiados. En este caso, el alojamiento del sistema ser\u00e1 en el mismo portal de WordPress. Por otro lado, podemos ir a WordPress.org y descargar el c\u00f3digo, el m\u00f3dulo completo de WP, para instalarlo en un alojamiento propio. Este segundo proceso requiere conocimientos t\u00e9cnicos para poder configurar el m\u00f3dulo WP, o contratar servicios externos que nos proporcionen el m\u00f3dulo ya instalado y funcional en un alojamiento propio.<\/p>\n<\/div><\/p>\n<p><strong>2. Configurar las caracter\u00edsticas principales de la revista: <\/strong>t\u00edtulo principal, palabras clave, p\u00e1gina inicial, etc. Tambi\u00e9n la apariencia visual de la publicaci\u00f3n, que podemos modificar con el uso de <em>themes<\/em> gratuitos o de pago que podemos dise\u00f1ar para una publicaci\u00f3n concreta.<\/p>\n<p><strong>3. Definir una estructura de categor\u00edas, <\/strong>correspondientes con las secciones que queramos crear para nuestro contenido, y que iremos complementando con las palabras clave que queramos asociar a cada art\u00edculo.<\/p>\n<p><strong>4.<\/strong> <a href=\"javascript:void(0);\" class=\"tooltip\" data-toggle=\"popover\" data-placement=\"bottom\" data-content=\"En lo que respecta a la creaci\u00f3n de contenido para WordPress, podremos usar el editor textual que el sistema nos ofrece o el editor de HTML, en el que podremos aplicar el marcado sem\u00e1ntico que consideremos oportuno en la publicaci\u00f3n, m\u00e1s all\u00e1 del que WP aplica unilateralmente.\" data-placement=\"top\" data-html=\"true\" ><strong>Crear el contenido fijo de la publicaci\u00f3n,<\/strong><\/a>\u00a0aquel que queremos que siempre sea igual y que muy probablemente destacaremos en el men\u00fa.<\/p>\n<p><strong>5. Publicar los art\u00edculos (<em>posts<\/em>) <\/strong>que queremos que formen parte de la revista.<\/p>\n<p><strong>6. Crear los men\u00fas <\/strong>que queremos que aparezcan en la publicaci\u00f3n, con la herramienta que WordPress nos ofrece, con funcionamiento <em>drag&amp;drop<\/em>. Es muy sencillo.<\/p>\n<p>Todas estas tareas se pueden hacer de manera muy asequible, siguiendo los tutoriales de la misma p\u00e1gina de WordPress. Y si queremos ofrecer el contenido como extra en un formato encapsulado para descargarlo, lo podremos hacer sin ning\u00fan problema a\u00f1adiendo el archivo como adjunto a los art\u00edculos o a la revista en general.<\/p>\n<p>Sin embargo, es importante tener claro que hay pasos de configuraci\u00f3n opcionales y de instalaci\u00f3n de complementos que requieren un proceso m\u00e1s largo, pero en todos los casos los men\u00fas de WordPress y las herramientas que nos ofrece el panel de control har\u00e1n estas tareas mucho m\u00e1s sencillas que si las tuvi\u00e9ramos que configurar directamente sobre el c\u00f3digo.<\/p>\n<p>Para cerrar este punto, es importante dejar claro que si bien WordPress es uno de los CMS m\u00e1s usados, tenemos otros a disposici\u00f3n para crear este tipo de publicaciones, que son igualmente funcionales y sencillos de configurar. El m\u00e1s conocido como alternativa es <a href=\"http:\/\/www.drupal.org\" target=\"_blank\" rel=\"noopener\"><strong>Drupal<\/strong><\/a>, m\u00e1s adecuado para crear portales complejos, que ocupa el 7 % del mercado, y el resto (Joomla, Blogger, etc.) tienen un uso bastante residual hoy d\u00eda.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Como hemos comentado anteriormente, una de las claves a la hora de decidir c\u00f3mo proceder para crear una revista digital es si esta ser\u00e1 accesible directamente en l\u00ednea o, al contrario, ser\u00e1 un archivo que podremos descargar para leer en el dispositivo elegido. Podemos publicar el contenido directamente en una p\u00e1gina web de creaci\u00f3n propia, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false},"acf":[],"_links":{"self":[{"href":"http:\/\/disseny-test.uoc.edu\/materials\/prod-digital\/es\/wp-json\/wp\/v2\/pages\/666"}],"collection":[{"href":"http:\/\/disseny-test.uoc.edu\/materials\/prod-digital\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/disseny-test.uoc.edu\/materials\/prod-digital\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/disseny-test.uoc.edu\/materials\/prod-digital\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/disseny-test.uoc.edu\/materials\/prod-digital\/es\/wp-json\/wp\/v2\/comments?post=666"}],"version-history":[{"count":1,"href":"http:\/\/disseny-test.uoc.edu\/materials\/prod-digital\/es\/wp-json\/wp\/v2\/pages\/666\/revisions"}],"predecessor-version":[{"id":667,"href":"http:\/\/disseny-test.uoc.edu\/materials\/prod-digital\/es\/wp-json\/wp\/v2\/pages\/666\/revisions\/667"}],"wp:attachment":[{"href":"http:\/\/disseny-test.uoc.edu\/materials\/prod-digital\/es\/wp-json\/wp\/v2\/media?parent=666"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}