Blog

Diseño Web, Gestores de contenidos

Atributos y variaciones de productos en Woocommerce. Cómo poner tallas, colores etc en tu tienda online.

Estas son algunas de las preguntas recurrentes en clientes que tienen sus tiendas con Woocommerce: ¿Qué son los atributos en Woocommerce? ¿Cómo se crean productos variables? Como añadimos color, tallas etc en productos de Woocommerce? Hoy os intentamos resolver dichas preguntas. Cómo crear atributos y productos variables en Woocommerce. Los atributos en Woocommerce se pueden usar para dos cosas principalmente: Añadir etiquetas a los productos para luego poder filtrarlos en la tienda con esas etiquetas. Usar esos atributos para crear productos variables. Son variaciones del mismo producto con características diferentes que pueden tener stock diferente, precio diferente… En el vídeo os explicamos cómo añadir atributos a los productos, y cómo usarlos tanto para filtros como para crear productos con diferentes variaciones. Os dejamos varias notas: Los atributos pueden crearse a nivel de producto o nivel global (toda la tienda). Recomendamos lo segundo. Los atributos pueden marcarse para mostrarse o no en la tienda. Los atributos pueden marcarse como aptos para crear variaciones o no. Para crear variaciones el producto debe cambiarse a variable. Las variaciones puede crearse automáticamente o manualmente. Cada tienda es diferente, tendréis que decidirlo vosotros. Puedes luego ir a cada variación y cambiar todos los detalles: imagen, precio, inventario, descripción, tamaño, peso… Recordad que las variaciones tienen que tener precio y mostrar si están “en stock” o no para poder aparecer en la tienda. Aquí podéis verlo:

Android, Mac, Smartphones, Trucos

No aparece un calendario en la aplicación móvil de Google Calendar. Solución.

