{"id":16301,"date":"2020-10-27T14:49:29","date_gmt":"2020-10-27T12:49:29","guid":{"rendered":"https:\/\/portal.edu.gva.es\/cvtic\/?p=16301"},"modified":"2023-02-15T17:24:01","modified_gmt":"2023-02-15T15:24:01","slug":"afegir-un-pdf-en-una-pagina-o-entrada-de-portaledu","status":"publish","type":"post","link":"https:\/\/edutictac.es\/blog\/cvtic\/afegir-un-pdf-en-una-pagina-o-entrada-de-portaledu\/","title":{"rendered":"Afegir un PDF en una p\u00e0gina o entrada de PortalEdu"},"content":{"rendered":"\n
\n

<\/p>\nLa present entrada \u00e9s una c\u00f2pia parcial de l’obra amb el t\u00edtol \u00abButllet\u00ed CvTIC n\u00fam. 24\u00bb publicada originalment en el portal antigament disponible a https:\/\/portal.edu.gva.es\/cvtic\/ i amb llic\u00e8ncia Creative Commons de Reconeixement-CompartirIgual 4.0 Internacional.
Creat a partir d’una obra disponible a https:\/\/portal.edu.gva.es\/cvtic\/<\/cite><\/blockquote>\n\n\n

Els documents en format PDF s’han convertit en un est\u00e0ndard de document digital molt pr\u00e0ctic i molt usat per diverses raons. Una d’elles, possiblement molt poderosa, \u00e9s que s\u00f3n un substitut dels documents en paper molt similar en aspecte a ells i, per tant, molt assimilable per una gran quantitat d’usuaris.<\/p>\n

Hi ha moltes aplicacions amb les quals podem llegir el format PDF, entre les quals s’inclouen la majoria de navegadors web m\u00e9s utilitzats en l’actualitat, per\u00f2 el format PDF no \u00e9s el m\u00e9s adequat per a ser mostrat per un navegador web. Aix\u00f2 fa que quan vulguem incloure en el nostre lloc web un document en aquest format, tinguem dubtes de com fer-ho, ja que en PortalEdu tenim diverses formes de mostrar el document.<\/p>\n

En primer lloc, cal pujar el fitxer en format PDF a la mediateca, aix\u00f2 es fa de la mateixa forma que podr\u00edem pujar una imatge o un v\u00eddeo: anant al Tauler\u00bbM\u00e8dia\u00bbAfegeix<\/em>.<\/p>\n

\"\"<\/p>\n

Una vegada tenim el PDF en la mediateca, haurem de crear una nova p\u00e0gina o entrada i inserir el PDF. A continuaci\u00f3 explicarem 3 opcions diferents per incloure el PDF en l’entrada o p\u00e0gina: Inserir el PDF mitjan\u00e7ant el connector que es diu pdf-embedder<\/em>; inserir-lo mitjan\u00e7ant el  shortcode de WordPress<\/a> iframe<\/em> o enlla\u00e7ant el PDF per a la seua desc\u00e0rrega.<\/p>\n

Inserir el PDF mitjan\u00e7ant el connector pdf-embeder<\/h3>\n

Aquesta \u00e9s la forma m\u00e9s senzilla de fer-ho ja que el connector pdf-embedder<\/em><\/a> est\u00e0 ja instal\u00b7lat en PortalEdu i permet inserir el PDF com si f\u00f3ra un fitxer multim\u00e8dia qualsevol, \u00e9s a dir, es fa clic al bot\u00f3 \u00abAfegeix un m\u00e8dia\u00bb, se selecciona l’arxiu des de la mediateca i ja est\u00e0. L’editor mostrar\u00e0 un codi amb l’URL del PDF i alguns par\u00e0metres. El resultat, una vegada publiquem l’entrada, es veur\u00e0 com un marc dins del qual es mostrar\u00e0 un visor amb el contingut del PDF i una barra d’eines per canviar de p\u00e0gina i fer zoom. L’avantatge d’aquest m\u00e8tode \u00e9s que el marc s’adapta al tipus i mida del dispositiu des del qual es llig la p\u00e0gina. L’inconvenient \u00e9s que la barra d’eines que inclou el visor \u00e9s molt simplificada i no es pot, per exemple, for\u00e7ar la desc\u00e0rrega del document. El codi que s’insereix en l’editor admet el par\u00e0metres width<\/i>=’500<\/em>‘ per tal de controlar l’amplada del marc en p\u00edxels.<\/p>\n

\"\"
Codi que s’insereix si afegim un m\u00e8dia en format PDF<\/figcaption><\/figure>\n
\"\"
Vista de l’entrada amb el visor de PDF<\/figcaption><\/figure>\n

Inserir el PDF mitjan\u00e7ant iframe<\/em><\/h3>\n

Per evitar l’inconvenient de la simplicitat de la barra d’eines, podem aprofitar que la majoria dels navegadors actuals (Firefox, Chrome, Edge, Safari) tenen un visor de fitxers PDF integrat (amb les funcions t\u00edpiques de descarregar, ampliar, passar de p\u00e0gina o imprimir) i  podem inserir el PDF amb el shortcode de WordPress iframe<\/em>. Per fer aix\u00f2 nom\u00e9s cal copiar el codi anterior i substituir la paraula pdf-embedder<\/em> per iframe<\/em>, i substituir el par\u00e0metre url=<\/em> per src=<\/em>. L’inconvenient \u00e9s que si es visita la p\u00e0gina des d’un navegador incompatible amb la lectura de fitxers PDF, l’usuari no veur\u00e0 el document, ni tan sols un enlla\u00e7 per a desc\u00e0rrega.<\/p>\n

\"\"
Codi per inserir un PDF amb iframe<\/figcaption><\/figure>\n
\"\"
Vista del PDF des del visor incl\u00f2s en Firefox.<\/figcaption><\/figure>\n

Enlla\u00e7ar el PDF per a la seua desc\u00e0rrega<\/h3>\n

Aquesta \u00e9s la forma m\u00e9s compatible amb tota classe de dispositius, ja que nom\u00e9s caldr\u00e0 fer clic en l’enlla\u00e7 i els navegadors amb visors compatibles mostraran el PDF, en canvi, els navegadors m\u00e9s antics descarregaran l’arxiu al disc del dispositiu per poder obrir-lo amb una altra aplicaci\u00f3. Cal con\u00e9ixer l’URL del PDF (la qual podem obtenir visitant l’arxiu en la mediateca) i enlla\u00e7ar-la a qualsevol part de l’entrada o p\u00e0gina. Podem enlla\u00e7ar el PDF amb un clic a determinades paraules o amb un clic a una imatge predissenyada d’un bot\u00f3 de desc\u00e0rrega.<\/p>\n

\"\"
Enlla\u00e7ant un PDF<\/figcaption><\/figure>\n

Probablement la millor opci\u00f3 siga una combinaci\u00f3 d’aquest \u00faltim m\u00e8tode (enlla\u00e7ar el PDF) amb algun dels dos anteriors (inserir-lo).<\/p>\n


\nAquest article va ser publicat per primera vegada en el butllet\u00ed CvTIC n\u00fam. 24<\/a>. Podeu explorar m\u00e9s butlletins en Aquesta p\u00e0gina<\/a>.<\/p>\n\n\n

\n

<\/p>\n<\/blockquote>\n","protected":false},"excerpt":{"rendered":"

La present entrada \u00e9s una c\u00f2pia parcial de l’obra amb el t\u00edtol \u00abButllet\u00ed CvTIC n\u00fam. 24\u00bb publicada originalment en el portal antigament disponible a https:\/\/portal.edu.gva.es\/cvtic\/ i amb llic\u00e8ncia Creative Commons de Reconeixement-CompartirIgual 4.0 Internacional.Creat a partir d’una obra disponible a https:\/\/portal.edu.gva.es\/cvtic\/ Els documents en format PDF s’han convertit en un est\u00e0ndard de document digital molt … Llegiu m\u00e9s<\/a><\/p>\n","protected":false},"author":16,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"activitypub_content_warning":"","activitypub_content_visibility":"","activitypub_max_image_attachments":4,"activitypub_interaction_policy_quote":"anyone","activitypub_status":"","footnotes":""},"categories":[49],"tags":[175],"class_list":["post-16301","post","type-post","status-publish","format-standard","hentry","category-portaledu_butlleti","tag-butlleti24"],"_links":{"self":[{"href":"https:\/\/edutictac.es\/blog\/cvtic\/wp-json\/wp\/v2\/posts\/16301","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/edutictac.es\/blog\/cvtic\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/edutictac.es\/blog\/cvtic\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/edutictac.es\/blog\/cvtic\/wp-json\/wp\/v2\/users\/16"}],"replies":[{"embeddable":true,"href":"https:\/\/edutictac.es\/blog\/cvtic\/wp-json\/wp\/v2\/comments?post=16301"}],"version-history":[{"count":2,"href":"https:\/\/edutictac.es\/blog\/cvtic\/wp-json\/wp\/v2\/posts\/16301\/revisions"}],"predecessor-version":[{"id":19727,"href":"https:\/\/edutictac.es\/blog\/cvtic\/wp-json\/wp\/v2\/posts\/16301\/revisions\/19727"}],"wp:attachment":[{"href":"https:\/\/edutictac.es\/blog\/cvtic\/wp-json\/wp\/v2\/media?parent=16301"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/edutictac.es\/blog\/cvtic\/wp-json\/wp\/v2\/categories?post=16301"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/edutictac.es\/blog\/cvtic\/wp-json\/wp\/v2\/tags?post=16301"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}