Publicaciones etiquetadas ‘imágenes’

Editar imagen

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

Para cada imagen subida a la Librería multimedia en tu blog de centro educativo, tienes algunas opciones básicas de edición (cortar, rotar, voltear, y cambiar el tamaño) disponibles.

Para acceder a estas opciones, ve primero al panel “Medios Librería multimedia ” en el escritorio de tu blog y haz clic en el nombre de cualquier imagen que desees editar:

Haz clic en el botón-enlace “editar imagen” para mostrar las opciones avanzadas de edición:

Cargará una pantalla de edición con el siguiente aspecto:

Recortar

Puedes eliminar cualquier parte no deseada de una imagen que haya subido a la librería multimedia mediante el uso de la función de recorte.

En primer lugar, con el ratón (clic y arrastrar), seleccionar la parte de la imagen que desea conservar. Una vez que estés satisfecho con la selección, haz clic en el botón recortar (se destaca a continuación):

Tu nueva imagen lucirá este aspecto:

Si estás contento con el resultado, haz clic en el botón Guardar. Si no estás satisfecho, haz clic en Cancelar . Ten en cuenta que debes hacer clic en Guardar para que el recorte se dé por terminado.

Rotación

Puedes girar (en sentido horario o antihorario) cualquier imagen de tu librería multimedia con los iconos apropiados por encima de la imagen en la pantalla de edición:

Asegúrate de hacer clic en Guardar para finalizar la rotación de la imagen. Si no estás satisfecho con el resultado, haz clic en el botón Cancelar.

Voltear

Puedes voltear (vertical u horizontalmente) cualquier imagen en tu librería multimedia con los iconos apropiados por encima de la imagen en la pantalla de edición:

Asegúrate de hacer clic en Guardar para finalizar la rotación de la imagen. Si no estás satisfecho con el resultado, haz clic en el botón Cancelar.

Cambiar el tamaño

Puedes escalar proporcionalmente la imagen original. Para obtener los mejores resultados es mejor escalar la imagen antes de realizar otras operaciones como recortar, rotar, etc. Date cuenta de que si haces más grande la imagen puede verse borrosa.

Haz clic en la escala de la imagen enlace para mostrar los campos de edición.

24-03-2014 9-21-07Si cambias el ancho (primer campo), te darás cuenta de que la altura (segundo campo) se ajustará de forma automática y proporcional. Una vez terminado, haz clic en Escala para finalizar la acción.

Deshacer y rehacer

Al igual que un programa de edición de imágenes que se encuentre instalado en su ordenador, también tienes la capacidad de deshacer y rehacer cambios que se hayan hecho en una imagen. Estos iconos se ilustran a continuación:

24-03-2014 9-22-59

Restaurar

Siempre es una buena idea mantener una copia de las imágenes en tu ordenador, aún así, tienes la capacidad de revertir cualquier edición de cambio anterior realizada en la imagen y restaurar la imagen original que has subido inicialmente a la librería multimedia.

Al abrir una imagen en modo de edición (a la que ya ha hecho cambios), verá un enlace de “Restaurar imagen original“:

Si estás seguro de que deseas restaurar la imagen, haz clic en el botón Restaurar imagen. La imagen volverá a su forma original, y recibirás un mensaje de que la restauración se ha realizado correctamente.

Al descartar todos los cambios y restaurar la imagen original, las copias de la imagen editadas previamente no se borrarán.

Fuente: http://en.support.wordpress.com

Widgetkit

Escrito por ATE el . Posteado en Plugins, Tema 7: Ajustes, usuarios, herramientas y plugins

Somos conscientes de las limitaciones con las que nos encontramos, por razones técnicas, con respecto a los blog que se ofertan desde WordPress.com y otros gestores de blogs online. Nuestro ánimo no es competir con estos, pero sí de mejorar y acercarnos un poco más a ellos. Es por ello que presentamos esta nueva funcionalidad: Widgekit de YooTheme, ya disponible para los blogs de los Centros y el nuevo servicio ecoblog (blog del profesorado).

Para utilizar esta nueva funcionalidad, un administrador del blog debe activarlo a través del panel de Plugins, en su escritorio WordPress. Una vez activo para nuestro blog tendremos un nuevo subpanel llamado Widgetkit y dos nuevos widgets en AparienciaWidgets.

Administrar Widgetkit

Widgetkit tiene un interfaz simple y fácil de usar. Cuando se abre Widgetkit tendrás una visión general de todos los widgets disponibles. En la barra de navegación puedes hacer clic a través de ellos para abrir los ajustes individuales de un widget. En general Widgetkit ofrece dos tipos de widgets.

WIDGETS DE CONTENIDO

Widgets de tipo de contenido como slideshow, acordeón , etc. ayudan a organizar el contenido de una manera fácil. Puedes incluir el uso de códigos cortos en una entrada y/o página a través de módulos y widgets en tu blog – incluso varias veces en la misma página.

