Usar Internet Explorer en Mac

Si diseñas o desarrollas en entorno web y trabajas con Mac, seguro que te has encontrado con el problema de probar tu trabajo con Internet Explorer, ese navegador que casi siempre ha ido por libre en estos temas.

Casi con toda probabilidad has terminado usando Parallels o VMware, instalando alguna versión de Windows y a partir de ahí, a probar con Explorer (la versión que venga por defecto o alguna actualización que ya corre por tu cuenta).

Si has pasado por esto, una de las formas (si no la más) sencilla es descargarte una imagen para Parallels o VMware directamente desde el sitio web de Microsoft (Developer technologies).

Microsoft Virtual Machines

Como ves en la imagen, tienes disponibles varias versiones de Windows e Internet Explorer, incluso Edge. Solo has de elegir la que quieras usar, elegir tu plataforma (para Mac, Parallels o VMware), y lo tienes hecho. Y legal, no tendrás que pedir a nadie una copia de Windows. Estas máquinas virtuales expiran a los 90 días, pero ahí tienes tiempo más que suficiente para probar tu proyecto en ese entorno.

¡Comparte otras opciones si has usado algo alternativo!

 

 

Problema de vulnerabilidad en plugins y temas de WordPress

Hace unos días nos enterábamos de que había una grave vulnerabilidad (Cross-Site Scripting) en algunos de los plugins más populares para WordPress:

  • Jetpack
  • WordPress SEO (Yoast)
  • Google Analytics (Yoast)
  • All In one SEO
  • UpdraftPlus
  • WPTouch
  • Download Monitor
  • P3 Profiler
  • iThemes Exchange

Estos son algunos de los que más pueden sonar, pero ahora mismo hay más de 37.000 plugins disponibles en wordpress.org, más los cientos o miles que puede haber en sitios como Codecanyon. Y esto son solo los plugins.

El problema de seguridad viene del uso que los desarrolladores de plugins y plantillas han ido haciendo de un par de funciones de WordPress (add_query_arg() y remove_query_arg()), así que las miles de plantillas que hay en wordpress.org, Themeforest o sitios similares también se pueden ver afectadas.

Los dos plugins de SEO del listado de arriba son dos plugins que suelo instalar en todos los sitios de WordPress con los que trabajo (uno u otro, obviamente), y que también recomiendo a alumnos y clientes. Claro, que también recomiendo que tanto WordPress como los plugins y plantillas que se usen siempre se mantengan actualizados, y sigo viendo sitios que están corriendo con la versión 3.5 —o anterior— de WordPress, y si así anda la versión de WordPress, imagínate cómo están los plugins.

Si mantienes sitios con WordPress —y sobre todo si has tenido problemas con ellos últimamente—, te interesará echar un vistazo a los artículos que han ido publicando estos días sitios como Sucuri, WP Tavern o Envato:

Ya sabes… actualizaciones y copias de seguridad periódicas, que son gratis. Y borra todo aquello que no necesites realmente para que funcione tu sitio en WordPress.

 

Los colores de las redes sociales en código hexadecimal

Aquí tienes las referencias de color en formato hexadecimal para las principales redes sociales (al final, las redes sociales más relevantes en Rusia). Estas referencias están tomadas con cuentagotas sobre los logotipos de estas redes sociales, su cabecera o color más representativo, así que no pueden no ser perfectas, pero si necesitas dar color a los iconos de Font Awesome, por ejemplo, seguro que te ahorran algo de tiempo.

Si ves que alguna de las muestras de color no es la correcta, quieres hacer alguna corrección o simplemente añadir una nueva referencia para alguna otra red social, deja un comentario.

Facebook
#3A5795
Flickr
#0063DB (azul) #FF0084 (rosa)
Foursquare
#0732A2 (azul) #F94877 (rosa)
Google+
#C30907
Instagram
#2A5B83
LinkedIn
#0274B3
Pinterest
#D70004
Swarm
#FFB000
Tuenti
#0079C1
Tumblr
#34465D
Twitter
#5EA9DD
Vimeo
#1CA7CC
Vine
#00A478
YouTube
#CC181E

Redes Sociales en Rusia