Hace unos días, un cliente tenía un problema. Le habíamos creado un calendario adicional de Google Calendar, pero no podía verlo en su aplicación del móvil. Por más que intentábamos, no aparecía. Se veía en modo web, pero no lo veía él en la aplicación. Aquí os dejamos cómo lo resolvimos. Solución: no puedo ver mi calendario en la aplicación de Google app del móvil. Lo más seguro es que el calendario esté bien creado. Pero que no tengas la sincronización activada para ese calendario en la aplicación móvil. Tienes que: Abre la aplicación Google Calendar en el móvil. Ve al menú (las rayas en la parte superior izquierda. Baja hasta tu cuenta y mira si aparece el calendario. Lo más seguro es que no. Hay una opción de Actualizar, pincha ahí a ver si con eso se arregla (seguramente no). En esa misma pantalla del menú, ve a la parte inferior, y verás la opción Ajustes (rueda dentada). De nuevo aparecen las cuentas y sus calendarios. Mira a ver si está aparece tu calendario y está marcado con un tic. Sólo los que están marcados se verán en la aplicación. Si aún así no aparece, pincha en la opción de Mostrar Más. Ahí si que debería (si no, es problema de configuración en la parte web) aparecer el calendario en la cuenta correspondiente. Pincha en el mismo y hay una opción que pone Sincronizar. Tiene que estar activada (en azul), para que se vea en la aplicación. Puedes verlo en este vídeo:

Excel, Ofimatica, Trucos

EXCEL: atajos de teclado para seleccionar o movernos por las celdas.

Hablando con clientes, me ha sorprendido muchas veces la cantidad de gente que trabaja con Excel y no conoce cómo desplazarse rápidamente por las celdas, o selecionarlas. Hoy os dejamos una serie de atajos de teclado para hacer ambas cosas en este programa de hojas de cálculo. Empezamos desde lo más básico, cómo seleccionar una o varias celdas, columnas o filas, o cómo moverse al principio o final de una tabla. Después, os damos algún atajo más que puede que no conozcáis. De todos estos, sin duda, los que más usamos son: Ctrl+Flechas Ctrl+Shift+Flechas En el vídeo podéis ver para qué sirven, y algunos trucos más. Esperamos que os guste.

Diseño Web, Gestores de contenidos, Información Tecnica, Internet

Qué son los enlaces nofollow y dofollow y cómo se usan en WordPress

Los enlaces dofollow y nofollow son opciones que tenemos para categorizar los enlaces en nuestra págian web y poder indicarle a los robots de los buscadores si queremos que sigan esos enlaces o no. ¿Qué pasa cuando un robot sigue una enlace (interno o externo) en nuestra web? Dos cosas: los robots pueden indexar esa página, porque “aprenden” de ella. el que nuestra web enlace a otras les transfiere nuestra “autoridad”, nuestra importancia SEO (por poca que fuera). Puede no interesarnos que pasa alguna de las cosas anteriores. Es decir podemos no querer indexar una página (un Aviso Legal o un enlace de inicio de sesión) o podemos no querer transferir nuestra autoridad SEO a otra web (es una especie de regalo que le hacemos). Nosotros decidimos a quien asignar cualquiera de los dos privilegios. Lo que hay que tener claro es que todos los enlaces por defecto son dofollow. No hay que hacer nada para crear un enalce dofollow. Así que la herramienta que tenemos son los enlaces nofollow, que creamos poniendo rel=”nofollow” en el código del enlace. Pero, ¿cómo se hace eso en WordPress? En el siguiente vídeo os explicamos todo sobre estos tipos de enlace y cómo usarlos para las entradas, páginas, imágenes y menús de WordPress.

Seguridad, Servidores, Sistemas

Recuperar una web hackeada en alojamientos OVH.

Tenemos muchos clientes con alojamientos (hosting) en OVH (el mayor proveedor de servicios cloud de Europa. Y, en ocasiones, tienen problemas con hackers en sus sitios web.OVH dispone de varias herramientas para ayudar en la recuperación de sitios infectados, pero la documentación no es la más completa del mundo. Así que recopilamos algunas de las herramientas que podéis usar si tenéis un hosting con este proveedor. Y, como siempre, nos sirve para futuros clientes. Herramientas para recuperar webs hackeadas en hostings de OVH. Estas son algunas de las herramientas que podéis usar: Activación del firewall de aplicación ModSecurity .ModSecurity es un complemento de Apache que sirve como un firewall para tu página web. Compara las peticiones con una base de datos de ataques, para bloquear los que detecta como nocivos. Es efectivo ante ataques como troyanos, SQL, XSS e email injection, file injections etc, OVH tiene este complemento pero desactivado por defecto. Puedes ver como activarlo aquí: Tienes que ir a tu alojamiento, a la pestaña Información general y ahí al aparado de configuración. En configuración pinchar en los botones de Versión PHP global , y ahí en Cambiar la configuración. Ahí tenéis que activar la opción Firewall de activación.. Después, tienes que activarlo para el dominio. Así que ve a la pestaña Multisitio, pincha en los tres puntos al lado del dominio que quieras, y luego en modificar y después marca la casilla de Activar Firewall. Restauración de las copias de seguridad desde la página de OVH.OVH hace copias de seguridad tanto de base de datos como de ficheros. De varios periodos. Para restaurarlas sólo tienes que hacer lo siguiente: – Base de datos: ve al alojamiento, pestaña de Base de datos, pincha en los tres puntos al lado de tu base de datos, y restaurar copia de seguridad. – Ficheros: ve al alojamiento, pestaña de FTP-SSH, y pincha en Restaurar una copia de seguridad. Restauración de las copias de seguridad por FTP.En ocasiones no puedes restaurar las copias de seguridad desde el backend de OVH. Bien porque ellos hayan bloqueado el hosting, o porque exista algún problema técnico (lo hemos sufrido). Afortunadamente OVH te deja acceder a los Snapshots por FTP, descargarlos y luego poder subirlos. Pero no es fácil encontrar cómo, por eso lo compartimos aquí. – Base de datos. ve al alojamiento, pestaña de Base de datos, pincha en los tres puntos al lado de tu base de datos, Puedes descargar la copia de seguridad a mano. Y luego subirla por phpMyAdmin o similar. Pero seguramente esto no fallará. – FTP: el truco para acceder al snapshot es conectarte con el mismo usuario pero añadiendo el sufijo –snapX donde X es un número de 0 en adelante. Es decir con usuarioftp-snap3 accedes al snapshot del domingo anterior a la 1:00. Puedes descargar el snapshot por FTP, luego conectarte normal al FTP y subir la copia de seguridad. Recuperar un alojamiento desactivad por motivos de seguridad. Cuando OVH detecta malware, bloquea el hosting. Normal. Y para restaurarlo normalmente abres un ticket, pero eso tarda. Lo que no suele saberse es que es posible reactivar el alojamiento por FTP. Para ello, una vez arreglada la infección, entra en la raíz del alojamiento con Filezilla, pincha en Servidor->Introducir comando personalizado y pon: Cambiar los permisos así reactiva el alojamiento. Esperamos que estos trucos os sirvan de ayuda.

Código Worpdpress, Diseño Web, Gestores de contenidos, Trucos

Añadir un menú de inicio de sesión y cierre de sesión en WordPress.

Como prometimos en el pasado vídeo, y siguiendo el orden de “tutoriales” o trucos de WordPress, hoy queremos enseñar a crear unos elementos de menú de inicio de sesión y de cierre de sesión. Elementos de menú que, además van a desaparecer según tengamos la sesión iniciada o no. Es decir, si no hemos entrado con nuestro usuario, aparecerá el menú de inicio de sesión, pero no el de cierre, y si estamos con nuestro usuario iniciado, aparecerá el de cierre de sesión pero no el de inicio. Vamos a necesitar añadir unos códigos de CSS para que aparezcan y desaparezcan los menús, y un código de php para evitar que WordPress pida confirmación en el cierre de sesión. En varios pasos necesitaremos códigos o conceptos que hemos usado en artículos pasados. Cómo añadir menús de login y de logout en WordPress. Estos son los pasos: Lo primero que vamos a hacer es añadir unos menús personalizados: – Login o Iniciar sesión, con url: https://tudominio.es/wp-login.php. – Logout o cerrar sesión con url: https://tudominio.es/wp-login.php?action=logout A esos menús vamos a añadirles unas clases, para poder modificar su comportamiento por CSS. Para eso necesitaremos el artículo de opciones avanzadas de los menús de WordPress.En el vídeo, como ejemplos (puedes usar otros) pusimos: – A login la clase loggedok – A logout la clase loogedko. Vamos a añadir un código CSS para ocultar el menú de Login si la sesión ya está iniciada. Para ello vamos a usar este código: Para ocultar el menú de Logout si no tienes la sesión iniciada tienes dos opciones:A) Ocultar por defecto el menú y desocultarlo si estás registrado. Nota: como explicamos en el vídeo, debería funcionar sin important, pero en muchas plantillas no funciona. Si no funciona, no nos gusta tanto como la opción B, porque el uso de important en el CSS debe limitarse lo máximo posible. B) Usar el identificador not() de CSS para ver si no tiene la clase que pone WordPress cuando tiene la sesión iniciada. Con eso ya estaría, pero si pinchas en cerrar sesión, verás que WordPress pregunta al usuario si quiere cerrar dicha sesión. Esto no queda muy elegante. La razón es que, para no preguntarlo, WordPress necesita un código de sesión (wpnonce), que cambia cada vez y no podemos ponerlo estático en nuestra url. Así que vamos a poner el siguiente código en el functions.php de nuestro tema hijo o en nuestro plugin de Snippets: Este código comprueba si hay un cierre de sesión sin wpnonce y, si es así, cierra sesión y redirige a la página de Inicio. En este vídeo os explicamos todo:

Android, Compartir, Información Tecnica, Mac, Smartphones

Pasos para conseguir el pasaporte o certificado COVID en Madrid. Certificado Europeo.

Nos lo han preguntado amigos y familiares: los pasos para obtener el certificado COVID o pasaporte COVID reconocido por la UE. Y es una cosa que, si bien no parece que en la comunidad de Madrid vayamos a usarlo demasiado, si que lo vamos a necesitar si viajamos a otras comunidades, o a otros países de la Unión Europea. Ya os explicamos en este artículo/vídeo que certificados COVID hay tres, y os contamos la duración de los mismos. Hoy os explicamos el proceso para obtener el pasaporte COVID en la CAM. Obtención del pasaporte COVID en la comunidad de Madrid. Los pasos son los siguientes: Descarga la aplicación Tarjeta Sanitaria Virtual. (Android), (Mac). Para activar la tarjeta (que no sustituye a la física, sólo la complementa), tenéis que, u obtener un código QR que te dan en el centro de salud, o por un código telefónico en el 900 102 112. Eso si, mi experiencia (llamando varias veces durante dos días), y las que leo y oigo por ahí, es que no cogen el teléfono en este apartado. Así que os recomiendo que vayáis al centro de saludo y no perdáis tiempo. Os dan un código QR que dura 48 horas. Inicia la aplicación, acepta las condiciones de uso, y escanea el código QR para activar la tarjeta. Te va a pedir que crees un PIN de 4 números. Apúntalo bien, si lo pierdes tienes que volver al centro de salud. una vez dentro de la aplicación, en la esquina inferior derecha tienes el apartado del certificado. Al entrar vas a ver tus datos de vacunación y tu relación con el COVID. Y vas a poder solicitar los certificados a los que tengas derecho. Una vez creado, puedes acceder a ellos en cualquier momento desde la aplicación. Pero también tienes un apartado para descargarlo en PDF. Hazlo por si te quedas sin conexión en algún momento. ¡Y ya está! Aquí podéis ver los pasos.

Código Worpdpress, Diseño Web, Gestores de contenidos

Quitar o restringir el backend a ciertos roles de usuarios en WordPress.

Ayer compartimos un vídeo sobre cómo quitar la barra de administración para ciertos roles de usuarios de WordPress. Y prometimos subir este vídeo sobre cómo restringir el backend. Pues aquí lo tenéis. Cómo restringir el backend sólo a ciertos roles de usuarios de WordPress. El proceso es sencillo, al código de ayer añadimos el siguiente código: Como veis, y si leísteis el artículo de ayer, hemos usado el código que está comprobando las capacidades del usuario actual. En este caso miramos si puede editar páginas (admin o editor), pero podéis usar el del rol que queráis. Os dejamos aquí un listado de roles y capacidades. Con este código, sólo los administradores y editores, podrán acceder al backend. El resto de usuarios serán redirigidos a la página principal al registrarse. Os lo explicamos en este vídeo.

Código Worpdpress, Diseño Web, Gestores de contenidos, Trucos

Quitar la barra de administrador de WordPress según los roles de usuarios.

Cuando tienes una web que admite usuarios, algo muy solicitado es que ciertos roles de usuario no puedan ver la barra de administración. Hoy vamos a ver como hacerlo. Nota: es cierto que, en esas ocasiones, también solemos querer que esos roles no puedan acceder al backend. Mañana explicaremos cómo hacer esto. Lo hemos separado para simplificar, y porque no siempre se necesitan ambas cosas. Cómo quitar la barra de administrador de WordPress para ciertos roles de usuario. Lo vamos a hacer directamente con un código porque no creemos que sea necesario un plugin para esto. Recordamos que el código hay que ponerlo en un plugin de Snippets o en el fichero functions.php. En este código ponemos los roles que queremos que tengan la barra donde he marcado en azul. El código comprueba el rol del usuario y, si no es parte de esa lista, no muestra la barra. En este vídeo lo explicamos. Opción 2. En internet veréis otros códigos que miran las capacidades de los usuarios. Me parecen menos correctos y más difíciles porque tienes que conocer las capacidades de cada rol.. Pero os dejo un ejemplo que quita la barra para el administrador y para editores (que pueden editar páginas ) . Opción 3. También se puede “ocultar” con CSS. No lo recomendamos porque sólo la oculta, no la quita. Pero si no sirven las anteriores, puede ser útil. Añade esto en tu código de CSS. Quitar la barra de administración para un usuario específico. Lo dejamos al final, porque no suele ser frecuente. Pero si quieres quitarla sólo para un usuario, en su perfil, desde el backend, tienes una casilla que puedes desmarcar: Mostrar la barra de herramientas al ver el sitio.

Código Worpdpress, Diseño Web, Trucos

Añadir un icono de carrito en el menú de WordPress sin usar un plugin.

Algunas plantillas de WordPress incluyen icono de carrito en el menú de tu tienda de Woocommerce en WordPress.. Otras no. Y si no lo incluyen, muchos optan por usar plugins para añadirlo. Pero ya hemos dicho que no somos partidarios de instalar muchos plugins: son posibles vectores de ataque, y ralentizan la web. Siempre es mejor encontrar una solución sin plugin. Hoy os la dejamos. Cómo añadir el icono de carrito en un menú de WordPress. Aunque mucha gente no lo sabe, WordPress viene integrado con una serie (una librería) de iconos llamados Dashicons. Los carga “de serie”. Así que vamos a usarlos (al final os mostramos cómo hacerlo si quieres usar otra librería). El proceso es el siguiente: Vamos a copiar la url de tu carrito. La puedes encontrar en Woocommerce->Ajustes -> AVanzado. Copiala. Ve a la página de Dashicons (os la hemos dejado más arriba) y busca el icono del carrito. Lo tienes aquí. Pincha en Copy Html y copia el código que te da. Es el siguiente: Ve a Apariencia->Menus y crea un nuevo elemento de menú.personalizado. En la url pon la dirección de tu carrito. En Texto del enlace pon el código encima de estas líneas. Guarda el menú. Si ahora refrescas la página verás que tienes el carrito. Usar otra librería de iconos. Si, por alguna razón, no te funciona Dashicons o no quieres usarla, puedes usar otra librería de iconos. Investiga tu plantilla porque puede que incluya una (suelen hacerlo). Cómo poner cada icono depende de la librería. Si no, puedes instalar un plugin como Font Awesome para añadir dicha librería, y buscar y usar el icono de carrito de Font Awesome. Aquí tenéis un vídeo explicando el proceso: Hemos dicho sin plugins…pero si quieres uno puedes usar este.

Scroll al inicio