Blog

Diseño Web, Gestores de contenidos, Trucos

Subíndices y superíndices en WordPress. Válido para cualquier página Html.

Muchas veces queremos poner símbolos en una página web como subíndices o superíndices. El símbolo de copyright, los cuadrados y cubos de las unidades de medidas, fórmulas químicas… Esto en Html está resuelto con las etiquetas <sub></sub> (subíndice) y <sup></sup> (superíndice). Y WordPress lo acepta desde hace tiempo en todos sus elementos (bloques tanto clásicos como Gutenberg, título …). También podéis ponerlo a mano en cualquier CMS o página web estática porque los navegadores modernos reconocen estos códigos. Así que si quieres poner estos típos de índice, no os vale con copiarlo de textos Word o Pdf, porque Html no lo reconoce, tenéis que ponerles esos códigos. Os ponemos un ejemplo de cada uno: Subíndice: Si queréis poner la fórmula del agua no vale con poner H2O, porque saldrá como un número normal. Incluso aunque lo copiéis de un documento que tenía el subíndice. Tenéis que poner el siguiente código en un bloque de html (no en el editor de texto normal de WordPress): H<sub>2</sub>O Así saldrá lo siguiente H2O Superíndice. Si queremos poner algo como 20 metros cuadrados nos saldría así 20m2 Pero si ponemos el código correcto en un bloque de html: 20 m<sup>2</sup> Nos aparece así: 20 m2

Sistemas, Soporte, Trucos

Cómo desinstalar un Forticlient que no da dicha opción en Windows.

Parece ser que los Forticlient (software para conectarse a los firewall Fortigate por VPN), hasta la versión 6.0 no muestran la opción de desinstalar en “Programas y Características” o en “Agregar y quitar programas“. No deja, aparece en gris. Esto afecta cuando queremos desinstalar, pero también al actualizar. Hoy os dejamos cómo solucionarlo. Desinstalar un Forticlient en Windows por línea de comando. Resulta que se puede desinstalar por línea de comando. Tenéis que : Abrir un cmd o un Powershell con permisos de administrador (botón derecho y ejecutar como administrador). Ejecutar el siguiente comando: wmic product where “name like ‘Forti%%'” call uninstall /nointeractive y darle al Enter. Cuidado: esto va a reiniciar el equipo, y hay que hacerlo con el cliente Forticlient cerrado (no ejecutándose). Con eso lo tenéis desinstalado y al reiniciar podréis instalar la nueva versión. De la 6.2 en adelante no deberíais tener ese problema. Nota: en algún cliente no nos dejaba quitarlo. Abre Fortigate, fíjate en la pantalla principal. Hay un nuevo servicio que se conecta y que, si lo está, no te deja apagarlo. Es un servicio de Fortigate.Nos pasó en un cliente. Para o cierra desde esa página ese recurso y luego te deja.

Gráficos y Fotografía, Trucos

Cómo crear un Gif animado a partir de un vídeo con el editor gratuito Shotcut.

Hace un día un cliente nos pidió mostrar cómo se puede crear un Gif animado a partir de un vídeo.El Gif animado es un formato de imagen que permite enlazar vario “frames” (imágenes) para dar apariencia de movimiento. Como un pequeño vídeo sin sonido. Suelen ser imágenes de baja calidad usadas en redes sociales, memes, páginas web para dar dinamismo etc. Hoy os vamos a enseñar a hacer un Gif animado a partir de un vídeo, retocando primero lo que necesitamos con Shotcut, y después exportándolo a este formato de imágenes. Cómo crear un Gif animado a partir de un vídeo con Shotcut. Os dejamos un vídeo con el proceso, porque es más fácil explicarlo con un vídeo. Pero en resumen el proceso consiste en: Importar el vídeo en Shotcut. Poner el vídeo en la línea de tiempo, y recortar lo que necesitamos para el Gif. Recordad que tiene que ser corto. Ir a Exportar, Avanzado y cambiar: – El formato a Gif – El codec de vídeo a Gif. – Desactivar el audio en la pestaña de audio. – Reducir tanto los fps como la resolución para que no ocupe mucho el fichero. Pinchamos en exportar, ponemos como nombre del fichero nombrequequieras.gif. Esperamos a que acabe de exportar y lo abrimos para probar. Fácil, sencillo y gratuito.

Android, Mac, Smartphones, Trucos