Яндекс
#FF0000
ВКонтакте
#4E74A3
Одноклассник
#F88206
Mail.ru
#034A88 (azul) #FBA423 (naranja)
Мой мир
#3D6CB0

Resolver el problema de qTranslate con WordPress 3.9

Es bastante probable que si usas qTranslate con WordPress para publicar contenido en varios idiomas, el plugin haya dejado de funcionar al actualizar WordPress a la versión 3.9 (de hecho, no debería funcionar con versiones superiores a la 3.8.1).

Realmente, te encuentras con dos problemas 1. El primero, que qTranslate se desactiva porque la versión de WordPress es superior a la que el plugin soporta según su configuración original. Para corregir este problema, puedes editar el fichero qtranslate.php que encuentras en /wp-content/plugins/qtranslate/qtranslate.php y cambias esta línea:

define('QT_SUPPORTED_WP_VERSION', '3.8.1');

por esta otra:

define('QT_SUPPORTED_WP_VERSION', $wp_version);

De este modo, no deberías tener problemas para que qTranslate funcionara con tu versión actualizada de WordPress.

No obstante, el editor de contenido que tiene WordPress pegó un gran cambio hace poco, y seguramente no puedas seguir trabajando en el modo visual / texto de la forma habitual. Para solucionar este segundo problema, hay dos opciones:

  1. Descargar 3 ficheros (qtranslate_hooks.php, qtranslate_javascript.php y qtranslate_wphacks.php) y sustituirlos por los originales del plugin qTranslate. Estos tres ficheros los tienes en GitHub Gist.
  2. Migrar de qTranslate a mqTranslate, que está basado en qTranslate, soporta hasta WordPress 4.0-alpha, permite importar la configuración de qTranslate y no da problemas con Qtranslate Slug, si lo usas conjuntamente.

Si buscas alternativas a qTranslate o mqTranslate para gestionar sitios web en varios idiomas con WordPress, puedes probar con Polylang (gratuito) o WPML (comercial), por ejemplo.

  1. En el momento de escribir este artículo, la última versión de qTranslate era la 2.5.39, actualizada el 26/1/2014

Máquina tragaperras con Flash 5 y ActionScript 1.0

Máquina tragaperrasHaciendo limpieza digital me ha tocado revisar varias docenas de CDs en los que tenía trabajos del siglo pasado (literalmente). En los CDs ha aparecido de todo… uno de los trabajos que ha aparecido es un juego que hice en Flash allá a principios del año 2001. Eran tiempos de Macromedia, y también de burbuja puntocom. Lo cierto es que guardo buen recuerdo de aquella época, y aunque ahora no haría nada en Flash, por aquellos años era casi obligatorio darle al Macromedia Flash y al ActionScript o no salías en la foto.

Esta es una versión standalone del juego, que originalmente se desarrolló como un concurso online para el portal Autocity. Está hecho con Flash 5 y ActionScript 1.0 (lo que había). Si quieres, puedes echar un vistazo al juego y descargarte el fichero FLA por si te sirve para algo.

Seguir leyendo Máquina tragaperras con Flash 5 y ActionScript 1.0…

Leer un fichero de texto línea por línea con PHP

Un pequeño código para leer un fichero de texto línea por línea:

$handle = fopen("mifichero.txt", "r");
if ($contenido) {
    while (($linea = fgets($contenido)) !== false) {
        // hacemos algo con la línea
    }
} else {
    // no se ha podido leer el fichero
}

Me han pasado un fichero de texto con un listado de unos 3500 códigos para cargar en una base de datos, y cada uno tenía que estar vinculado con distintos valores de distintas tablas, así que para cada línea necesitaba una consulta diferente. En menos de cinco minutos, hecho.

El favicon en las SERP y enlaces patrocinados

Favicon SEO Yandex

Anuncia hoy Google en su Inside Adsense Blog que introduce la opción de añadir favicones a los anuncios de tipo texto. Parece un pequeño cambio, pero seguramente mucha gente tendrá que preparar muchos favicones de aquí a que termine el mes.

