Entradas para la categoría ‘Complemento Manual Wordpress’

Nueva versión de WordPress 4.0.1

jueves, diciembre 18th, 2014

Desde esta mañana os habréis encontrado con una nueva interfaz de edición de vuestro blog. Se trata de la actualización a la última versión de WordPress, la 4.0.1, que no supone cambios en el aspecto externo de vuestro blog, pero sí en el escritorio y en la pantalla de edición. La mayoría son cambios estéticos, como la unificación de la barra superior y la lateral izquierda en color negro, aunque se mantienen idénticos botones y casi idénticas funcionalidades. Sin duda, un regalo navideño que esperemos solucione las pequeñas disfunciones que estaban surgiendo con plugins antiguos como Democracy Poll y que mejore y complete la experiencia de desarrollar un proyecto con un blog de Prensa-Escuela.

Pero quizás lo más significativo de la nueva versión es el cambio de aspecto y la mejora considerable del editor TinyMCE Advanced sobre el que analizaremos una serie de novedades que ayudarán a todo el mundo con esta pequeña adaptación a la nueva interfaz:

  • En primer lugar, el editor incluye un menú desplegable con todas las acciones posibles:

De este modo, sólamente hay que pulsar el menú Insertar y elegir, por ejemplo, Insertar imagen, que ha cambiado su árbol verde por el paisaje montañoso más habitual en otros plugins semejantes.

  • A partir de aquí, la ventana desplegable varía y ofrece una primera pantalla donde pegaremos la URL de la imagen y podremos adaptar la dimensión manteniendo las proporciones:

  • La pestaña Avanzado ofrece la posibilidad de separar el texto de la imagen tanto Horizontal como Verticalmente:

  • Finalmente, tanto si se quiere poner un pie de foto (“Leyenda”) como si se quiere alinear a la izquierda o a la derecha debe pulsarse el icono en forma de Lápiz que aparece en la parte superior izquierda de la imagen insertada y realizar estas acciones en la ventana que se abre:

Como se puede ver, también es posible enlazar la imagen con una URL directamente eligiendo “Enlazado a…URL personalizada” y pegándola en la caja que aparece a continuación.

  • Finalmente, las personas que quieran adaptar la barra de edición a sus gustos y deseen tener el icono de insertar imagen en una de las dos barras sólo tienen que pulsar el botón Ajustes, elegir TinyMCE Advanced del desplegable, arrastrar a las barras los botones seleccionados o sacar de las mismas los que se quieran eliminar:

¡Felices Fiestas a todos, buen y merecido descanso y nos vemos a la vuelta!

SoundCloud como alternativa a Ivoox para archivos de audio

miércoles, mayo 7th, 2014

Aunque el límite de 120 minutos de subida de archivos para el usuario que no contrate su plan Pro la hace menos atractiva, SoundCloud es una alternativa a Ivoox para la búsqueda de archivos de audio.

La fórmula de búsqueda de archivos es similar a la de otros portales:

