Cómo ofrecer URLs cortas de tus posts en dispositivos móviles [WordPress]

wordpress-short-urls
Amit Agarwal nos ofrece la solución a través de un tutorial muy simple (en realidad ni es un tutorial, solo hay que copiar y pegar código :P). Básicamente lo que hace es mostrar una URL corta en la barra de direcciones en vez de la URL tradicional, el ejemplo más claro es el de la imagen de arriba.

La instalación es simple, hay que abrir el archivo functions.php y agregar esto al final.

NOTA: Antes de editar el archivo hagan una copia de seguridad, después si rompen algo no se quejen.

/* Paste this code in the functions.php of your WordPress theme */
/* Written by Amit Agarwal - MIT License */
<?php

 function updateURL() {
  /* Only target single post pages in WordPress */
  if ( is_single() ) : ?>
   <script> 
     /* The script runs asynchronously and won't affect page loading time */
     setTimeout (function () {
       /* We perform this check since older browsers may not support history.pushState*/
       if (typeof history.pushState === "function") 
       {
         /* Calculate the screen width of the device */
         var width = window.innerWidth || screen.width; 

         /* Only target mobile devices with width < 768 pixels */
         if (width < 768) 
         {
          /* Only change the URL but not the title in the address bar */
          history.pushState(null, null, "/?p=<?php the_ID(); ?>"); 
         } 
       } 
     }, 10 ); 
   </script>
<? 
 endif;
}

/* Insert the JavaScript in your template footer */
add_action ("wp_footer", "updateURL");

?>

 

LEER
MSNlog, theme con estilo de MSN para Wordpress