De momento, Google se queda en los enlaces patrocinados, pero Yandex ya lleva mucho tiempo dejando que el favicon de un sitio web tenga presencia en las SERP —además de tenerla en los enlaces patrocinados de Yandex.Direct—, y aunque parezca una tontería, es un elemento muy simple que puede llamar la atención del usuario y hacer que nuestro sitio obtenga el siempre deseado clic. Hay servicios como una farmacia, hotel, automóvil, billetes de avión o tren… para los que puede resultar muy sencillo tener un favicon que destaque.

En la imagen de arriba, la imagen que Google ha publicado en su blog de Adsense, superpuesta a una captura de pantalla de los resultados de Yandex para una búsqueda de hotel, donde se puede observar que Yandex muestra los favicones tanto en los enlaces patrocinados como en los orgánicos.

Si, el favicon siempre ha tenido su uso, pero ¿crees que ahora Google animará a que la gente tenga un favicon en su sitio web o esperará a que Google lo empiece a mostrar en sus SERP?

Personalizar las reglas de escritura de URL en WordPress

En uno de los proyectos en los que estoy trabajando actualmente he tenido que crear una serie de páginas con contenido personalizado para integrar en un tema de WordPress. El problema con el que me encontré es que los enlaces permanentes de WordPress llevan su propia dinámica —más allá de editar el fichero .htaccess— y si preparas páginas o entradas con contenido propio, quizás quieras o debas seguir usando las URLs semánticas por aquello del SEO y otras historias.

Así pues, además de tener preparadas las páginas de plantilla que puedas necesitar, lo primero será registrar esas nuevas reglas de escritura para las URL. Puedes incluir este código en el fichero functions.php de tu tema, por ejemplo:

add_action( 'init', 'mis_reglas_rewrites_init' );
function mis_reglas_rewrites_init(){
    add_rewrite_rule('mipagina/([0-9]+)-(.*).html?$','index.php?pagename=mipagina&mivariable_id=$matches[1]','top' );
}

add_filter( 'query_vars', 'misreglas_query_vars' );
function misreglas_query_vars( $query_vars ){
    $query_vars[] = 'mivariable_id';
    return $query_vars;
}

Luego puedes ir a los ajustes de enlaces permanentes desde la administración de WordPress y guarda los ajustes de enlaces permanentes para que refresque estas reglas, no es necesario que cambies nada, simplemente guarda cambios tal cual lo tengas configurado. También puedes llamar a la función flush_rewrite_rules(); para forzar este refresco.

Para recuperar la variable en las páginas que añadas a tu tema de WordPress, puedes hacerlo con la siguiente función:

get_query_var('mivariable_id');

Mientras estés con el desarrollo, si quieres consultar y mostrar en pantalla todas las reglas de escritura de URLs que tienes, puedes usar esta función. Así puedes echar un vistazo a lo que realmente está usando WordPress, por si alguna URL no funciona como esperabas.