Cómo realizar una llamada múltiple (multiconferencia) con tu teléfono Android o Iphone.

En muchas ocasiones necesitamos poder llamar por teléfono a varias personas, con el sistema de telefonía (no con mensajería instantánea como WhatsApp). Es muy sencillo…pero curiosamente no mucha gente sabe hacerlo. Y en épocas como estas que estamos haciendo mucho teletrabajo, es algo muy útil. Cómo realizar una llamada múltiple en Iphone. El proceso es el siguiente: Llama a la primera persona. Cuando descuelgue el teléfono escoge la opción ” Añadir llamada“. Te lleva a la agenda, busca a la siguiente persona y pincha en ella. Se pone a llamarla Cuando la segunda persona descuelgue pincha en fusionar y estaréis los tres en la llamada. Puedes añadir más siguiendo los pasos de nuevo. Cómo realizar una llamada múltiple en Android. El proceso es similar. Llama a la primera persona. Cuando descuelgue pincha en “Añadir llamada“. El aspecto cambia según la versión de Android, pero suele tener un símbolo de “más”. Escoge la siguiente persona. Cuando descuelgue la siguiente persona pincha en “combinar“. De nuevo el símbolo cambia dependiendo de la versión pero es similar al de Android. Así estaréis los tres en la llamada. Puedes añadir más siguiendo de nuevo todo el proceso.

Diseño Web, Gestores de contenidos, Trabajos

Bonsaikawaii.com nueva tienda de bonsais.

Hoy os presentamos nuestra tercera tienda de bonsais: bonsaikawaii.com Son tiendas que da un resultado visual excelente porque tienen algo que es vital para una buena página web: buenas fotos y productos visualmente atractivos. Se puede además jugar con muchas tonalidades de colores. Bonsaikawaii es una tienda de bonsais y productos para el cuidado de los mismos. En ella podemos realizar los pedidos tanto de estas plantas como de herramientas, sustratos y productos varios. Esperemos que os guste.

Gestores de contenidos, Trucos

Mensajes de clientes con tildes o caracteres raros aparecen mal en Prestashop.

Tenemos varios clientes con Prestashop, con varias versiones (1.6 y 1.7 en estos momentos). Y en alguno de ellos (no todos) ha ocurrido algo muy curioso: los mensajes de los clientes muestran las tildes y los caracteres raros como la ñ con símbolos raros. De esta manera: El problema es que los mensajes están hechos para entender lo que nos dicen los clientes, y así no hay manera. Hoy os damos una solución que nos ha funcionado con un cliente. Solución. Tenéis que editar los siguientes ficheros de Prestashop. Fichero /adminXXXXX/themes/default/template/controllers/orders/helpers/view/view.tpl  donde XXX varía en cada instalación. Este es el fichero que regula cómo se ven los mensajes en los pedidos. Tienes que ir a la línea que pone: <p class=”message-item-text”> {$message[‘message’]|escape:’html’:’UTF-8’|nl2br} </p> y sustituirla por (añade un unescape en vez de escape): <p class=”message-item-text”> {$message[‘message’]|unescape:’html’:’UTF-8’|nl2br} </p> Fichero /adminXXXX/themes/default/template/controllers/customer_threads/helpers/view/message.pl . Este es el fichero que regula cómo se ven los mensajes en la sección Servicio al Cliente. Hay que ir a la línea que pone: <p class=”message-item-text”>{$message.message|escape:’html’:’UTF-8’|nl2br}</p> y cambiarla por: <p class=”message-item-text”>{$message.message nofilter}</p> Esto nos funcionó a nosotros y con ello nuestros clientes al final se enteran de lo que les piden los suyos. Fuente aquí.

Gestores de contenidos, Trucos

Cambiar la contraseña de un usuario de Prestashop por base de datos.

