Diseño Web

Diseño Web, Trucos, Video, Webs

Autoplay y miniaturas en los vídeos de Vimeo

/

En algunas ocasiones tenemos que adjuntar vídeos de Vimeo. Y aunque personalmente me gusta más youtube, es bueno conocer sus trucos. Aquí van dos: Si queréis que el enlace apunte al vídeo de Vimeo y arranque directamente (por defecto esto no pasa) tenéis que añadir ?&autoplay=1  al enlace del vídeo. Por ejemplo entonces eso quedaría http://vimeo.com/XXXXX?&autoplay=1  donde XXXXX es el id de vuestro vídeo. Buscando cómo sacar las direcciones de las miniaturas de los vídeos para poder enlazarlas (las imágenes de los vídeos para poner en blogs y webs), como en este truco de youtube, encontré esta gran herramienta: http://vimeo.com/api/v2/video/video_id.output    donde video_id  Es el id del vídeo (XXXXX en el ejemplo anterior) output Es el formato de salida, a elegir entre JSON, PHP y XML. Recomiendo XML Veréis no sólo los enlaces a las miniaturas en diferentes tamaños sino mucha más información como los likes, visitas, privacidad…toda la información que necesitas del vídeo.

Diseño Web, Webs

Generar un sitemap para vuestras páginas web estáticas

/

Una de las cosas más importantes para que los buscadores os indexen bien es generar un sitemap. Un sitemap es sencillamente un mapa con la estructura de tu web, y normalmente cada cuanto haces cambios en esa estructura. De esta manera puedes decirle  a los buscadores qué quieres que indexen (y qué no) y cada cuanto deberían ir a buscar cambios. Si tu página es dinámica tienes plugins que hacen esto de manera muy eficiente….si tu página es estática (sin gestor de contenidos) normalmente te tocaría hacerla a mano. Afortunadamente existen generadores online que funcionan muy bien y con los que podrás hacer este mapa. Sólo tienes que entrar en ellos, poner tu url (la dirección de tu página), algunos parámetros más como cada cuanto cambia, y bajarte el fichero que genera. Ese fichero lo subes a la raíz de tu web por FTP y luego lo añades en la página de webmasters de cada buscador (webmaster tools de Google). Páginas web para generar los sitemaps. Podéis encontrarlos por Google pero os dejo unos cuantos: http://www.xml-sitemaps.com/ http://www.web-site-map.com/ http://www.check-domains.com/sitemap/index.php  (esta no tiene límite).

Diseño Web, Gestores de contenidos, Trucos

WordPress: plugin para validar webmaster tools para hostings rebeldes

/

Cuando haces una web, es casi imprescindible conectarlo con los webmaster tools de Google, Yahoo (Yahoo SiteExplorer) o Bing (Bing Webmaster Central). Ahí, entre otras cosas, te da sugerencias, errores, podemos enviar los sitemaps (esencial para que te muestren correctamente) etc. Pero los requisitos que piden estas páginas para validar que el dominio es tuyo pueden ser o muy complicados para la gente inexperta (gestionar dns) o a veces, en ciertos hostings, imposible por los permisos restrictivos. Entonces nos quebramos la cabeza pensando maneras complicadas de resolverlo. No hace falta. En wordpress tenemos una solución sencilla: instalamos estos wordpress que te permiten añadir el código html a la página. Además, suelen permitir añadir también el código de Analytics, con lo que nos quitamos 2 pájaros de un tiro. Os sugiero algunos: All in one Webmaster: http://wordpress.org/extend/plugins/all-in-one-webmaster/   Permite enviar sitemaps a  Google,Bing,Yahoo y Ask; webmaster tools de Google,Bing,Facebook y BlogCatalog yAnalytics de  Google  y Quantcast. MDR Webmaster Tools : http://wordpress.org/extend/plugins/mdr-webmaster-tools/

Diseño Web, Gestores de contenidos, Soporte, Trucos

Cambiar el idioma de WordPress

/

Si por alguna razón has instalado WordPress en otro idioma (nos ha pasado a veces), te indicamos cómo cambiarlo a español (sirve para cualquier otro cambio de idioma). Descárgate de http://es.wordpress.org/ o la versión completa o el fichero  es_ES.mo  . En la versión completa el fichero está en wordpress/wp-content/languages. Copia ese fichero en tu servidor en wordpress/wp-content/languages por FTP. Edita por FTP el fichero wp-config.php de la carpeta raíz y modifica la línea define (‘WPLANG’, ”); para que ponga define (‘WPLANG’, ‘es_ES’); Es raro que wordpress no permita elegir idiomas desde su backend. Guarda el fichero y ya tendrás tu wordpress en Español.

Diseño Web, Gestores de contenidos, Trucos

Cómo actualizar WordPress manualmente

/

