{"id":155,"date":"2018-01-19T09:47:27","date_gmt":"2018-01-19T09:47:27","guid":{"rendered":"http:\/\/disseny-test.uoc.edu\/materials\/prod-digital\/?page_id=155"},"modified":"2018-01-19T11:17:36","modified_gmt":"2018-01-19T11:17:36","slug":"3-4-4-creacio-duna-revista-digital-web","status":"publish","type":"page","link":"http:\/\/disseny-test.uoc.edu\/materials\/prod-digital\/3-4-4-creacio-duna-revista-digital-web\/","title":{"rendered":"3.4.4. Creaci\u00f3 d&#8217;una revista digital (web)"},"content":{"rendered":"<p>Com hem comentat anteriorment, una de les claus a l\u2019hora de decidir com procedir per a crear una revista digital \u00e9s si aquesta ser\u00e0 accessible directament en l\u00ednia o, al contrari, ser\u00e0 un arxiu que podrem descarregar per a llegir en el dispositiu escollit. Podem publicar el contingut directament en una p\u00e0gina web de creaci\u00f3 pr\u00f2pia o usar un sistema de gesti\u00f3 de continguts (CMS); com ja hem dit, la segona opci\u00f3 \u00e9s molt m\u00e9s eficient i funcional per a qualsevol publicaci\u00f3 digital peri\u00f2dica.<\/p>\n<p>At\u00e8s que el <a href=\"javascript:void(0);\" class=\"tooltip\" data-toggle=\"popover\" data-placement=\"bottom\" data-content=\"Una revista en EPUB es crea igual que un llibre en EPUB, i una revista en PDF (amb format fix) es crea igual que qualsevol document digital en PDF.\" data-placement=\"top\" data-html=\"true\" >proc\u00e9s de creaci\u00f3<\/a> d\u2019una revista per a ser descarregada dependr\u00e0 directament del format de sortida escollit, exposarem aqu\u00ed el proc\u00e9s necessari per a crear una revista en l\u00ednia amb l\u2019\u00fas d\u2019un gestor de continguts o CMS, i nom\u00e9s mostrarem al final del punt, amb un mapa conceptual, els passos necessaris per a crear una revista en format descarregable, que podeu veure amb m\u00e9s detall en el punt corresponent a cada format.<\/p>\n<p>Hem escollit WordPress com a refer\u00e8ncia perqu\u00e8 \u00e9s el CMS m\u00e9s utilitzat actualment i que es desenvolupa a m\u00e9s bon ritme, tant pel que fa a la inclusi\u00f3 de noves funcionalitats com a la millora dels problemes de seguretat.<\/p>\n<h4><strong>WordPress<\/strong><\/h4>\n<div class=\"featured featured-blue\"><p>WordPress \u00e9s programari lliure i podem accedir-hi gratu\u00eftament, tant usant els seus propis servidors (amb algunes restriccions) com instal\u00b7lant el programari en un allotjament propi.<\/p>\n<\/div>\n<p class=\"Normalesp\"><span lang=\"CA\">La llic\u00e8ncia associada a WordPress \u00e9s la seg\u00fcent:<\/span><\/p>\n<blockquote><p>The license under which the WordPress software is released is the GPLv2 (or later) from the <a href=\"http:\/\/www.fsf.org\/\" target=\"_blank\" rel=\"noopener\">Free Software Foundation.<\/a> A copy of the license is included with every copy of WordPress, but you can also read the <a href=\"https:\/\/wordpress.org\/about\/gpl\/\" target=\"_blank\" rel=\"noopener\">text of the license<\/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>Aquesta llic\u00e8ncia ens permet modificar el codi que forma WordPress per a adaptar-lo a les nostres necessitats, sense haver de demanar perm\u00eds o pagar una taxa a cap empresa. Aquest fet provoca que hi hagi una gran comunitat de desenvolupadors que ofereixen modificacions i complements de manera desinteressada, que es poden usar lliurement per a crear portals propis. El <em>core<\/em> de WordPress sempre ser\u00e0 lliure i obert per a la seva modificaci\u00f3.<\/p>\n<p>De nou, una cerca a la xarxa sobre la iniciaci\u00f3 en WordPress ens donar\u00e0 un gran volum de manuals, tutorials, videotutorials i cursos lliure i oberts, que podem cursar per a aprendre a usar l\u2019eina; per\u00f2 cal dir que qualsevol usuari amb uns m\u00ednims coneixements t\u00e8cnics ser\u00e0 molt capa\u00e7 d\u2019usar aquest gestor de continguts sense cap dificultat. Per tant, \u00a0no entrarem en aquest text a detallar el proc\u00e9s de creaci\u00f3 d\u2019un lloc en WordPress, per\u00f2 s\u00ed que volem fer algunes consideracions importants per a usar-lo com a eina per a publicar una revista digital.<\/p>\n<p>A \u00ab<a href=\"https:\/\/es.support.wordpress.com\/es-start\/\" target=\"_blank\" rel=\"noopener\">Ajuda inicial pas a pas de WordPress<\/a>\u00bb trobarem un gran nombre de tutorials i manuals per a desenvolupar un CMS amb WordPress.<\/p>\n<p>Qualsevol gestor de continguts es construeix a l\u2019entorn de dos tipus de continguts:<\/p>\n<ul>\n<li>Les <strong>p\u00e0gines<\/strong>, contingut est\u00e0tic que no varia.<\/li>\n<li>Els <strong>posts<\/strong>, inclosos els coneguts gr\u00e0cies als blogs, contingut din\u00e0mic de la publicaci\u00f3.<\/li>\n<\/ul>\n<p>El m\u00e9s habitual \u00e9s publicar la informaci\u00f3 general sobre la publicaci\u00f3 (presentaci\u00f3, objectius, <em>about<\/em>, etc.) en les p\u00e0gines fixes i publicar el contingut dels articles com a posts.<\/p>\n<p>Aquest funcionament es complementa amb l\u2019\u00fas de categories i paraules clau (etiquetes), que ens permeten classificar, indexar i mostrar el contingut en funci\u00f3 d\u2019uns criteris de cerca. Aix\u00ed, podrem crear categories de contingut generant seccions per a la publicaci\u00f3 a les quals despr\u00e9s podrem accedir i, alhora, marcar els diferents articles amb paraules clau que ens permetran identificar subtem\u00e0tiques i temes interessants.<\/p>\n<p>WordPress incorpora eines per a afegir contingut multim\u00e8dia \u2014imatges, v\u00eddeo, \u00e0udio\u2014 simplement adjuntant-les al post o la p\u00e0gina que estem publicant. Alhora, aquest contingut multim\u00e8dia tamb\u00e9 \u00e9s indexable i classificable.<\/p>\n<h4 style=\"margin-bottom: .0001pt;\"><strong><span lang=\"CA\">Passos per a crear un CMS per a una revista digital<\/span><\/strong><\/h4>\n<p>&nbsp;<\/p>\n<p><strong>1. Escollir quin gestor de continguts volem usar<\/strong>. El m\u00e9s habitual \u00e9s <a href=\"http:\/\/es.wordpress.com\" target=\"_blank\" rel=\"noopener\">WordPress<\/a>, que \u00e9s responsable de la publicaci\u00f3 d\u2019un alt percentatge de continguts a la xarxa.<br \/>\n<div class=\"featured featured-grey\"><\/p>\n<h4><strong>Escollir quin gestor de continguts volem usar<\/strong><\/h4>\n<p>\u00c9s important distingir dues modalitats d&#8217;\u00fas de WordPress. En primer lloc, a WordPress.com podem crear un blog\/publicaci\u00f3 de manera senzilla amb els passos guiats. En aquest cas l&#8217;allotjament del sistema ser\u00e0 en el mateix portal de WordPress. Per altra banda, podem anar a WordPress.org i descarregar el codi, el m\u00f2dul complet de WP, per a instal\u00b7lar-lo en un allotjament propi. Aquest segon proc\u00e9s requereix coneixements t\u00e8cnics per a poder configurar el m\u00f2dul WP, o contractar serveis externs que ens proporcionin el m\u00f2dul ja instal\u00b7lat i funcional en un allotjament propi.<\/p>\n<\/div><\/p>\n<p><strong>2. Configurar les caracter\u00edstiques principals de la revista<\/strong>: t\u00edtol principal, paraules clau, p\u00e0gina inicial, etc. Tamb\u00e9 l\u2019aparen\u00e7a visual de la publicaci\u00f3, que podem modificar amb l\u2019\u00fas de <em>themes<\/em> gratu\u00efts o de pagament que podem dissenyar per a una publicaci\u00f3 concreta.<\/p>\n<p><strong>3. Definir una estructura de categories<\/strong>, corresponents amb les seccions que vulguem crear per al nostre contingut, que anirem complementant amb les paraules clau que vulguem associar a cada article.<\/p>\n<p><strong>4.<\/strong> <a href=\"javascript:void(0);\" class=\"tooltip\" data-toggle=\"popover\" data-placement=\"bottom\" data-content=\"Pel que fa a la creaci\u00f3 de contingut per a WordPress, podrem usar l\u2019editor textual que el sistema ens ofereix o usar l\u2019editor d\u2019HTML, en el qual podrem aplicar el marcatge sem\u00e0ntic que considerem oport\u00fa a la publicaci\u00f3, m\u00e9s enll\u00e0 del que WP aplica unilateralment.\" data-placement=\"top\" data-html=\"true\" ><strong>Crear el contingut fix de la publicaci\u00f3<\/strong><\/a>\u00a0aquell que volem que sempre sigui igual i que molt probablement destacarem en el men\u00fa.<\/p>\n<p><strong>5. Publicar els articles (posts)<\/strong> que volem que formin part de la revista.<\/p>\n<p><strong>6. Crear els men\u00fas<\/strong> que volem que apareguin en la publicaci\u00f3, amb l\u2019eina que WordPress ens ofereix, amb funcionament <em>drag&amp;drop<\/em>. \u00c9s molt senzill.<\/p>\n<p>Totes aquestes tasques es poden fer de manera molt assequible seguint els tutorials de la mateixa p\u00e0gina de WordPress. I si volem oferir el contingut com a extra en un format encapsulat per a descarregar-lo, ho podrem fer sense cap problema afegint l\u2019arxiu com a adjunt als articles o a la revista en general.<\/p>\n<p>No obstant aix\u00f2, \u00e9s important tenir clar que hi ha passos de configuraci\u00f3 opcionals i d\u2019instal\u00b7laci\u00f3 de complements que requereixen un proc\u00e9s m\u00e9s llarg, per\u00f2 en tots els casos els men\u00fas de WordPress i les eines que ens ofereix el panell de control faran aquestes tasques molt m\u00e9s senzilles que si les hagu\u00e9ssim de configurar directament sobre el codi.<\/p>\n<p>Per a cloure aquest punt, \u00e9s important deixar clar que si b\u00e9 WordPress \u00e9s un dels CMS m\u00e9s usats, en tenim d\u2019altres a disposici\u00f3 per a crear aquest tipus de publicacions que s\u00f3n igualment funcionals i senzills de configurar. El m\u00e9s conegut com a alternativa \u00e9s <a href=\"http:\/\/www.drupal.org\" target=\"_blank\" rel=\"noopener\"><strong>Drupal<\/strong><\/a>, m\u00e9s adequat per a crear portals complexos, que ocupa el 7% del mercat, i la resta (Joomla, Blogger, etc.) tenen un \u00fas for\u00e7a residual avui en dia.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Com hem comentat anteriorment, una de les claus a l\u2019hora de decidir com procedir per a crear una revista digital \u00e9s si aquesta ser\u00e0 accessible directament en l\u00ednia o, al contrari, ser\u00e0 un arxiu que podrem descarregar per a llegir en el dispositiu escollit. Podem publicar el contingut directament en una p\u00e0gina web de creaci\u00f3 [&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\/wp-json\/wp\/v2\/pages\/155"}],"collection":[{"href":"http:\/\/disseny-test.uoc.edu\/materials\/prod-digital\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/disseny-test.uoc.edu\/materials\/prod-digital\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/disseny-test.uoc.edu\/materials\/prod-digital\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/disseny-test.uoc.edu\/materials\/prod-digital\/wp-json\/wp\/v2\/comments?post=155"}],"version-history":[{"count":5,"href":"http:\/\/disseny-test.uoc.edu\/materials\/prod-digital\/wp-json\/wp\/v2\/pages\/155\/revisions"}],"predecessor-version":[{"id":201,"href":"http:\/\/disseny-test.uoc.edu\/materials\/prod-digital\/wp-json\/wp\/v2\/pages\/155\/revisions\/201"}],"wp:attachment":[{"href":"http:\/\/disseny-test.uoc.edu\/materials\/prod-digital\/wp-json\/wp\/v2\/media?parent=155"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}