{"id":273,"date":"2015-06-04T18:07:22","date_gmt":"2015-06-04T16:07:22","guid":{"rendered":"http:\/\/urbinavolant.com\/blogsytwitter\/?p=273"},"modified":"2015-06-05T10:41:28","modified_gmt":"2015-06-05T08:41:28","slug":"incorporacion-de-elementos-multimedia-documentos-imagenes-audio-y-video","status":"publish","type":"post","link":"https:\/\/urbinavolant.com\/blogsytwitter\/index.php\/2015\/06\/04\/incorporacion-de-elementos-multimedia-documentos-imagenes-audio-y-video\/","title":{"rendered":"Incorporaci\u00f3n de elementos multimedia: documentos, im\u00e1genes, audio y v\u00eddeo"},"content":{"rendered":"<p style=\"text-align: center;\"><a href=\"http:\/\/urbinavolant.com\/blogsytwitter\/wp-content\/uploads\/2015\/06\/18040193498_f4e90c452d_z.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-274\" src=\"http:\/\/urbinavolant.com\/blogsytwitter\/wp-content\/uploads\/2015\/06\/18040193498_f4e90c452d_z.jpg\" alt=\"Message in a bottle, by AlmaArte\" width=\"640\" height=\"480\" srcset=\"https:\/\/urbinavolant.com\/blogsytwitter\/wp-content\/uploads\/2015\/06\/18040193498_f4e90c452d_z.jpg 640w, https:\/\/urbinavolant.com\/blogsytwitter\/wp-content\/uploads\/2015\/06\/18040193498_f4e90c452d_z-300x225.jpg 300w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/a><\/p>\n<p style=\"text-align: justify;\">Una de las <strong>grandes ventajas de la comunicaci\u00f3n digital<\/strong> es su <strong>multimedialidad<\/strong>: el <strong>mensaje escrito se puede combinar y enriquecer con elementos multimedia<\/strong> a trav\u00e9s de <strong>enlaces<\/strong> a contenidos de otros lugares en la red, pero tambi\u00e9n <strong>cargando directamente el contenido<\/strong>.<\/p>\n<p>El trabajo y la inserci\u00f3n de estos elementos en nuestra web o en nuestra blog es muy sencillo trabajando con WordPress.<\/p>\n<p style=\"text-align: justify;\">Es muy importante ser muy cuidadosos con el <strong>respecto<\/strong> de los <strong>derechos de autor<\/strong>. Nos ser\u00e1 especialmente \u00fatil emplear material que est\u00e9 bajo una licencia<a href=\"https:\/\/www.google.es\/url?sa=t&amp;rct=j&amp;q=&amp;esrc=s&amp;source=web&amp;cd=2&amp;cad=rja&amp;uact=8&amp;ved=0CCwQFjAB&amp;url=http%3A%2F%2Fes.creativecommons.org%2Fblog%2Flicencias%2F&amp;ei=gHdwVbOCEIGyUrWggYgI&amp;usg=AFQjCNFPWc_mi93KqcIT37lZlGcKivoAzg&amp;sig2=PNDrZSEDicWV_bs4V_NB2A&amp;bvm=bv.94911696,bs.1,d.ZGU\" target=\"_blank\"> Creative Commons<\/a>.<\/p>\n<p style=\"text-align: justify;\">Vamos a fijarnos en la imagen que ilustra esta entrada. Es una imagen de <a href=\"http:\/\/El trabajo y la inserci\u00f3n de estos elementos en nuestra web o en nuestra blog es muy sencillo trabajando con WordPress.\" target=\"_blank\">AlmaArte<\/a>, recogida de Flickr, un excelente repositorio de fotograf\u00edas. Hemos trabajo con ella de dos maneras:<\/p>\n<ul>\n<li style=\"text-align: justify;\">La primera, descargando la imagen para ilustrar esta entrada, lo que aporta fuerza visual. Si pasas el rat\u00f3n sobre la imagen, ves su t\u00edtulo y autor. Si pinchas sobre ella, vas al lugar de internet donde est\u00e1 recogida.<\/li>\n<li style=\"text-align: justify;\">Poniendo \u00abimagen de <a href=\"http:\/\/El trabajo y la inserci\u00f3n de estos elementos en nuestra web o en nuestra blog es muy sencillo trabajando con WordPress.\" target=\"_blank\">AlmaArte<\/a>\u00ab, remitimos directamente a la p\u00e1gina sin que esta aparezca (en nuestro caso, porque ya la hemos puesto una vez y repetirla supondr\u00eda sobrecargar esta entrada.<\/li>\n<\/ul>\n<p style=\"text-align: justify;\">En este sitio web que nos sirve de tutorial, nos vemos obligados necesariamente a trabajar con im\u00e1genes que ilustren cada proceso.<\/p>\n<p style=\"text-align: justify;\"><strong>Saber trabajar con los materiales multimedia disponerlos correctamente es una de las claves del \u00e9xito de un sitio web o de un blog<\/strong>.<\/p>\n<p style=\"text-align: justify;\">Vamos a explicar brevemente algunas posibilidades para trabajar con estos materiales.<\/p>\n<h3 style=\"text-align: justify;\">Incorporaci\u00f3n de elementos a trav\u00e9s de enlaces<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-278\" src=\"http:\/\/urbinavolant.com\/blogsytwitter\/wp-content\/uploads\/2015\/06\/WPenlaces.png\" alt=\"WPenlaces\" width=\"549\" height=\"116\" srcset=\"https:\/\/urbinavolant.com\/blogsytwitter\/wp-content\/uploads\/2015\/06\/WPenlaces.png 549w, https:\/\/urbinavolant.com\/blogsytwitter\/wp-content\/uploads\/2015\/06\/WPenlaces-300x63.png 300w\" sizes=\"auto, (max-width: 549px) 100vw, 549px\" \/><\/p>\n<p style=\"text-align: justify;\">Solamente tenemos que pinchar sobre la \u00abcadenita\u00bb y poner la direcci\u00f3n correspondiente (aunque hay todav\u00eda un procedimiento todav\u00eda m\u00e1s sencillo: si copiamos el texto del enlace y lo pegamos en nuestra entrada tambi\u00e9n aparecer\u00e1 el enlace directamente.<\/p>\n<ul>\n<li style=\"text-align: justify;\">Podemos utilizar un enlace para vincularlo\u00a0a un documento nuestro de Google Drive o de DropBox, pero tambi\u00e9n documento que se encuentre en internet.<\/li>\n<li style=\"text-align: justify;\">Tambi\u00e9n podemos ilustrar una entrada con contenido audiovisual de YouTube. Lo \u00fanico que tenemos que hacer es buscar el bot\u00f3n compartir en el v\u00eddeo de YouTube, copiar el enlace y pegarlo en nuestro blog.<\/li>\n<\/ul>\n<p><a href=\"http:\/\/urbinavolant.com\/blogsytwitter\/wp-content\/uploads\/2015\/06\/YouTubeCompartir.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-281\" src=\"http:\/\/urbinavolant.com\/blogsytwitter\/wp-content\/uploads\/2015\/06\/YouTubeCompartir.png\" alt=\"YouTubeCompartir\" width=\"579\" height=\"301\" srcset=\"https:\/\/urbinavolant.com\/blogsytwitter\/wp-content\/uploads\/2015\/06\/YouTubeCompartir.png 579w, https:\/\/urbinavolant.com\/blogsytwitter\/wp-content\/uploads\/2015\/06\/YouTubeCompartir-300x156.png 300w\" sizes=\"auto, (max-width: 579px) 100vw, 579px\" \/><\/a><\/p>\n<p style=\"text-align: justify;\">Si lo pegamos directamente, tendremos una \u00absorpresa visual\u00bb, ya que comprobaremos que el v\u00eddeo se puede ver directamente desde nuestro blog (pongo aqu\u00ed el enlace al remate del trabajo de pr\u00e1cticas de un alumno de Comunicaci\u00f3n Audiovisual):<\/p>\n<p>https:\/\/youtu.be\/L7ys21r_VYw<\/p>\n<h3>Incorporaci\u00f3n de material cargado directamente en WordPress<\/h3>\n<p style=\"text-align: justify;\">Cuando enlazamos a un material disponible en internet, tenemos la ventaja de que no ocupa espacio en nuestro WordPress (en el caso de WordPress.com, tenemos un total de 3 Gb de almacenamiento). El inconveniente, que todos hemos sufrido alguna vez, es que hay ocasiones en que ese material deja de estar disponible. Para evitarlo, podemos cargar el contenido directamente en nuestro sitio o en nuestro blog.<\/p>\n<p style=\"text-align: justify;\">Como es imposible que todo sean ventajas, tambi\u00e9n hay un problema: WordPress limita el tama\u00f1o m\u00e1ximo de un archivo, por lo que no podremos subir documentos, v\u00eddeos o audios que \u00abpesen\u00bb mucho. Cuando tenemos WorPress alojado en nuestro propio dominio, las posibilidades se multiplican, ya que podemos subir a nuestro dominio archivos mucho m\u00e1s pesados.<\/p>\n<p style=\"text-align: justify;\">Para incorporar ese contenido, lo \u00fanico que tenemos que hacer es pulsar sobre \u00abA\u00f1adir objeto\u00bb:<\/p>\n<p style=\"text-align: justify;\"><a href=\"http:\/\/urbinavolant.com\/blogsytwitter\/wp-content\/uploads\/2015\/06\/WPanadirObjeto.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-284\" src=\"http:\/\/urbinavolant.com\/blogsytwitter\/wp-content\/uploads\/2015\/06\/WPanadirObjeto.png\" alt=\"WPanadirObjeto\" width=\"508\" height=\"136\" srcset=\"https:\/\/urbinavolant.com\/blogsytwitter\/wp-content\/uploads\/2015\/06\/WPanadirObjeto.png 508w, https:\/\/urbinavolant.com\/blogsytwitter\/wp-content\/uploads\/2015\/06\/WPanadirObjeto-300x80.png 300w\" sizes=\"auto, (max-width: 508px) 100vw, 508px\" \/><\/a><\/p>\n<p style=\"text-align: justify;\">Luego basta con que demos a \u00abA\u00f1adir nuevo\u00bb y seleccionemos los archivos (tambi\u00e9n los podemos arrastrar):<\/p>\n<p style=\"text-align: justify;\"><a href=\"http:\/\/urbinavolant.com\/blogsytwitter\/wp-content\/uploads\/2015\/06\/WPobjeto.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-285\" src=\"http:\/\/urbinavolant.com\/blogsytwitter\/wp-content\/uploads\/2015\/06\/WPobjeto.png\" alt=\"WPobjeto\" width=\"1989\" height=\"494\" srcset=\"https:\/\/urbinavolant.com\/blogsytwitter\/wp-content\/uploads\/2015\/06\/WPobjeto.png 1989w, https:\/\/urbinavolant.com\/blogsytwitter\/wp-content\/uploads\/2015\/06\/WPobjeto-300x75.png 300w, https:\/\/urbinavolant.com\/blogsytwitter\/wp-content\/uploads\/2015\/06\/WPobjeto-1024x254.png 1024w\" sizes=\"auto, (max-width: 1989px) 100vw, 1989px\" \/><\/a><\/p>\n<p><a href=\"https:\/\/youtu.be\/L7ys21r_VYw\">(Imagen de <\/a><a href=\"https:\/\/youtu.be\/L7ys21r_VYw\" target=\"_blank\">AlmaArte<\/a><a href=\"https:\/\/youtu.be\/L7ys21r_VYw\">)<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Una de las grandes ventajas de la comunicaci\u00f3n digital es su multimedialidad: el mensaje escrito se puede combinar y enriquecer con elementos multimedia a trav\u00e9s de enlaces a contenidos de otros lugares en la red, pero tambi\u00e9n cargando directamente el contenido. El trabajo y la inserci\u00f3n de estos elementos en nuestra web o en nuestra &hellip; <a href=\"https:\/\/urbinavolant.com\/blogsytwitter\/index.php\/2015\/06\/04\/incorporacion-de-elementos-multimedia-documentos-imagenes-audio-y-video\/\" class=\"more-link\">Seguir leyendo <span class=\"screen-reader-text\">Incorporaci\u00f3n de elementos multimedia: documentos, im\u00e1genes, audio y v\u00eddeo<\/span> <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7,2],"tags":[],"class_list":["post-273","post","type-post","status-publish","format-standard","hentry","category-edicion-wp","category-wordpress"],"_links":{"self":[{"href":"https:\/\/urbinavolant.com\/blogsytwitter\/index.php\/wp-json\/wp\/v2\/posts\/273","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/urbinavolant.com\/blogsytwitter\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/urbinavolant.com\/blogsytwitter\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/urbinavolant.com\/blogsytwitter\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/urbinavolant.com\/blogsytwitter\/index.php\/wp-json\/wp\/v2\/comments?post=273"}],"version-history":[{"count":10,"href":"https:\/\/urbinavolant.com\/blogsytwitter\/index.php\/wp-json\/wp\/v2\/posts\/273\/revisions"}],"predecessor-version":[{"id":356,"href":"https:\/\/urbinavolant.com\/blogsytwitter\/index.php\/wp-json\/wp\/v2\/posts\/273\/revisions\/356"}],"wp:attachment":[{"href":"https:\/\/urbinavolant.com\/blogsytwitter\/index.php\/wp-json\/wp\/v2\/media?parent=273"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/urbinavolant.com\/blogsytwitter\/index.php\/wp-json\/wp\/v2\/categories?post=273"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/urbinavolant.com\/blogsytwitter\/index.php\/wp-json\/wp\/v2\/tags?post=273"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}