Diseño Web

Diseño Web, Gestores de contenidos

Floating menu: plugin para wordpress

Gran plugin de WordPress que te permite crear un menú flotante. Dicho menú tiene muchas opciones: se puede abrir al pasar por encima, al hacer click, puede seguirte según bajes por la página o puede ser fijo. Además de varios temas (que tu puedes personalizar también. El menu se pone en un widget (por lo tanto se puede poner en cualquiera de los sidebars de tu plantilla), pero luego su posición puede modificarse y establecerse desde el widget o desde el centro de la página. Yo tengo un menú en una página que se sitúa en la cabecera, pero el menú está colocado en el widget del pie de página (porque no había otra). Por lo tanto MUY personalizable y una gran opción para tus páginas: http://wordpress.org/extend/plugins/floating-menu/  

Diseño Web, Gestores de contenidos

Default thumbnails plus: plugin para wordpress. Imagen destacada predeterminada

Hace unas cuantas versiones que wordpress puso la opción de imagen destacada. Últimamente, la mayoría de las plantillas lo usan. Con esta opción, puedes poner una pequeña miniatura que se presente en la sinopsis de la página inicial. Imagen que no tiene por qué estar en el texto de la misma. Lo que pasa es que muchos nos hemos acostumbrado a usar imágenes online, y no ponemos la imagen destacada que, desgraciadamente, sólo puede ser una subida a Multimedia (no entiendo por qué). Así que muchos no ponemos la miniatura y aparece un blanco enorme muy llamativo y que queda horrible. Para evitar estos casos podemos instalar este plugin que pone una imagen por defecto si no establecemos imagen destacada. http://wordpress.org/extend/plugins/default-thumbnail-plus/  

Diseño Web, Webs

Vgcal, conector de Vtiger y Google Calendar, con Vtiger 5.3

Para Vtier existe un conector con Google calendar llamado Vgcal. La instalación es bastante sencilla siguiendo estos pasos. Está un poco limitado para mi gusto porque tienes que subir los eventos y actualizarlos uno a uno y manualmente y  no es bidireccional. Sólo va de vtiger a Google Calendar. Sin embargo si lo instaláis en versiones de Vtiger 5.3 (y supongo que posteriores) parecerá que hace todo bien pero luego no actualiza nada. Esto es porque hay un cambio en cómo Vtiger pone la zona horaria. Para arreglarlo hay que cambiar el código en el fichero: modules/Calendar/VtigerGoogleCalendar.php Pongo en negrita lo que se tiene que añadir junto con el fragmento de código antes y después: function addEvent ($title, $description, $location, $startDate, $startTime, $endDate, $endTime, $tzOffset = ‘+00:00’) {  $startTime = substr($startTime,0,-3);     $endTime = substr($endTime,0,-3); $gcalendar = new Zend_Gdata_Calendar($this->g_client); $newEntry = $gcalendar->newEventEntry(); $newEntry->title = $gcalendar->newTitle(trim($title)); y   en la siguiente parte donde está el update event:   function updateEvent($eventOld, $title, $description, $location, $startDate, $startTime, $endDate, $endTime, $tzOffset = ‘+00:00’) {  $startTime = substr($startTime,0,-3);      $endTime = substr($endTime,0,-3); $gcalendar = new Zend_Gdata_Calendar($this->g_client); $eventOld->title = $gcalendar->newTitle($title); $eventOld->where = array($gcalendar->newWhere($location)); Con eso ya lo tendréis funcionando.

Diseño Web, Gestores de contenidos

WP-Polls: plugin para encuestas en WordPress

Hace poco nos han pedido un plugin para encuestas para WordPress. El más conocido y más sencillo de usar seguramente es WP-Polls. Es muy sencillo símplemente hay que instalarlo y puedes poner tus encuestas en las barras laterales o pies (dependiendo de la plantilla) como Widgets, o en las páginas o entradas poniendo: [poll id=”2″]       (sutituir 2 por el id de tu encuesta). [poll id=”2″ type=”result”] si quieres mostrar el resultado. El plugin se puede personalizar perfectamente con tu plantilla y tiene muchas opciones de configuración. En principio viene en inglés pero puedes traducirlo de 3 maneras: Edita el plugin desde el editor (no recomendable por si hay actualizaciones). Bájate este fichero de idioma algo antiguo: http://plugins.trac.wordpress.org/browser/wp-polls/i18n/  Ponlo en la raíz del plugin. Crea tu propio fichero de idioma con POEdit. Para ello edita wp-polls.pot  y llámalo wp-polls-es_ES.po .Guarda el .po  y el .mo en la raíz del plugin. Después crear encuestas no es mas que añadir una nueva con título y preguntas.  

Diseño Web, Gestores de contenidos

EWWW Image Optimizer: alternativa a Smush.it en WordPress

Desde la versión 3.4 de WordPress Smush.it ha dejado de funcionar. Y es una lástima porque para páginas con gran contenido de imágenes ayudaba muchísimo a disminuir el tamaño de las mismas para cargar la página más rápido (y para que no te cobren excesos de transferencia). Nos ha costado encontrar una alternativa, pero aquí os dejamos una perfectamente funcional y con las mismas opciones (bulk optimize y hacerlo una a una): EWWW Image Optimizer. Las imágenes no pierden calidad. Además podemos hacer que quite los metadados de las imágenes (lo que también las reduce de tamaño). Buen aporte para WordPress.

Diseño Web, Gestores de contenidos

Role Scoper: restringe los permisos de edición y lectura en WordPress

En ocasiones te encuentras con que tu página o blog necesita permisos más restrictivos de los que tiene WordPress por defecto. No quieres que un grupo de personas vean una página, o no quieres que alguno de tus autores puedan editar un post. Existen muchos plugins ahí fuera para hacer esto, pero seguramente el más completo y robusto sea Role Scoper. Una de las grandes ventajas de este plugin es que no modifica los permisos o roles básicos de WordPress: por lo tanto es muy compatible y estable, sino que asigna permisos de lectura y edición a capabilidades (roles con habilidades específicas) siguiendo la tendencia o las guías actuales de WordPress. Las restricciones se pueden poner para páginas, categorías o posts. No es sencillo de entender al principio, requiere algo de investigación para poder manejarlo. Eso si no es árido como otros plugins, el interfaz es muy sencillo: simplemente que hay que ir buscando la combinación correcta para que funcionen las cosas o dónde se hace cada cosa. Muy útil si quieres avanzar tu wordpress al siguiente nivel.  

Diseño Web, Trucos

Cómo recuperar una base de datos MySQL de ficheros

Hace tiempo temía recuperar las bases de datos de MySQL si no tenía copia de seguridad actualizada….era una locura. Y ahora con la mayoría de las webs siendo dinámicas esto es mucho más importante. La semana pasada se nos murió el último servidor que teníamos en la oficina, donde estaba nuestra página web y como “en casa del herrero cuchillo de palo” no teníamos copia de seguridad actualizada. Pero con este proceso que os dejamos conseguimos recuperarla en poco tiempo (una hora). Un livesaver en toda regla. Lo primero que tenemos que hacer es recuperar los ficheros de MySQL de nuestra base de datos del servidor estropeado. Para eso al menos tenemos que tener acceso al servidor que no arranca (un servidor dedicado o virtual no compartido). Dudo que el proveedor os los pase si estáis en uno compartido. Los ficheros cambian de ubicación dependiendo de la distribución pero suelen estar en /var/lib/mysql . Nosotros cogimos el disco duro, lo conectamos por USB y sacamos la información de ahí desde un Ubuntu. Puede que tengas problemas de permisos. Corrígelos para poder obtener la información, no te preocupes luego los restauraremos a los necesarios. Después hay que montar un servidor con MySQL, Apache, PhP y PhPMyAdmin. Yo lo hice montándolo en mi ordenador de trabajo (Ubuntu) pero puedes usar un WAMP en Windows o montar un Linux virtual. En Ubuntu usando terminal tienes que poner lo siguiente para instalar lo necesario: sudo apt-get install mysql-server sudo apt-get install phpmyadmin Ahora deberías copiar los archivos del viejo servidor a tu ordenador en la ruta adecuada (/var/lib/mysql). Recuerda hacerlo con sudo y puede que te encuentres con problemas de permisos. Arreglalo para poder copiar los ficheros. Yo tuve que abrir un nautilus como su. Una vez copiado los ficheros, si entras en phpmyadmin (//localhost/phpmyadmin) con tu usuario root podrás ver que está la base de datos tuya pero sin tablas. Esto es por un problema de permisos. Vuelve al directorio de mysql y asegurate que todos los ficheros y directorios tienen como dueño y grupo mysql. Si lo haces aśi cuando vuelvas a phpmyadmin verás ya la tabla normal (refresca). Ahora puedes exportarlo a un fichero y así tener la copia de tu base de datos. Luego puedes importarla donde quieras. Os dejo un vídeo donde lo explica con más detalle.    

Diseño Web, Gestores de contenidos, Trucos

Cambiar el autor de uno o varios artículo de WordPress

Como me lo han pedido varias veces aquí va un truco de WordPress: cambiar el autor de un artículo o artículos. Muy útil para blogs multiautor o si entráis como administrador pero queréis que aparezca como autor vuestra empresa. Tenéis dos maneras de hacerlo: Dentro del artículo, arriba a la derecha veréis “opciones de pantalla”. Abridlo y veréis una casilla que pone autor. Si la marcáis, debajo del texto del artículo veréis una sección llamada autor.  No os preocupéis, una vez hecho en un artículo la sección aparecerá para todos. Aquí podéis seleccionar el autor que queréis y actualizar el artículo. También desde Todas las entradas podéis pinchar en la casilla de uno o varios artículos, acciones en lote, editar y ahí podréis cambiar, entre otras cosas, el autor para todos esos artículos. Fácil pero si no lo sabes te rompes la cabeza buscando 😀

Compartir, Diseño Web, Internet

Usar Google Drive como hosting Web

Aunque hace poco Google Apps ha tomado lo que me parece un camino erróneo, todavía hay algunos que lo tenemos y lo podemos usar para la empresa. Sin embargo también han activado hace poco esta opción que me parece muy interesante, por ejemplo para hacer pruebas, colgar páginas personales, para poner anuncios tipo html de algo o para colgar galerías de fotos de amigos: usar Google Drive como hosting html (evidentemente por ahora para páginas estáticas, eso si aceptan java). Puede ahorraros tener que comprar dominio y hosting si no lo necesitáis. Ahí va cómo hacerlo: Crea una carpeta y ponla el nombre que quieras. Ahí irá tu página web. Pincha en el cuadro al lado de la carpeta, dale a compartir y en Quién tiene acceso hay que pinchar Cambiar y darle a Público. Aceptar Ahora debemos subir a la carpeta los ficheros web. Si quieres hacer una prueba puedes crear en tu ordenador (con notepad) un fichero llamado index.html y ponerle el siguiente texto:  <h1>Hello world!</h1> Súbelo a la carpeta. Ahora tenemos que encontrar el ID de tu carpeta. Si pinchas en la casilla al lado de uno de los ficheros web (por ejemplo index.html) y le damos a compratir. Ahí veremos algo como: https://docs.google.com/open?id=0B1A3b5ofG5fLZ1o0WWd4M1RRSmM Ese es el id. Para acceder a tu web pon en el navegador:  https://googledrive.com/host/ID   por ejemplo: https://googledrive.com/host/0B1A3b5ofG5fLZ1o0WWd4M1RRSmM

Scroll al inicio