Publicaciones etiquetadas ‘Imagen’

Incrustar fotos y vídeos alojados en Flickr con el método oEmbed en tu blog

Escrito por ATE [ecoescuela] el . Posteado en Tema 3: Incrustar contenido multimedia

La información de espacio de almacenamiento disponible para el blog de Centro, como la cuota utilizada hasta el momento, se puede consultar a través de la pestaña “Escritorio” de tu panel de administración del blog. Por defecto, los blogs de los Centros tienen 650Mb para almacenar sus imágenes y documentos. Pero si abusamos en subir a la galería multimedia fotos generadas con cámaras y teléfonos de última generación (que generan archivos de fotos a alta resolución) o documentos no optimizados en su tamaño, este espacio mermará muy rápidamente.

12-03-2014 12-20-40

Una solución podría ser utilizar un servicio de almacenamiento de fotos y vídeos externo que nos parezca de confianza. Este servicio podría ser un clásico y pionero como Flickr. Vamos a ver como insertar contenido multimedia, subido previamente, desde Flickr en tu blog, ahorrando así en el espacio de tu cuota de almacenamiento del blog.

Galerías de imágenes

Escrito por ATE [ecoescuela] el . Posteado en Tema 2: Crear una entrada

Galerías de imágenes en WordPress son una gran manera de compartir sus fotos con la comunidad escolar, amigos, familiares y sus seguidores. En una galería de imágenes se mostrará una serie de pequeñas imágenes adjuntas a una determinada entrada o en una página. Los lectores pueden hacer clic en cualquier imagen para iniciar un carrusel (para ello debe tener activado “Carousel” en el panel Jetpack) a tamaño completo que les permite desplazarse a través de la galería de imágenes a la vez.

Como colocar una imagen en la barra lateral de WordPress a través de un widget de texto

Escrito por ATE [ecoescuela] el . Posteado en Tema 5: Cambiar el aspecto del blog

Para insertar una imagen, o un logo en tu blog solo debes seguir los pasos sencillos que se detallan a continuación:

  • En tu escritorio de WordPress en el panel Entradas, haz clic en la opción “Añadir nueva“.
    12-03-2014 10-32-17
  • A continuación, subir la imagen o logo que se desea insertar en la barra lateral desde el botón “Añadir objeto” en la parte superior del editor de texto o del área de edición de la entrada.
  • Al seleccionar la opción de “Subir archivos” se abrirá un menú que nos permitirá buscar las imágenes dentro del propio ordenador y arrastrarla al espacio que nos indica. Una vez se arrastra la imagen se comienza a subir de forma automática.27-02-2014 14-32-05
  • WordPress también nos permite utilizar la función de “Elegir archivos” y explorar de forma normal en búsqueda de la imagen que está guardada en el propio equipo. En este caso, cuando se tenga la imagen seleccionada se debe hacer clic sobre Subir.27-02-2014 14-30-01
  • Una vez se haya subido la imagen en la galería multimedia se cargará de forma automática el menú con las opciones de la imagen que hemos subido.
  • Rellenaremos aquella información asociada a la propia imagen. Pondremos el título de la imagen, el texto alternativo y una breve descripción. Estos datos no son imprescindibles pero facilitan la accesibilidad de nuestro sitio.
  • Si escribimos algún texto en la opción “Leyenda” aparecerá publicado como texto explicativo de la imagen.
    Observaremos el apartado de URL del enlace, es la dirección que WordPress le ha dado a esta imagen y siempre o archivo y siempre que la escribamos veremos la imagen.
  • Decidiremos la alineación donde nos gustaría que aparezca la imagen en nuestra entrada.
  • Podremos modificar el Tamaño de la imagen seleccionando entre Miniatura y Tamaño completo. Tendremos que tener en cuenta como es la plantilla que estamos utilizando para que la imagen se adapte al espacio que tenemos asignado para las entradas.
    27-02-2014 14-35-31
  • Cuando tenemos completados los datos del menú pulsaremos sobre Insertar en la entraday regresaremos al editor de la nueva entrada.
  • Después que resulte la siguiente imagen haga clic en el botón HTML, para copiar el código HTML de la imagen en la barra lateral del sitio.

  • Ahora dirígete al subpanel “Apariencia” y selecciona la opción “widgets“. Busca el Widget “texto” y arrastra con el puntero del ratón a la zona de widget de la barra lateral de tu blog. Posteriormente, pega el código HTML, anteriormente copiado, en el recuadro. Escribe el título de la imagen, si así lo decides, si no dejarlo en blanco.

    Ahora selecciona guardar, y cerrar.