A veces las instrucciones de WordPress lían un poco. Os resumo el procedimiento. Descarga la última versión de WordPress de wordpress.org o http://es.wordpress.org/ Descomprímela en tu ordenador. Borra las carpetas wp-admin y wp-includes y sube las nuevas de tu ordenador. Sobreescribe el contenido de la carpeta raíz y de wp-content. OJO: ni borres wp-content (ahí está casi toda tu web, ni wp-config de la raíz). Ve a la siguiente dirección: http://www.tudominio.com/wordpress/wp-admin/upgrade.php  y actualiza wordpress. Ya está. Fácil eh 😀 A veces si una actualización ha fallado podemos tener un fichero .maintenance en la raíz. Bórralo si sale algún error para decirle a wordpress que no se ha quedado nada pendiente y luego ejecuta el update otra vez  (último paso).

Diseño Web, Gestores de contenidos

Bueno módulo Nivo Slider para Prestashop

/

Hay muchas opciones de sliders (fotos que pasan con efectos) para Prestashop, y de ellas el Nivo Slider es seguramente una de las mejores. Y hay muchos tipos de Nivo Slider (versiones que ha ido modificando la gente). Este que hemos probado es estupendo porque te deja modificar los tamaños, css, etc desde la interfaz del módulo. Tiene fallos, si, pero es de los más sencillos de usar. ¿Para que lo usamos? Quita el módulo editorial y tienes un pase de diapositivas de tus productos en la portada, o ponlo en la página de alguna categoría. http://www.tiendasvirtuales.com.ve/site/nivo-slider-para-prestashop/  

Diseño Web, Gestores de contenidos

WordPress mobile pack

/

Cuando escribimos el artículo de WPTouch, un plugin para que tu página en WordPress se vuelva totalmente compatible con dispositivos móviles, tablets etc, queríamos también escribir uno acerca de este plugin. Lo que pasa es que la actualidad manda, y se nos ha ido retrasando. WordPress mobile pack es otro plugin de este tipo. Como el anterior permite elegir qué tipo de tema quieres al entrar (web o móvil), tiene una plantilla por defecto para móviles y se adapta automáticamente al dispositivo. Pero además te permite entrar en el panel de administración con un diseño especial más simplificado desde smartphones y tablets. Otra opción que tienes que probar si no te gusta WPTouch.

Diseño Web, Gráficos y Fotografía, Trucos

Conversor de Pdf a JPG

/

Con el avance del html5 nos piden convertir muchas presentaciones de html5, con sus efectos correspondientes. Y para ello las imágenes ayudan mucho. Por lo tanto nos vemos en la necesidad de convertir pptx o pdfs a jpg. Siempre puedes hacer un pantallazo, pero en el caso de los pdfs es mejor usar programas como este: Pdf2jpg convierte cada hoja de tu pdf en un jpg. Lo bueno es que puedes elegir la calidad, la resolución y hacer proceso en lotes. Es decir no tienes que ir documento por documento sino que puedes elegir varios. Lo hemos probado y los resultados son muy satisfactorios, para lo sencillo que es. Además no necesita instalación.

Diseño Web, Gestores de contenidos

Quitar la opción “Nuestras tiendas” en Prestashop

/

Puede que hayas abierto una tienda online con Prestashop (cada día mejor por cierto, las nuevas versiones mejoran mucho el producto) pero no tengas tienda física. Entonces no te interesa la opción de “nuestras tiendas”.Os explicamos cómo quitarlo: Hay que quitar la opción en tres lugares, el bloque de la columna izquierda (depende de la plantilla), en la parte superior y en el pie: Quita el bloque.  Ve a módulos y en el buscador pon tienda. Pincha en el “Bloque de Tiendas” y haz clic en desactivar. Quita el enlace: Ve a módulos, y en el buscador pon CMS. Pincha en “Bloque CMS” y dale a configurar.Pincha en editar en el bloque Inicio y en “Mostrar tiendas” pon No. Esto quitará el enlace tanto de la parte superior como del pie. Ya no tendrás que preocuparte por esta opción y tu tienda será totalmente online.  

Diseño Web, Gestores de contenidos, Trucos

Hacer que aparezcan los cambios al modificar una plantilla de Prestashop

/

Si tienes que modificar una plantilla de Prestashop, verás que los cambios de colores, tipografía o logos que haces no se muestran en el navegador. Esto es porque Prestashop viene con un sistema de caché para que vaya más rápido, el cual guarda la configuración de la plantilla. Hay que desactivarlo y os mostramos cómo: Hay que ir a Preferencias, Rendimiento. Pon SI a Forzar la compilación y NO a Caché. Con eso ya podría valer, pero  comprueba que en la última opción el caché está desactivado. Y entra por FTP a las carpetas /tools/smarty/cache/ y /tools/smarty/compile/ y borra todo lo que haya salvo el fichero index.php Ahora sólo tienes que ir al navegador y pulsar F5 para refrescar. Recordad quitarlo cuando acabéis de hacer los cambios.

Scroll al inicio