function mostrar_rewrite_rules() {
	global $wp_rewrite;
	if (!empty($wp_rewrite->rules)) {
		echo 'Reglas para enlaces permanentes';
		echo '
'; foreach ($wp_rewrite->rules as $nombre => $valor) { echo $nombre.'
'.$valor.'
'; } echo '-fin-'; } else { echo 'Nada que mostrar'; } }

En el Codex de WordPress puedes encontrar muchísima más información si has de desarrollar o personalizar un tema para este gestor de contenidos. Las posibilidades de este CMS llegan hasta donde llegue tu imaginación 🙂

Optimizar WordPress para el SEO con Yandex

Sin duda, WordPress es una excelente herramienta para poner en marcha un sitio web de manera rápida. Con un poco de tacto, uno lo puede dejar bastante bien optimizado para indexación y posicionamiento en buscadores. Si sabes lo que te haces, no hay grandes diferencias entre ir generando y optimizando contenidos para Google o Yandex con las funciones de las que uno dispone por defecto en WordPress, pero existen algunos plugins que pueden resultar de mucha utilidad si has de trabajar con WordPress en ruso y uno de tus principales objetivos es el buscador ruso Yandex.

WP Native Dashboard

Si el público del sitio web va a ser exclusivamente ruso, siempre recomiendo instalar la versión en ruso de WordPress, con la que tanto la parte pública como la administración quedarán en este idioma. Si quieres tener la administración en español, una de las opciones que tienes es este plugin, que te permitiría cambiar el idioma de la administración en función de tus necesidades. Tu podrías trabajar en español y tu cliente podría entrar igualmente y ver la administración en ruso. Eso si, al haber definido un idioma por defecto en el fichero wp-config.php, algunos plugins pueden ignorar esta preferencia y seguirías teniendo algunas opciones en ruso.

Cyr-And-Lat

Al escribir el título de un post o entrada, si estás usando URL semánticas, el slug del post o entrada quedará en cirílico. Esto no supone mayor problema, salvo que Internet Explorer se puede volver un poco lelo mostrando las URLs de forma legible, aunque esto no impide que el sitio funcione con toda la normalidad. Otro asunto es la decisión que se haya tomado sobre las URLs semánticas del sitio web (sobre este tema ya escribí hace tiempo un artículo —URLs semánticas en sitios web en idioma ruso—).

Si hemos decidido usar URLs semánticas con ruso transliterado, este plugin se encarga de convertir automáticamente los caracteres cirílicos a su equivalente latino transliterado. Si uno quiere afinar con precisión, podéis editar el fichero PHP del plugin para modificar el array con el que se realiza la conversión entre alfabetos, por si queréis personalizar —por ejemplo— la transliteración de caracteres como Й, Ц, Щ, Ж, Х, etc…

La decisión de cómo tratar las URLs es bastante importante. La transliteración del cirílico es quizás una de las mejores opciones y este plugin simplifica tremendamente la labor, aunque quien se encargue de añadir los contenidos no tenga ni idea de ruso y se limite a copiar-pegar lo que le vayan entregando.

WP Paste Analytics

Este plugin permite insertar el código de Google Analytics y también el de Yandex.Metrika, así como las meta etiquetas para vincular tu sitio web con las herramientas para webmaster de Google y Yandex.

No todo son plugins, que los hay casi para todo lo que podamos necesitar. Igualmente suelo utilizar y recomendar algún plugin para añadir funciones avanzadas de SEO (como WordPress SEO by Yoast) y gestionar los ficheros robots.txt y sitemap.xml.

También nos puede ir bien —la verdad, bastante bien— revisar la plantilla del tema que estemos usando (muchos se anuncian como seo optimized y realmente no lo son) y cuidar hasta el más mínimo detalle los factores onpage de todo el contenido que generemos. Sobre todo esto último, Yandex nos lo agradecerá.

Redirección de productos descatalogados con Prestashop

Si gestionas una tienda online con Prestashop, puede resultar más o menos frecuente tener que desactivar productos o descatalogarlos, si son productos que ya no vas a vender más, bien por ser productos estacionales o porque se han dejado de producir por los siglos de los siglos.

Una opción que tenemos disponible es desactivar el producto, con lo que dejará de estar visible en la tienda y devolverá un error 404 mostrando un mensaje de “producto no disponible”. Si quieres evitar esto, la alternativa es dejar visible el producto, pero sin stock, con lo que puedes tener a un usuario pendiente de si repones o no repones existencias.

Así que, cuando está claro que no vas a reponer existencias, y te preocupa —por motivos de SEO y posicionamiento, por ejemplo— que tengas muchos productos inactivos o descatalogados generando errores 404, puedes optar por añadir redirecciones 301 hacia productos o categorías similares.

Para mi, la solución fue añadir esta línea antes del </IfModule> del fichero .htaccess que puedes generar desde la administración de Prestashop. La verdad, nunca había tenido mayores problemas para añadir redirecciones, pero supongo que algo hacía mal o algo ponía mal para lograr que el .htaccess de Prestashop siguiera funcionando y mis redirecciones funcionasen también.

Redirect 301 /categoria/1234-nombre-del-producto-inactivo.html http://mi-tienda.com/categoria/4321-nombre-del-producto-activo.html?

El motivo de añadir el símbolo ? al final de la URL a la que redirecciono es para evitar que pase el parámetro id_product=1234 que viene como variable en la URL. Como así me funcionó, no le he dedicado más tiempo. Si has tenido el mismo problema y te ha servido otra solución, la puedes compartir.

Este blog funciona gracias a WordPress con el theme GimpStyle diseñado por Horacio Bella.
Entradas y Comentarios feeds. XHTML y CSS válidos.