El Administrador de Widgetkit te da una lista de todos los widgets y las acciones relacionadas, como editar, copiar y borrar.

WIDGETS GLOBAL

Este tipo de widgets, como “Lightbox” o “Media Player“, están disponibles globalmente y se pueden utilizar en cualquier página o entrada. Sólo tienes que utilizar el formato HTML o los atributos para activarlos en cualquier entrada o cualquier widget de texto.

Mostrar los widgets

Hay dos formas de mostrar un widget Widgetkit en tu sitio web. También se puede usar un código corto o publicar widget para mostrar cualquier tipo de artilugio Widgetkit que hayas creado.

SHORTCODE o CÓDIGO CORTO

Shortcode proporciona una forma sencilla de utilizar los widgets en el contenido de cualquier entrada en tu sitio. Sólo la tienes que copiar y pegar en tus artículos y listo. Cuando el artículo se muestra en tu sitio el código corto será reemplazado por la salida del widget.

WIDGET DE WORDPRESS

Widgetkit también proporciona un widget de WordPress que se puede añadir a cualquiera de las barras laterales de tu tema. Ir a AparienciaWidgets y arrastra y suelta el widget Widgetkit a una barra lateral de nuestra elección. Usando la configuración del widget sólo tienes que seleccionar el widget Widgetkit que deseas mostrar. Eso es todo.

The Widgetkit Slideshow is the ultimate image and content slideshow for Joomla and WordPress. It’s flexible, easy to customize and completely build with HTML5 and CSS3.

Presentación de diapositivas: SlideShow

La presentación de diapositivas es flexible, fácil de personalizar y completamente construido con HTML5 y CSS3.

Ejemplo de pantalla de diapositivas

Se trata de una presentación de diapositivas de imágenes con el famoso efecto Ken Burns.

Ejemplo de presentación de diapositivas por defecto

Se trata de una presentación de diapositivas de imágenes con efectos de transición llamativos.

Ejemplo de presentación en caja (Showcase Box)

Cualquier tipo de contenido HTML puede ser utilizado en la navegación.

Ejemplo de presentación en caja con botón (Showcase Button)

Se trata de una presentación de diapositivas de imágenes con algunos botones de navegación agradable. Usted puede colocar cualquier tipo de código HTML en los botones de navegación.

Ejemplo de presentación en PESTAÑAS

Esta es una presentación de diapositivas clásico, con pestañas. Las pestañas pueden ser alineados a la derecha izquierda y centro.

Ejemplo de barra de pestañas

Esta es una presentación de diapositivas con una barra de navegación con pestañas. Las pestañas pueden ser alineados a la derecha izquierda y centro.

Ejemplo de lista

Esta es una presentación de diapositivas con una lista vertical de pestañas en la navegación.

Características

  • Código limpio y muy ligero
  • 17 llamativos efectos de transición
  • Utiliza animaciones CSS3 aceleradas por hardware
  • Animación para todos los exploradores de Internet
  • Apoyo para los títulos HTML
  • Pase de navegación en los teléfonos móviles
  • Construido con HTML5, CSS3, PHP 5.2 +, y la última versión de jQuery

Slideset

El Slideset Widgetkit crea una exhibición de productos y proporciona una forma elegante de mostrar múltiples conjuntos de elementos usando efectos suaves.

Ejemplo de diapositivas

Los juegos son auto generada (4 artículos por juego), nombres de los elementos se muestran y se utiliza el efecto de diapositivas y botones de navegación.

Ejemplo de zoom

Los conjuntos están dispuestas de forma manual, los nombres de los conjuntos se utilizan como navegación y se utiliza el efecto de zoom.

Más

Publicación de imágenes en Internet

Escrito por ATE [ecoescuela] el . Posteado en Tema 2: Crear una entrada, Tema 9: Principios legales y éticos asociados al uso de las TIC

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.

Ajustes Medios

Escrito por ATE [ecoescuela] el . Posteado en Ajustes, Tema 7: Ajustes, usuarios, herramientas y plugins

17-03-2014 13-01-28Puedes controlar el tamaño de la imagen en pantalla en Ajustes → Multimedia.

Tamaño de las imágenes

Te permite cambiar las dimensiones máximas de las imágenes que se muestran en las entradas y las páginas. Al establecer un tamaño de la miniatura, la imagen será recortada y redimensionada para este ajuste. En los ajustes para las Imágenes medianas y las de grandes dimensiones, se mantienen las proporciones, tomando en cuenta el ancho y alto máximos.

17-03-2014 13-04-10

Algunos de los ajustes anteriores por defecto se han eliminado. WordPress guarda ahora el estado de estos ajustes de la última vez que los utilizó. Por ejemplo, si la última vez ha insertado una imagen lo hiciste a tamaño completo, esta opción se establecerá para la próxima vez que insertes otra imagen.