Archivo mensual: noviembre 2011

Corrector ortográfico en wordpress

Wordpress

Intento escribir correctamente siempre que puedo pero reconozco que no siempre lo consigo, unas veces porque escribo demasiado rápido mientras pienso en otras cosas y otras simplemente porque estoy a mil cosas a la vez :)

Tener un corrector ortográfico en wordpress es muy útil para poder corregir esas patadas involuntarias al diccionario aunque no tiene porque detectar todas.

Por defecto, el corrector ortográfico viene con un problema con las palabras con acentos (maldito español… con los pocos problemas que tienen los ingleses… jaja) para solucionar este problema encontré en esta web que  debemos ir al fichero /wp-includes/js/tinymce/plugins/spellchecker/classes/GoogleSpell.php y en mi caso la linea 42 y eliminar la función utf8_encode

[codesyntax lang=”php” title=” /wp-includes/js/tinymce/plugins/spellchecker/classes/GoogleSpell.php”]

[/codesyntax]

Hay que tener en cuenta que seguramente haya que volver a hacer esto tras alguna actualización.

La siguiente mejora que podemos hacer es poner el idioma español por defecto y eliminar los que no queramos usar. Para ello modificaremos el archivo functions.php de nuestro theme para cargar los idiomas en la función tiny_mce_before_init que se ejecutaría antes de cargar el editor visual como ya vimos en el artículo anterior.

[codesyntax lang=”php” title=”functions.php”]

[/codesyntax]

Con el + delante indicamos el idioma por defecto y sólo mostramos el español y el inglés.

 

 

Usar estilos en el editor visual TinyMCE de WordPress

Wordpress

Ya vimos como usar shortcodes en WordPress para crear cajas de texto, otra opción podría ser configurar el editor visual (TinyMCE) de wordpress para usar un estilo que tengamos en nuestro tema, esta vez el estilo se aplica como <p class=”nombrestilo”>

Una opción rápida es instalar el plugin TinyMCE Advanced que aparte darnos alguna funcionalidad extra nos permite agregar un botón de estilos (por defecto no se muestra y habría que ir a Ajustes->TinyMCE Advanced para hacerlo)

Leer más »

Escribir código en WordPress

Wordpress

Hasta ayer, venía usando el plugin de SyntaxHighlighter Evolved para escribir código dentro de los artículos pero me di cuenta que había veces que (seguramente por algún error mío)  hacía cosas raras y me desaparecía código y también afectaba a parte del post así que tras mirar varios me decante por el que había usado anteriormente en otro blog el WP-SynHighlight pero está versión tenía un problema… quizá por mi theme, no lo sé y era que cuando se expandía un código oculto no se mostraba las barras de desplazamiento verticales pero eso lo solucioné añadiendo un !important a la propiedad overflow de la capa wp-synhighlighter-inner

[codesyntax lang=”css” title=”wp-synhighlight\themes\default\wp-synhighlighter.css” lines=”no”]

[/codesyntax]

Seguramente habrá otra opción mejor pero bueno esta me funciona :)

La ventaja de este plugin es que tiene un botón para TinyMCE lo que facilita cambiar alguno de los valores predefinidos del plugin además que ya te escribe el solo el código con las etiquetas <pre>, visualmente tiene el problema que cuando seleccionas todo también seleccionas los números pero cuando se copia y se pega en otro lado los números no se pegan.

Juego básico de Pong en HTML5

HTML5, Juegos

Esperando un poco al libro de symfony2 que está escribiendo Javier Eguiluz y que espero como agua de mayo me he puesto a mirar un poco el html5 y la posibilidad de realizar algun que otro jueguillo, el único libro en español que encontré era el de HTML5 Canvas que trata al final un poco el tema de juegos, pero ya sabemos como salen los libros traducidos… casi al doble de precio, por ello me he puesto a leer HTML5 games development by example a ver si soy capaz de terminarlo :)

En este juego lo que haremos será utilizar los elementos del DOM otra opción podría ser dibujar dinámicamente sobre la nueva etiqueta canvas que sería como un lienzo.

Para esto usaremos jQuery que podremos descargar desde su web cuya versión actualmente es la 1.7.1 y lo guardaremos en una carpeta llamada js donde tengamos nuestro html que en este caso llamare pong.html y le añadimos el siguiente contenido básico que es la estructura básica.

Leer más »

Ver la URL real de una URL corta

Trucos, Varios

Todos alguna vez hemos recibido una url corta que sabíamos que tenía muy mala pinta  y no le damos pero que ocurre cuando realmente nos interesa pinchar en esa dirección pero no queremos llevarnos sopresas?

Personalmente nunca me han gustado acortar las direcciones y tampoco me gusta que lo hagan pues me gusta saber donde estoy pinchando aunque reconozco que es un servicio útil cuando lo usamos en lugares donde tenemos limitación de caracteres como por ejemplo twitter.

Existen varias páginas web que nos devuelven la dirección real,

http://www.unshorten.com/

http://real-url.org/index.php

http://longurl.org/

por decir unas pocas aunque seguro que existen más.

La última expuesta, Longurl, me ha gustado pues también muestra las redirecciones sufridas, cosa que las demás no hacen, además el listado de dominios soportados es muy extenso donde podemos encontrarnos con bit.ly, tinyurl.com, xurl.es, goo.gl… y así hasta más de 300

Traducir documentos PDF online

Varios

Para los que no estamos muy versados en el idioma de Shakespeare tenemos un pequeño problema con la programación pues muy pocos libros son traducidos y muchos son penosos.

Afortunadamente tenemos el traductor de google que aunque no es una maravilla nos puede ayudar un poco en ciertas situaciones pero andar escribiendo, o copiando y pegando puede resultar una tarea ardua. Una solución podría tener el documento que queramos traducir en pdf (aunque acepta varios formatos)  y usar OnlineDocTranslator.

Su funcionamiento es muy sencillo, aceptar el uso de la aplicación java, seleccionar que queremos traducir, indicar los idiomas y donde lo queremos guardar, aun así la propia web tiene un tutorial muy intuitivo.

Hay que decir que está en fase beta y que bueno la traducción es mala (a parte de que las filas del pdf las trata de forma independiente debido al salto de línea) pero es lo que hay… más barato y menos costoso que dar clases de inglés….

Creando un blog en Symfony2

Symfony

Rebuscando por la red por tutoriales o algo explicado para torpes para hacer en symfony2 me encontré con un tutorial muy bueno de como crear un blog, aparentemente está sin terminar pero los 6 capítulos de los que dispone son suficientes a mi parecer para entrar en la rutina de la programación en este framework.

Lo único que falta y que se supone que estará en el capítulo 7 si sale a la luz es la parte de los usuarios usando FOSUserBundle que podría estar muy interesante.

El tutorial está en inglés pero afortunadamente gracias a Lisper tenemos la traducción al español. La misma persona que esta traduciendo la documentación de Symfony2 en su página web. Desgraciadamente la web está muchas veces caída así que os aconsejo que si queréis trastear por ejemplo con el blog que os guardéis la página por si cuando vayáis a realizar ese tema con toda vuestra ilusión os encontráis que esta caída como me paso a mi… afortunadamente gracias a la cache de google puede ponerme a ello :)