Puedes deslizar la imagen de la barra para situar su ubicación  al lugar más conveniente, por ejemplo la ubicamos en la parte superior.

  • Al actualizar tu blog quedará similar a este ejemplo.

 

Incrustar contenido multimedia

Escrito por ATE [ecoescuela] el . Posteado en Tema 3: Incrustar contenido multimedia

En este tema exploraremos como podemos compartir archivos en nuestro blog. Una de las características principales que nos han traído los últimos avances tecnológicos es la facilidad para compartir contenidos digitales y multimedia a través de la red y de las redes.

Cuando comencemos a publicar entradas en nuestro blog o en el blog de nuestro centro tendremos la necesidad de usar contenidos multimedia y por tanto es interesante explorar algunas de las posibilidades que nos ofrece WordPress para hacerlo.

Además, también tendremos la necesidad de compartir diferentes tipos de archivos y también será bueno explorar cuales son es la mejor forma de compartirlos.

Sabemos que los blogs institucionales serán gestionados por la persona o personas que se hagan responsables del mismo mediante la correspondiente solicitud y por tanto serán los encargados de hacer un buen aprovechamiento del servicio. Cuando subimos archivos e imágenes a nuestro blog tendremos que tener en cuenta el espacio del que disponemos en el mismo.

El blog no funciona como un repositorio de recursos, por lo que no se dispondrá de un espacio indefinido para la subida de archivos. Aunque nos permite adjuntar imágenes y archivos que se gestionarán desde la librería multimedia (algunos se harán visibles dentro del blog y otros serán enlazados) deberemos tomar conciencia de cuales son aquellos archivos que nos interesa guardar en un servidor seguro (el que nos ofrece la Consejería) y cuales podremos subir a los repositorios que nos facilita la Web 2.0.

Al igual que hacíamos con las imágenes, en el tema 1, tendremos que decidir que tipo de archivos subimos y almacenamos en la librería multimedia de nuestro blog y cuales subimos a otros repositorios para compartirlos desde ellos.

La gran mayoría de la información que compartimos no es sensible de ser privada, por lo que podremos enlazarla e incrustarla en nuestro blog desde los repositorios y herramientas de la Web 2.0 como YouTube, SlideShare, Vimeo, Flickr, Issuu, Slide, Picasa, Prezi,…

En ciertas ocasiones nos surgirá la necesidad de compartir documentos institucionales, imágenes o producciones del alumnado (siempre con los correspondientes permisos) y no nos interesará mucho subirlos a espacios que no están muy controlados y que se nos pueden quedar con los derechos de esos archivos subidos. Es en estos casos, es donde cobra especial relevancia el espacio de nuestro blog institucional porque los archivos que subamos al mismo sabemos que no se aloja en servidores externos y por tanto podremos usar las medidas de privacidad que nos ofrece WordPress con total tranquilidad.

Hagamos una reflexión a modo de ejemplo: Tengo 20 vídeos realizados con mi alumnado haciendo diferentes observaciones o actividades y quiero compartirlos. Opto por compartirlos a través de mi blog personal o a través del blog del centro pero tengo que decidir donde los subo. Puedo crear un canal en YouTube o Vimeo subirlos y embeberlos en mi blog con lo que se verán perfectamente incrustados en la entrada. La otra opción es la de subirlos directamente a la librería multimedia de mi blog en donde se creará un enlace para ser descargados y es posible que me quede sin espacio para poder subir otro contenido.

En algunos casos podremos encontrarnos con cierto tipo de archivos o vídeos que por sus características no me interesa subirlos a ningún repositorio externo (salen imágenes que no me interesa poner en YouTube o Vimeo, contienen contenido privado,…). Este tipo de archivos son los que son susceptibles de ser subidos al blog institucional configurando la entrada como privada o protegida por contraseña para que no pueda acceder todo el mundo. En estos casos si es interesante subir el archivo a la librería multimedia e insertarlo en la noticia desde ella.

Los derechos de autor

Escrito por ATE [ecoescuela] el . Posteado en Tema 2: Crear una entrada

La distribución de materiales multimedia en cualquier formato están sujetos a la misma legislación sobre derechos de autor que el resto de obras: libros, pinturas, música, etc. Esto significa que si decidimos incorporar recursos ajenos (imágenes, audios, vídeos, presentaciones, documentos) a nuestro espacio web debemos conocer y respetar las condiciones de uso que han definido los autores de estos materiales. Y esto es especialmente significativo cuando el material que hemos elaborado supera el contexto de uso particular y se pretende publicar en internet. Es entonces cuando existe posibilidad de ser utilizado por otras personas incluso en clara competencia con el material original.