En la caja del buscador (1) debemos incluír el símbolo almohadilla (#), indicador de etiqueta (tag), seguido del término buscado (en este caso #creativecommons) para acceder a archivos de audio o Tracks (2) con este tipo de licencias. También se puede filtrar (2) por conceptos como listas (Playlists), gente (People) o grupos (Groups). Además, en la sección Filter Results (Resultados del filtro) (3) hay una sección (To listen to – Escuchar) en la que se puede elegir To share (Compartir) en la que podemos encontrar música con licencias que permiten utilizar los archivos en el  blog. También se puede elegir por etiquetas populares (Popular Tags) (4). Una vez localizado el archivo buscado, se accede se pulsa el botón Share, situado en la parte inferior de la pantalla del archivo (5) y se accede a la ventana de edición del código:

En la parte superior se elige Embed (Embebido o Insertado) (1) , se selecciona y se copia el código de la caja Code&Preview (Código y Vista Previa) (2). Si se busca un código más adaptado a las necesidades propias se pica en el menú desplegable More options (Más opciones) (3), se ajusta la dimensión del ancho del reproductor (Size – Talla) (4), se selecciona el código resultante en la caja Code (código) (5) o se selecciona y copia el código corto especial para pegar directamente en la caja de edición de WordPress (WordPress code) (6).

Finalmente, para embeber el reproductor de SoundCloud, excepto en el caso 6, se localiza el lugar donde se quiere insertar y se pega en la pestaña Texto del editor de HTML del blog en WordPress.

Como calcular la dimensión proporcional de una imagen para redimensionarla

lunes, febrero 17th, 2014

Es muy frecuente si uno publica en un blog tener que recalcular las proporciones de una imagen que se quiere redimensionar.  Para esta operación recomendamos hoy dos herramientas de fácil uso y acceso.

Por una parte, Aspect Ratio Calculator (Calculadora de proporciones de la imagen) es una aplicación accesible directamente en la red, que permite hacer un cálculo proporcional de los píxeles de cualquier imagen:

Su uso es muy sencillo:

  1. Se escriben las dimensiones originales de la imagen: W (ancho) y H (alto).
  2. Se escribe una de las dos dimensiones deseadas (W o H) para calcular la otra.

La otra herramienta, Light Image Resizer 4, es una pequeña aplicación gratuita que se baja e instala fácilmente. Una vez instalada, la mecánica para redimensionar imágenes y adaptarlas a la dimensión de bajo peso y definición que exige la publicación en internet es muy sencilla. En primer lugar, se pone el cursor encima de la imagen que se quiera redimensionar y se pulsa VSO Image Resizer en el menú contextual. Al hacerlo, y tras pulsar el botón Continue (la versión es gratuita pero cada vez que se usa da la opción de comprar la versión de pago) aparece una ventana en la que se selecciona una de las tallas propuestas en Profile (1) o se elige la dimensión deseada en las dos cajas de la sección Resolution, situada inmediatamente debajo:

Si no se cambia el destino (Destination) la imagen redimensionada se guardará en la misma carpeta que la original (Same folder as Original). Para terminar solo queda pulsar OK (2).

Tan sencillo como esos dos pasos. Se pueden hacer redimensiones con varias imágenes a la vez si estas tienen un formato idéntico. Si se tiene tiempo para una explicación más demorada se puede visualizar el siguiente tutorial:

Aplicaciones para la barra lateral de tu blog en WordPress

viernes, enero 31st, 2014

Los widgets permiten incluir todo tipo de aplicaciones en la barra lateral de tu blog de Prensa-Escuela en WordPress. Además de los que vienen por defecto (calendario, buscador, archivos, etc.) hay uno que permite la posibilidad de traer a la barra de tu blog toda una serie de aplicaciones como relojes, contadores o cuadros de previsión del tiempo. Este widget aparece rotulado como “Texto” y, en realidad, se refiere, como la pestaña Texto del editor, al código HTML que sirve para insertar la aplicación seleccionada.

Para hacer esto, en primer lugar hay que ir al botón Apariencia del menú de la barra izquierda del Escritorio y seleccionar del desplegable la opción Widgets (1):

En segundo lugar, se arrastra el widget Texto (2) al lugar en el que se desea colocar en el menú Barra lateral (3). Abriendo otra pestaña del navegador se busca el código HTML del widget deseado, por ejemplo, el de la aplicación Tutiempo,net:

Para conseguir el código que se insertará en la caja del widget se accede a la página y, después de seleccionar las características concretas de la aplicación (1), en caso de que las tenga, se pulsa el botón Generar código (2), se selecciona y copia (3) y se pega en la caja del widget texto situada ya en la Barra lateral (3), tal y como se indicaba en la primera imagen, y se pulsa el botón Guardar. También se le puede poner un rótulo dentro del campo Título del widget Texto.

Sólo queda acceder a parte pública del blog para comprobar que el widget funciona. En este caso el resultado es el que se ve a continuación:

Trucos para insertar (embeber) un vídeo de YouTube en el blog de Prensa-Escuela en WordPress: 3. Cómo iniciar y concluir la reproducción en un momento específico

lunes, noviembre 18th, 2013

 

Para conseguir que el vídeo se inicie y se detenga en un período de tiempo determinado hay que:

1. Copiar el código de embebido (2) después de haber introducido la dimensión de Tamaño personalizado (590 para la mayoría de los temas de los blogs de Prensa-Escuela en WordPress) (1) y marcar sólo la opción Utilizar código de inserción antiguo (2) :

2. Pulsar la pestaña Texto (1) situada en la parte superior derecha de la caja de edición, buscar el lugar donde se quiere insertar el reproductor, escribir la etiqueta de salto de párrafo ( </p> ) (2), pegar a continuación el código (Ctrl +V) (3) e incluir la siguiente secuencia de código (5) después del código identificador del vídeo (4) (en este caso src=”//www.youtube.com/v/Z-BNtdRl81Yversion=3&amp;hl=es_ES&amp;rel=0):

;start=330&end=479

ATENCIÓN: Cuando se comprueba el funcionamiento de esta funcionalidad en la Vista previa puede haber un retardo y conviene refrescar pulsando la tecla F5. Cuando se pulsa el botón Play (1) aparece representado el fragmento seleccionado en el reproductor (2):

Trucos para insertar (embeber) un vídeo de YouTube en el blog de Prensa-Escuela en WordPress: 2. Cómo iniciar la reproducción en un momento específico

lunes, noviembre 11th, 2013

Para arrancar la reproducción del vídeo en un segundo determinado hay que seguir los siguientes pasos:

1. Se pulsa Compartir (1), se busca el momento de la reproducción del vídeo que deseemos, se marca la caja Empezar en (2) y se copia el código que aparece en la caja de la izquierda (3):

2. Se accede al editor de WordPress de vuestro blog y se sigue el mismo procedimiento habitual de pulsar el icono de Insertar vídeo (1), pegar el código copiado en la caja Insert video ID (2) de la ventana emergente, eliminar todo lo que aparece antes de la última barra (esta también), eliminar (3) el código que aparece después del signo de interrogación (?) (incluído este), sustituirlo por el código &start= seguido del número de segundos y pulsar el botón Insert (4):

IMPORTANTE: El dígito final del código ha de ser exactamente el del número de segundos, por lo que hay que multiplicar el número de minutos por 60 y sumarle al resultado el número de segundos. Es decir, que si el código que borramos es ?t=2m56s, habría que multiplicar 2×60=120 y sumarle 56 (un total de 176 segundos). Por lo tanto, el código resultante sería &start=176:

El vídeo comenzaría exactamente en el minuto 2 y 56 segundos:

embedded by Embedded Video

YouTube Direkt

Trucos para insertar (embeber) un vídeo de YouTube en el blog de Prensa-Escuela en WordPress: 1. Cómo evitar las sugerencias finales

lunes, noviembre 4th, 2013

 

Hoy nos centraremos en una petición habitual por parte del profesorado a la hora de insertar el reproductor de You Tube en vuestro blog: evitar las molestas y a veces inapropiadas sugerencias que automáticamente aparecen al finalizar el vídeo.

El primer paso a seguir es pulsar  el enlace Compartir (1), situado justo debajo del reproductor de YouTube. A continuación, sólo hay que pulsar el enlace Insertar (2), que aparece en el menú desplegable y desmarcar la caja de selección que indica Mostrar sugerencias de vídeos cuando finalice la reproducción del vídeo (3):

A continuación se pulsa  la pestaña Texto (1) situada en la parte superior derecha de la caja de edición, se busca el lugar donde se quiere insertar el reproductor, se escribe una etiqueta de salto de párrafo</p> ) (2) y se pega a continuación el código (Ctrl +V) copiado en YouTube (3):

Como resultado, al final del vídeo no aparecerán ya las sugerencias de YouTube:

Actualización a la última versión de WordPress y migración a un nuevo servidor de los blogs de Prensa-Escuela

miércoles, enero 16th, 2013

Durante las últimas 24 horas algunos de vosotros habréis notado momentos de inestabilidad en la plataforma de los blogs de Prensa-Escuela. Más que un problema son muy buenas noticias: se está llevando a cabo la actualización a la versión 3.5 de la herramienta de gestión del contenido (CMS) WordPress al tiempo que se están migrando los más de 600 blogs de la comunidad de cuadernos digitales de Prensa-Escuela a un nuevo y más eficiente servidor.

Aunque el Escritorio tiene un aspecto ligeramente diferente, las cosas siguen en su sitio, lo cual hace muy fácil la adaptación. Sin embargo, se ha ganado en flexibilidad y se han aumentado las funcionalidades, a la vez que se han corregido los errores  y actualizado las herramientas complementarias (plugins y widgets).

En primer lugar, la barra que enmarca la parte superior del escritorio ha aumentado el menú siempre accesible, cambiando el anterior botón de Nueva Entrada por el menú +Nuevo. Por otra parte, se ha ampliado el menú, permitiendo incluir también un nuevo usuario o un nuevo enlace. Además, la presencia de un icono de bocadito seguido de un número indicando su cantidad incluye los comentarios recién llegados y el menú Ver entrada da paso a la vista previa. Por último, el nuevo menú Mis sitios ofrece un acceso directo desplegable a todos los blogs del usuario.

Mientras las funcionalidades  y el aspecto de la barra lateral derecha se mantienen casi inalterados, la barra lateral izquierda ofrece una doble vía de acceso, sumándose al desplegable vertical de los botones la posibilidad de elegir el menú de un desplegable horizontal (1). Además, el botón que cierra el menú, dejando solo visibles los iconos, se sitúa ahora al final de la barra con la indicación de Cerrar menú (2).

Por supuesto, cualquier duda, fallo, propuesta o problema surgidos por este cambio podéis comunicárnoslos a través de comentarios a esta entrada e intentaremos buscarles solución. ¡Bienvenidos a WordPress 3.5!