Te encuentras en: Inicio » Blog
Esta es definitivamente la manera más fácil de visualizar un archivo PDF en nuestro sitio web. El PDF se carga a través de Google Docs y luego aparece en un iframe, en la web. Para empezar a mostrar pdf y leerlos online copia y pega el siguiente código en tu archivo functions.php de tu tema de wordpress function leer_pdf_online($attr, $url) { return ‘<iframe src="http://docs.google.com/viewer?url=’ . $url . ‘&embedded=true" style="width:’ .$attr['width']. ‘; height:’ .$attr['height']. ‘;" frameborder="0">Esto cargará un iframe</iframe>’; } add_shortcode(‘embedpdfonline’, ‘leer_pdf_online’); A continuación, utilice la siguiente sintaxis para mostrar un PDF. Podrás especificar el ancho y alto que ocupará el iframe. Entre las etiquetas [embedpdfonline][/embedpdf] tendrás que especificar la url completa del pdf que quieres mostrar y listo. Se cargará un iframe generado por Google Docs donde podremos leer el pdf online mas o menos como si se tratara del Adobe reader. Incluye el siguiente código en cualquier parte de tu artículo o página de WordPress donde quieras mostrar el pdf [embedpdfonline width="500px" height="400px"]http://www.pedroventura.com/archivos/guia_optimizacion_motores_busqueda.pdf[/embedpdf] Ejemplo de leer un pdf online, para ello utilizaré unas de las guías de referencia que podréis encontrar en mi blog: Guia SEO de Google Este código funciona mediante Shortcodes de la API de WordPress. [...]
Si hace unos días escribía un artículo sobre como redireccionar una web en función del dispositivo móvil, ya sea iPad, iPhone o cualquier otro smartphone, hoy explicaré más en concreto como saber si se está visitando una web desde un iPad. Detectar iPad mediante PHP Detectar si es un iPad es muy sencillo, no es más complicado que saber si está desde un pc, mac o lo que sea. Para ello usaremos la variable de servidor USER_AGENT, $_SERVER['HTTP_USER_AGENT'] que es lo que el navegador envía al servidor para identificarse. En esta variable de servidor contiene bastante información acerca del usuario, como por ejemplo el sistema operativo que está usando y su versión, el motor de navegador y su versión, y otros datos de idioma y geoposicionamiento básico, etc. En mi caso la información que está enviando es la siguiente (desde mi navegador de mi pc con Linux): [HTTP_USER_AGENT] => Mozilla/5.0 (X11; Linux x86_64; rv:7.0.1) Gecko/20100101 Firefox/7.0.1 En el caso de que estemos visitando nuestra web desde un iPad será algo similar a lo siguiente: Mozilla/5.0 (iPad; U; CPU OS 3_2 like Mac OS X; es) AppleWebKit/531.21.10 (KHTML, like Gecko) Version/4.0.4 Mobile/7B334b Safari/531.21.10 Con toda esta información ya podemos realizar una [...]
Desde el blog de webmaster, Google nos propone una mejora para optimizar los sites que ofrecen el mismo contenido en diferentes idiomas. Con lo que podremos mejorar la gestión del contenido en varios idiomas. Ahora bien esto se aplica en dos casos: En sitios web que se orienten a varias regiones y que usen prácticamente el mismo contenido (por ejemplo, páginas web en inglés que se orienten a Australia, a Canadá y a EE.UU. y que solo se diferencien en los precios) En sitios web orientados a varias regiones que incluyan contenido completamente traducido o que muestren un contenido monolingüe con diferencias notables enfocado a varias regiones (por ejemplo, la página web de un producto en alemán, en francés y en inglés). Para indicar el idioma y la ubicación hay que agregar el atributo hreflang al elemento de enlace rel=”alternate” de la etiqueta html </link> Ejemplos: <link rel="alternate" hreflang="es" href="http://www.dominio.com/" /> <link rel="alternate" hreflang="es-ES" href="http://es-es.dominio.com/" /> <link rel="alternate" hreflang="es-MX" href="http://es-mx.dominio.com/" /> <link rel="alternate" hreflang="en" href="http://en.dominio.com/" /> El atributo hreflang permite especificar el idioma o el país, y la URL asociada. Éstas URLs asociadas o alternativas nos permiten consolidar los indicadores de estas páginas y ofrecer la URL adecuada a los usuarios [...]
Ya es sabido que es muy importante el diseño y desarrollo de nuestro site para integrarlo en dispositivos móviles como iPads, iPhones y el resto de smartphones. Hay que elaborar un diseño más fácil para que sea legible y se pueda usar en múltiples resoluciones. Teniendo ésto en cuento y previamente haber hecho adaptaciones para los dispositivos móviles, incluyo una redirección de apache que se puede incluir en el htaccess de nuestro desarrollo para llevar a cabo la redirección del dispositivo móvil del que venga y así redirigir a una versión móvil más optima para el usuario de teléfono o dispositivo móvil. RewriteEngine On RewriteCond %{REQUEST_URI} !^/m/.*$ RewriteCond %{HTTP_ACCEPT} "text/vnd.wap.wml|application/vnd.wap.xhtml+xml" [NC,OR] RewriteCond %{HTTP_USER_AGENT} "acs|alav|alca|amoi|audi|aste|avan|benq|bird|blac|blaz|brew|cell|cldc|cmd-" [NC,OR] RewriteCond %{HTTP_USER_AGENT} "dang|doco|eric|hipt|inno|ipaq|java|jigs|kddi|keji|leno|lg-c|lg-d|lg-g|lge-" [NC,OR] RewriteCond %{HTTP_USER_AGENT} "maui|maxo|midp|mits|mmef|mobi|mot-|moto|mwbp|nec-|newt|noki|opwv" [NC,OR] RewriteCond %{HTTP_USER_AGENT} "palm|pana|pant|pdxg|phil|play|pluc|port|prox|qtek|qwap|sage|sams|sany" [NC,OR] RewriteCond %{HTTP_USER_AGENT} "sch-|sec-|send|seri|sgh-|shar|sie-|siem|smal|smar|sony|sph-|symb|t-mo" [NC,OR] RewriteCond %{HTTP_USER_AGENT} "teli|tim-|tosh|tsm-|upg1|upsi|vk-v|voda|w3cs|wap-|wapa|wapi" [NC,OR] RewriteCond %{HTTP_USER_AGENT} "wapp|wapr|webc|winw|winw|xda|xda-" [NC,OR] RewriteCond %{HTTP_USER_AGENT} "up.browser|up.link|windowssce|iemobile|mini|mmp" [NC,OR] RewriteCond %{HTTP_USER_AGENT} "symbian|midp|wap|phone|pocket|mobile|pda|psp" [NC] #————- The line below excludes the iPad RewriteCond %{HTTP_USER_AGENT} !^.*iPad.*$ #————- RewriteCond %{HTTP_USER_AGENT} !macintosh [NC] #*SEE NOTE BELOW RewriteRule ^(.*)$ /m/ [L,R=302] Otra versión en htaccess que redirecciona en función del navegador web es la que he visto en la herramienta http://detectmobilebrowsers.com/ En esta herramienta podemos ver diferentes manera de redireccionar en función [...]
Sin duda el mejor cliente SVN. He probado KDESVN, SVN Workbench, RapidSVN y SmartSVN. Sin duda RabbitVCS es, personalmente, el mejor cliente con soporte Subversión para Linux. Es lo más parece al TortoiseSVN de windows, que está muy bien logrado y muy fácil de usar. RabbitVCS ofrece integración para el administrador de ficheros (File Manager) de Nautilus y Thunar. También para el editor de texto Gedit. Y como he comentado ofrece soporte para Subversión y Git. Integración con Nautilus Integración con Gedit Integración con Thunar Ejecución en linea de comandos Navegar en el repositorio de Subversion Git LOG En definitiva incluye una completa gama de funcionalidades y recursos. Instalación en Ubuntu Añadir el repositorio sudo add-apt-repository ppa:rabbitvcs/ppa Añadir en source. En el archivo /etc/apt/sources.list deb http://ppa.launchpad.net/rabbitvcs/ppa/ubuntu **DISTRIBUTION** main en **DISTRIBUTION** hay que agregar la distribución de tu versión de ubuntu entre las disponible que soporta RabbitVCS, en el siguiente enlace se puede ver las distintas distribución soportas por el software http://ppa.launchpad.net/rabbitvcs/ppa/ubuntu/dists/ Actualizar los repositorios de software con sudo apt-get update Terminar la instalación con sudo apt-get install rabbitvcs-core rabbitvcs-nautilus rabbitvcs-thunar rabbitvcs-gedit rabbitvcs-cli Como yo tengo, a día de hoy, Ubuntu 11.10 de 64bits no me funcionaba este último paso, por [...]
3 Comentarios Categoria : Wordpress 
RSS Feed 
Suscríbete al RSS por email
Últimos Comentarios
6-02-2012 02:54
3-02-2012 21:40
3-02-2012 17:08
3-02-2012 05:38
1-02-2012 15:48
1-02-2012 10:12
1-02-2012 04:27
1-02-2012 00:57