En ocasiones cuando accedemos a un espacio web, su autor explicita la posibilidad de reutilización a cambio de citar la procedencia (derecho de cita) o bien de que no se fragmente su obra (derecho de obra no derivada).

Sin embargo cuando esto no se indica o bien se muestra una licencia de copyright (derechos reservados) conviene ser cauteloso. La apropiación indiscriminada de materiales ajenos para elaborar un material propio no se puede justificar desde la ausencia de ánimo de lucro que caracteriza las iniciativas donde participemos. Esta justificación no es suficiente y se hace necesario en estos casos contactar con el autor o autores para obtener su permiso y en caso favorable citar siempre la fuente de procedencia.

 

Creative Commons – CPJV

Licencias Creative Commons

Creative Commons (http://es.creativecommons.org/) es una organización que ofrece a cualquier usuario la posibilidad de elegir las condiciones en que desea compartir un trabajo publicado en Internet. Para ello debe elegir entre 4 condiciones (información sacada de la página: http://es.creativecommons.org/licencia/).

Reconocimiento (Attribution): El material creado puede ser distribuido, copiado y exhibido por terceras personas si se reconoce la autoría en los créditos.

No Comercial (Non commercial): El material original y los trabajos derivados pueden ser distribuidos, copiados y exhibidos mientras su uso no sea comercial.

Sin Obras Derivadas (No Derivate Works): El material puede ser distribuido, copiado y exhibido pero no se puede utilizar para crear un trabajo derivado del original.

Compartir Igual (Share alike): El material puede ser modificado y distribuido pero bajo la misma licencia que el material original.

De la combinación de estas condiciones se logran componer los 6 tipos de licencias que se pueden elegir:

Reconocimiento (by): El material puede ser distribuido, copiado y exhibido por terceros si se muestra en los créditos. Se permite cualquier explotación de la obra, incluyendo una finalidad comercial, así como la creación de obras derivadas, la distribución de las cuales también está permitida sin ninguna restricción.

Reconocimiento – Sin obra derivada (by-nd): El material puede ser distribuido, copiado y exhibido por terceros si se muestra en los créditos. Se permite el uso comercial de la obra pero no la generación de obras derivadas.

Reconocimiento – No comercial – Sin obra derivada (by-nc-nd) : El material puede ser distribuido, copiado y exhibido por terceros si se muestra en los créditos. No se puede obtener ningún beneficio comercial. No se permite un uso comercial de la obra original ni la generación de obras derivadas.

Reconocimiento – No comercial (by-nc): El material puede ser distribuido, copiado y exhibido por terceros si se muestra en los créditos. Se permite la generación de obras derivadas siempre que no se haga un uso comercial. Tampoco se puede utilizar la obra original con finalidades comerciales.

Reconocimiento – No comercial – Compartir igual (by-nc-sa): El material puede ser distribuido, copiado y exhibido por terceros si se muestra en los créditos. No se puede obtener ningún beneficio comercial y las obras derivadas tienen que estar bajo los mismos términos de licencia que el trabajo original.

Reconocimiento – Compartir igual (by-sa): El material puede ser distribuido, copiado y exhibido por terceros si se muestra en los créditos.

Las obras derivadas tienen que estar bajo los mismos términos de licencia que el trabajo original.

Obtener la licencia

Cuando hayas hecho tu elección tendrás la licencia adecuada para tu trabajo expresada de tres formas:

  • Commons Deed: Es un resumen fácilmente comprensible del texto legal con los iconos relevantes.
  • Legal Code: El código legal completo en el que se basa la licencia que has escogido.
  • Digital Code: El código digital, que puede leer la máquina y que sirve para que los motores de búsqueda y otras aplicaciones identifiquen tu trabajo y sus condiciones de uso.

Utilizar la licencia

Una vez escogida la licencia tienes que incluir el botón Creative Commons “Algunos derechos reservados” en tu sitio, cerca de vuestra obra. Este botón enlaza con el Commons Deed, de forma que todos puedan estar informados de les condiciones de la licencia. Si encuentras que tu licencia ha sido violada, entonces tendrás las bases para poder defender tus derechos.

Proponemos la visualización de un interesante vídeo que explica las licencias Creatice Commons

Para completar la entrada por si no les queda claro recomiendo ver el vídeo de Pablo Arrieta.

 

Añadir una licencia CC a un blog de WordPress

Una licencia Creative Commons permite que nuestros lectores sepan, en concreto, lo que pueden y no pueden hacer con el contenido publicado en nuestro blog del profesorado o en nuestro blog de centro. Si decidimos registrar el contenido de dichos blogs, sería interesante visitar la página “Creative Commons España” en el sitio web oficial de la organización.

Para situar una licencia CC (Creative Commons) en la barra lateral de nuestro blog deberemos seguir los siguientes pasos:

  1. Visita la web de Creative Commons: Escoja una licencia
  2. Se cargará un formulario que tendremos que completar y, que nos dará el tipo de licencia que mejor se adapta a las necesidades descritas en el mismo.


  • Cuando terminemos, haremos clic en el botón “Escoja una licencia“.
  • Finalmente, selecciona la imagen que deseas utilizar para tu licencia, y copia el código que se encuentra en el cuadro de texto (que se ilustra en la siguiente imagen).


  • A continuación, podremos pegar este código en un widget de texto en la barra lateral del blog. Para ello, en el panel de administración de WordPress, debes de acceder al submenú “Apariencia Widgets” y a continuación elegimos un Widget de “Texto” lo arrastramos y lo soltamos sobre la barra lateral derecha en la zona que nos interesa hacerlo visible.

 

  • En el cuadro de texto Título introduce el texto Licencia Creative Commons. En el cuadro de texto inferior haz clic derecho y elige Pegar para pegar el código HTML que te ha proporcionado el espacio Creative Commons.

  • Para finalizar haremos clic en el botón Guardar. Para cerrar la edición de este Widget pulsaremos en el enlace Cerrar. Para eliminar este Widget haremos clic en el enlace Borrar.
  • Si posteriormente quisiéramos modificar de posición arriba/abajo del gadget que se muestra en pantalla basta con acceder a la zona de Widgets (Apariencia Widgets) pulsar y arrastrar uno respecto al otro sobre la edición de la barra lateral.

  • Podemos ver el resultado en nuestro blog:

 

Más información

La Información de este tema ha sido sacada de la entrada publicada en el Blog central de los Centros Educativos: “Cómo crear una galería de imágenes con editor en modo de edición Visual

Otras noticias publicadas en el Blog central de los Centros Educativos que están relacionadas y nos permitirán ampliar la información:

Insertar una imagen

Escrito por ATE [ecoescuela] el . Posteado en Tema 2: Crear una entrada

Cuando se escribe una entrada en el blog seguramente les surgirá la necesidad de usar imágenes para decorar o ilustrar la misma.

El uso de las imágenes requerirá una reflexión más detallada que abordaremos un poco más adelante por la importancia que tiene el tomar conciencia sobre el respeto escrupuloso a los derechos de autor. Las imágenes que se adjuntan a una noticia estarán publicadas en la Web y por tanto estaremos expuestos a cualquier tipo de reclamación.

Para empezar, habrá que decidir donde queremos tener las imágenes que se van a utilizar en la entrada que se está creando. Podremos tenerlas subidas al espacio que nos ofrece nuestro blog o acceder a ellas desde la Web. Para la segunda opción podremos usar algunos de los servicios gratuitos que nos permiten alojar nuestras colecciones de fotografías o enlazar directamente desde algún repositorio específico o página web (esto tiene el riesgo de que si quitan la imagen que tenemos enlazada del sitio web a donde hemos dirigido el enlace nos quedaremos sin ella en nuestra entrada).

Los servicios gratuitos para alojar colecciones de fotografías, tipo Picasa o Flickr,… suelen ser más apropiados para alojar gran cantidad de fotografías, por ejemplo, después de haber hecho una salida con los alumnos para tener un álbum fotográfico virtual.

En este apartado del tema trataremos de repasar como podemos insertar una imagen en una entrada desde estas dos perspectivas y cómo podemos crear galerías de imágenes.

Insertar una imagen subiendola previamente a la galería multimedia de nuestro blog

La forma más sencilla y natural será la de subir una foto que se tenga guardada en el propio ordenador.

  • Pondremos el cursor en el lugar donde queremos insertar la imagen y luego buscaremos en la parte superior del editor de texto o del área de edición de la entrada el icono de “Añadir objeto”:
  • Al seleccionar la opción de “Subir archivos” se abrirá un menú que nos permitirá buscar las imágenes dentro del propio ordenador y arrastrarla al espacio que nos indica. Una vez se arrastra la imagen se comienza a subir de forma automática.
    27-02-2014 14-32-05
  • WordPress también nos permite utilizar la función de “Elegir archivos” y explorar de forma normal en búsqueda de la imagen que está guardada en el propio equipo. En este caso, cuando se tenga la imagen seleccionada se debe hacer clic sobre Subir.

27-02-2014 14-30-01

  • Una vez se haya subido la imagen en la galería multimedia se cargará de forma automática el menú con las opciones de la imagen que hemos subido.
  • Rellenaremos aquella información asociada a la propia imagen. Pondremos el título de la imagen, el texto alternativo y una breve descripción. Estos datos no son imprescindibles pero facilitan la accesibilidad de nuestro sitio.
  • Si escribimos algún texto en la opción “Leyenda” aparecerá publicado como texto explicativo de la imagen.
  • Observaremos el apartado de URL del enlace, es la dirección que WordPress le ha dado a esta imagen y siempre o archivo y siempre que la escribamos veremos la imagen.
  • Decidiremos la alineación donde nos gustaría que aparezca la imagen en nuestra entrada.
  • Podremos modificar el Tamaño de la imagen seleccionando entre Miniatura y Tamaño completo. Tendremos que tener en cuenta como es la plantilla que estamos utilizando para que la imagen se adapte al espacio que tenemos asignado para las entradas.
  • Cuando tenemos completados los datos del menú pulsaremos sobre Insertar en la entraday regresaremos al editor de la nueva entrada, donde acabaremos de organizar y escribir la noticia que vamos a publicar.
    27-02-2014 14-35-31
  • Ya solo que tenemos que colocar la imagen. La seleccionamos y con la herramienta Alinear texto la colocamos en el centro, izquierda o derecha. Jugando con estas opciones, podemos colocar el texto al lado de la foto.
  • Como consejo, colocar la foto después de poner el texto.

 

Insertar una imagen enlazada desde Internet

Otra forma que podremos utilizar es la de insertar una foto que ya está en Internet. Puede que la tengamos subida un alojamiento propio o que la enlacemos directamente desde otro lugar de la Web (tendremos que tener mucho cuidado con los derechos de autor):

  • Localizamos la imagen en Internet y con el botón derecho copiamos la ruta de la imagen.
  • Colocaremos el curso en el lugar donde queremos insertar la imagen y buscaremos el botón de “Añadir objeto” que aparece en la parte superior del editor de texto.
  • Seleccionar la opción de “Subir archivos” y al seleccionar el botón de “Selecciona archivo” se abrirá el menú que nos permitirá buscar las imágenes dentro del propio ordenador y arrastrarla al espacio que nos indica. Tendremos que buscar la opción que pone “Insertar desde URL” y se desplegarán las opciones para introducir los datos de la foto.
  • En este menú introducimos la dirección donde está la imagen en Internet (la que hemos copiado en el portapapeles en el paso 1) y completaremos la leyenda.

    27-02-2014 14-49-49

    Fotografia de ejemplo: Mont Saint Michel por Benito Roveran, CC

  • Es importante el poner un nombre a la foto. De esta forma hacemos accesible la página a las personas con discapacidad visual.
  • Una vez se hayan completado todos los datos haremos clic sobre “Insertar en la entrada”
    .

 ¿Subir desde una URL?

Ejemplo de imagen subida desde URL remota

¿A que no sabías que el cargador de imágenes de WordPress es capaz de subir y guardar imágenes que cargues desde la red?. Pues si, puede, y es muy fácil hacerlo.

1. Ir a EntradasAñadir nueva o a Páginas Añadir nueva, o abrir una entrada existente en el modo de edición.

2. Coloca el cursor donde deseas que aparezca la imagen, y haz clic en el icono “Añadir objeto” que se encuentra directamente por encima de su editor.

28-02-2014 9-20-56

3. Haz clic en el botón “Selecciona archivos” (como vimos en un apartado anterior) y elije el archivo de imagen desde tu ordenador.

28-02-2014 9-24-41

4. En vez de guardar una imagen en tu ordenador y luego subirla pega la URL de la imagen en la caja de la ruta del archivo y haz clic en OK.

28-02-2014 9-33-14

WordPress guarda la imágen y te la muestra lista para insertarla en la entrada, tal como hemos hecho con esta foto de jfelias en morgueFile.com.

(Nota: este truco solo funciona en Windows, en Mac no hay caja para introducir la ruta)

Fuente: Ayuda WordPress