Algo que nos pasa a menudo cuando tenemos que arreglar un Prestashop de un cliente: no tenemos acceso al backend y tenemos que crear un nuevo usuario administrador (os enseñaremos otro día) o tenemos que cambiar la contraseña del existente.Hoy os enseñamos a hacerlo. Cómo cambiar la contraseña de Prestashop por base de datos. El proceso consta de dos pasos. Obtener el Cookie Key.La contraseña de Prestashop viene cifrada y usa, para ello, este valor de tu tienda (diferente en cada tienda). Para encontrarlo tienes que ir (por FTP o SSH) al fichero de configuración. Su localización depende de la versión.1.6: /config/settings.inc.php Es el valor que encuentras en la línea que pone detrás de  define(‘_COOKIE_KEY_’1.7: /app/config/parameters.php Es el valor que aparece detrás de ‘cookie_key’ => Apuntad este valor porque lo vais a necesitar. Modificar la base de datos.Para ello lo mejor es usar un editor como phpMyAdmin. Abrimos la base de datos y buscamos la tabla ps_employees (por defecto es ps, pero eso puede cambiar, puedes tener otracosa_employees).Ahí tienes que editar el usuario que quieras, ir al campo contraseña, poner en Función MD5 (para que cifre lo que pongamos en el otro campo, MD5 es un método de cifrado), y en la columna Valor quitamos lo que haya y ponemos: cookiekeycontraseña Es decir el valor de cookie key seguido de la contraseña sin espacios.Le damos a continuar y ya tendremos nuestra nueva contraseña cifrada y preparada para usar. Obviamente en el panel de administración ponemos la contraseña sin cifrar. Alternativo: si sois algo más atrevidos podéis no editar la base de datos y usar un comando de SQL en el paso 2 (tenéis que meter el cookie key donde dice, la contraseña donde dice nuevacontraseña y el correo del usuario en correoquesea. UPDATE ps_employee SET passwd = md5(“<COOKIE_KEY><tucontraseña>”) WHERE email = “correoquesea”; Os dejamos un vídeo explicándolo:

Trabajos, Webs

Nueva Web Contraseña PC

Esta semana sacamos varios nuevos proyectos para clientes. En este caso para un cliente que además es amigo. Contraseña PC tenía una web, hecha por nosotros, en un CMS que resultó no ser suficientemente ágil para lo que necesitaba (según el cliente va probando va describiendo qué necesita con más precisión). Así que le hemos creado una nueva página que permite a esta tienda, especializada en ordenadores personalizados, crear los productos que sus clientes demandan. Esta web tiene varias cosas interesantes: Ordenadores personalizables. El cliente puede montar su ordenador a piezas, a partir de bases que proporciona la tienda, según el perfil de ordenador. Y con los componentes que recomienda. PCs divididos por el perfil del usuario (Work, Home, Gaming…) Productos de Warhammer. También es distribuidor de Warhammer y tiene un apartado específico para ello. Podéis pedirles la pieza o el ordenador que necesitáis en el apartado Te Ayudamos a Elegir tu Pc. Blog con información técnica. Esperamos que os guste.

Diseño Web, Internet

Google Lighthouse te ayuda a saber cómo ve Google tu página web. Auditoria básica.

Estos días las páginas web son vitales para los negocios. Y su posicionamiento, por lo tanto, también. Pero…¿cómo ve Google mi página o qué puedo hacer para mejorarlo? Hoy os hablamos de una herramienta gratuita de Google: Google Lighthouse, que os ayuda a realizar una auditoría muy básica de vuestra web. Lighthouse ha existido desde hace tiempo como extensión de Google Chrome, pero ahora está incluida en el Inspector del navegador. Esto permite que podáis “auditar” vuestras páginas web sin tener que instalar nada. Al realizar la prueba, recibís puntuaciones en varios aspectos, y además os dice fallos observados y manera de resolverlos.No os obsesionéis, algunos son difíciles de resolver, pero lo que veáis que es fácil podéis mejorarlo. Todo lo que resolváis, hará que tengáis más puntuación en vuestro posicionamiento, el famoso SEO. Aquí os dejamos cómo realizar la auditoría con Lighthouse desde el inspector de Chrome:

Trucos, VOIP

Apuntar una extensión a un móvil o fijo externo en Issabel. Follow me.

En ocasiones queremos que alguna de nuestras extensiones de nuestra centralita sean números externos. Lo más normal es que queramos que sean móviles, pero también puede ser algún fijo. El móvil de un comercial que siempre está fuera de la oficina, el fijo de la casa de un trabajador que hace teleworking, tu móvil para poder desviar las llamadas ahí a ciertas horas… Issabel (Asterisk) tiene una función muy útil para esta y otras cosas, el Follow Me. Os enseñamos a usarla en este vídeo. Nota: si en las llamadas externas no tienes sonido, recuerda desactivar la opción de Fax en las reglas salientes.

Scroll al inicio