Blog

Diseño Web, Gestores de contenidos, Trucos

Cómo poner WordPress en modo debug. Arregla la pantalla blanca.

En ocasiones WordPress, y realmente todos los gestores de contenidos, tendrá un error que no produzca nada en pantalla. Sólo obtendrás una pantalla blanca. Puede ser al instalarlo, al ejecutarlo o al actualizarlo. En esas ocasiones debes poner WordPress en modo debug. Os lo hemos explicado antes para Prestashop , para Vtiger, y para Moodle. Con el módulo debug (desarrollador), aparecerán en pantalla errores que pueden darte una pista para encontrar el posible origen del error. Así puedes saber qué hacer para solucionarlo. Para poner WordPress en modo debug tienes que seguir los siguientes pasos: Tienes que acceder a los ficheros de tu web. Lo más común es por FTP, si no por ssh. Encuentra el fichero wp-config.php y ábrelo para editar. Tienes que encontrar la línea que pone define( ‘WP_DEBUG’, false ); Cambia la línea a (si no estaba por algún sentido añádela): define( ‘WP_DEBUG’, true ); Ahora refresca la página. Verás que aparecen errores en la página. Usa el buscador del blog y Google para encontrar la posible solución a ese error. Cuidado porque un mismo error puede ser debido a varias causas, todo lo que pruebes (y no te queda más remedio que probar) que puedas deshacerlo. Recuerda, una vez arreglado el problema, desactivar el modo debug poniendo la línea como estaba originalmente (en false). Más información aquí.  

Limpieza de PC, Seguridad, Webs

ID Ransomware: Identifica qué ransomware te ha infectado y, si puede, apunta a una solución

Hoy os dejamos una excelente herramienta gratuita online. Ya habréis oído hablar de los virus ransomware (si no, no habéis estado en el planeta informático en los últimos 3-4 años). Uno de los problemas que tienen es que mutan y evolucionan de manera muy rápida. Y cada versión tiene una manera distinta de limpiarlo (si existe). Por eso es MUY de agradecer que exista esta herramienta gratuita: ID Ransomware. Una página web donde puedes enviar un ejemplo de fichero infectado, y la nota de “rescate”, y te dice exactamente qué virus es el que te ha afectado. En el momento del artículo puede identificar 250 variantes de este virus. Además, si existe y conoce manera de limpiarlo, te redirige a la solución. Aunque ya sabéis que en este tipo de virus mejor no ser optimista. La solución es la prevención: tener SIEMPRE una copia de seguridad (o varias) en otro sitio, y tener cuidado con lo que abrimos. Añadimos entonces esta herramienta a nuestro arsenal, y lo recomendamos desde aquí si tenéis la mala suerte de veros infectados por estos virus con “mala leche” 😀

Android, Noticias Informáticas, Seguridad, Smartphones, Tablets

Gooligan: el virus que afecta a más de 100 aplicaciones y roba cuentas de gmail

A finales de la semana pasada Checkpoint hizo un anuncio que nos ha sorprendido a todos. Más de 100 aplicaciones de Google Play, algunas bastante “famosas“, tienen un virus que ellos han llamado Gooligan. El virus aprovecha un agujero de seguridad de las versiones de Android 4 y 5 (Jelly Bean, Kit Kat y Lollipop), que son el 75% de los dispositivos Android existentes. Una vez ha afectado al dispositivo, toma acceso root, descarga otras aplicaciones, deja comentarios en la tienda de Google Play y puede acceder a los datos de usuario y de la cuenta de Gmail del dueño del teléfono. Se calculan que hay más de 1 millón de cuentas afectadas, sobre todo en Asia y América, pero también en Europa. El origen parece ser empresas de desarrollo de aplicaciones, y el “caldo de cultivo” los repositorios de aplicaciones de terceros. En principio si sólo has usado Google Play no deberías preocuparte porque esta filtra aplicaciones infectadas. En el aviso de Checkpoint tenéis las aplicaciones infectadas (más de 100). Además, ha sacado una página web donde comprobar si tu cuenta ha sido afectada. Si has sido afectado, desinstala la aplicación , cambia tu contraseña de Google,  instala un antivirus de Android y ejecútalo para que analice tu dispositivo (siempre deberías tener uno). También puedes instalar aplicaciones de seguridad como Conan Mobile que alertan de fallos de seguridad.  

Diseño Web, e-Learning, Gestores de contenidos, Trucos

Plugin Game en Moodle. Crucigramas, ahorcado, sudoku y mucho más

Si gestionas un Moodle que tenga cursos de palabras o definiciones (casi todos), te puede interesar introducir juegos en tu web. Los juegos son una manera divertida para que los alumnos practiquen sus conocimientos, las definiciones o aprendan de memoria palabras. ¿Quién no hace un crucigrama o sudoku de vez en cuando, o juega al Trivial? Moodle es capaz de integrar esto con el módulo Game que puedes descargarte del repositorio oficial de plugins de Moodle. Lleva mucho tiempo de desarrollo y está actualizado a las últimas versiones. El módulo tiene los siguientes juegos: Ahorcado Crucigrama Sopa de letras Millonario Sudoku La imagen oculta Serpientes y Escaleras Libro con preguntas Tenéis un manual con instrucciones en español y podéis descargaros la traducción del módulo. Sobre el uso del plugin, es muy sencillo. Sólo una nota, las palabras para los juegos los puede sacar o de preguntas del curso o (más fácil) de un Glosario. Puedes crear un glosario oculto al principio del curso (en añadir actividad), introducir ahí las definiciones, y que los juegos lo saquen de ahí. Obviamente cada juego tiene sus configuraciones…ahí que probar un poco.      

Diseño Web, Gestores de contenidos, Trucos

Menú oculto en WordPress: options.php

Mucha gente no sabe esto (quizás porque mucha gente no debería saberlo 😀 ), pero en WordPress existe un menú oculto desde el que puedes ver todos los parámetros guardados en la tabla wp_options. Para acceder a este menú, puedes ir (una vez hayas iniciado sesión como administrador en tu web) a www.tudominio.loquesea/wp-admin/options.php Verás que aparece una página llamada Todas las Opciones y ahí hay muchos parámetros, dependiendo de tu web. Yo tengo muchos parámetro de plugins como Instant Articles, Jetpack…, y otras opciones del core. Algunos podemos cambiarlos, algunos no (los que pone Serialized Data). Eso si, los que no podemos siempre podríamos ir a la base de datos y cambiarlos. ¡¡Si no sabes, no toques!! Esto no es para el usuario medio. Normalmente nunca deberías cambiar algo aquí. Pero parar desarrolladores es uua manera rápida de consultar estos parámetros incluso de cambiar alguno sin entrar en la base de datos. Obviamente, haz una copia de seguridad antes de cambiar nada.  

Diseño Web, Gestores de contenidos, Trucos

Cómo activar los Webservices en Prestashop y para qué sirven

El Webservice es un servicio poco conocido de Prestashop (y muy poco documentado) pero muy potente. ¿Qué es? Es una API , una CRUD  (Create, Read, Update, and Delete) API, que puedes usar para que otras aplicaciones o programas intereactúen, en las dos direcciones, con tu tienda online. Nos permite gestionar el catálogo, los pedidos, los clientes, consultar productos ….y descargar esa información a otras aplicaciones, o enviar esa información de otras aplicaciones a nuestro Prestashop. Cuando alguien se plantea hacer esto en Prestashop, algo que ocurre más a menudo de lo que pensáis porque muchos quieren conectar su tienda con su aplicación de gestión en el local o con otras tiendas (tipo Dropshipping), se plantean otras opciones como descargar el catálogo y enviarlo, realizar importaciones por csv o atacar directamente a la base de datos. La ventaja de los webservices es que se puede hacer todo eso de manera automática y programarlo. Es robusto, fiable y fácil de usar. Además, como veréis, se crean usuarios con accesos específicos así que es fácil controlar los permisos. Y lo que se produce es un xml (REST), algo fácilmente exportable a y entre otras aplicaciones. Las desventajas principales son la poca documentación que hay (toca prueba y error) y que  la arquitectura XML REST hace que cada actualización (de catálogo o de cantidades por ejemplo) deba hacerse una por una.  Esto hace que sea muy lento para ciertas cosas como actualizar un catálogo entero o una actualización completa de stock. Para muchos cambios quizás es mejor atacar directamente a la base de datos, hacerlo en partes o usar el importador del backend. Sería mejor usar JSON (más versátil con PHP) para esto último, que parece estar implementado pero todavía no para usarse en producción. Y no parece que lo estén moviendo mucho, tendremos que esperar. Pero para descargarse el catálogo, , producir informes, envíos de productos o de pedidos ocasionales es muy útil por la posibilidad de automatizar los procesos. ¿Cómo se activa? Tenéis que ir al backend a la opción de Parámetros Avanzados > Webservice. Ahí tenéis que poner en Sí la opción Activar el servicio Web. La de Activar modo CGI para PHP depende mucho del servidor donde tengas la web…prueba activarlo o desactivarlo cuando lo tengas funcionando y ver que pasa. Nota: Hay unos requisitos que debe cumplir tu servidor como tener curl activado y el mod_rewrite activo también. Una vez activado, puedes crear un acceso con sus permisos. Para eso, en el mismo apartado, en Webservice, pinch en el símbolo + (Añadir Nuevo) y después: Tienes que poner una Clave o pinchar en Generar (aconsejado). Si la pones tu ponla muy complicada. Lo curioso es que esta clave es la que luego tendrá que introducir la persona que acceda al webservice como nombre de usuario, dejando la clave en blanco (raro si). En la descripción identifica bien para qué es este servicio web. Debajo tienes que marcar los permisos que tendrá el usuario que entre con esa clave. Aconsejo hacerlos restrictivos y luego ir habilitando más según se vaya necesitando. Verás que puede hacer Get, Put, Post, Delete y Head. ¿Cómo se usa?  Entra desde un navegador a la dirección www.tudominio.xxx/dondeestétutienda/api Te pedirá un usuario y contraseña, recuerda usuario es la clave, contraseña en blanco. En la página que te aparece verás los servicios a los que tienes acceso en un xml. Cada uno tendrá una url a la que puedes acceder. Por ejenplo si te han activado los productos puedes verlos desde www.tudominio.xxx/dondeestétutienda/api/products Para el uso pronto haremos algún artículo. Pero os dejo los ejemplos sencillos de Prestashop aquí , aquí  y en su github. Puedes ver cómo para acceder a los clientes, pedidos, imágenes de manera básica y alguna implementación real que te puede servir para realizar tu programación. En este artículo podéis ver cómo acceder al web service desde PHP. Y para empezar con vuestra aplicación os dejo un vídeo de un usuario que crea una manera de listar los productos. Con eso ya tenéis para empezar.      

Diseño Web, Trucos

Cómo añadir texto a imágenes por CSS y que se lea bien

Hace unos días os explicamos cómo poner texto en una imagen con GIMP, para que se pueda leer correctamente. Hoy hacemos lo mismo con CSS, para hacerlo en una web. Por ejemplo en un Slider. Suponemos que el texto no se ve bien en toda o en parte de la imagen. La idea es la misma, podemos: Poner un color de fondo con transparencia en el div de texto. Para que quede como esto: La idea es sencilla. Identifica el div del texto o dale un id. Luego en ese id en la página de estilos pon: background-color {rgba(0, 0, 0, 0.25)} Recordad que tenéis que poner el color en formato rgba para usar transparencia. En este comando los 3 primeros números son el color (como veis yo suelo usar el negro), y el último es el grado de transparencia (aquí 0.25). Con ese último es con el que tenéis que jugar. Recomiendo usar Inspeccionar de Chrome o Inspeccionar elemento de Firefox. Ahí podrás ver los cambios en tiempo real antes de ponerlos en el código. Puedes hacer un blur en la capa de texto. Es decir, difuminar la de debajo donde esté la capa de texto. Para eso poner este comando en esa capa de texto: {-webkit-filter: blur(12px); filter: blur(12px);} Poner una capa intermedia (div) de color con transparente entre el texto y la imagen. Como en la imagen por GIMP, si no queréis que quede el recuadro anterior, podéis hacer lo mismo pero cubriendo toda la imagen. Sólo tenéis que poner un div entre el texto y la imagen, del mismo tamaño (y posición) que esta última. En ese div intermedio poner : background-image: linear-gradient( rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));} Este comando es parecido al anterior, pero crea un gradiente de color. En este caso hemos dejado todo el fondo igual. Para ayudarte puedes usar un generador online de gradiente lineal como este o este. Obviamente podéis cambiar los colores tanto de principio como de final. Quedaría algo así: Y como en el caso de las imágenes, también podéis poner una sombra en el texto. Para ello en la clase del texto poner: { text-shadow: 0 1px 0 black; }

Seguridad

Software updater por Kapersky

Ya hemos comentado muchas veces la importancia de mantener tanto el sistema operativo como los programas de tu ordenador actualizados. Si no lo haces, dejas ventanas abiertas para que entren “bichos varios“. Algunos antivirus como Avast incluyen programas para detectar software desactualizado (pero en la versión gratuita tienes que ejecutarlo a mano). Os hemos hablado de otros programas que hacen lo mismo. Hoy os dejamos otro que hemos probado y nos ha dado buen resultado. Kapersky Software Updater es un programa gratuito de esta marca de antivirus. Te escanea el ordenador, detecta programas (y hasta codecs) desactualizadados, te deja elegir cuales actualizar. Además, puedes elegir automatizar este escaneo (entre varias opciones que tiene) y que lo haga una vez al mes, a la semana etc. Muy efectivo, y otro gran programa para tener instalado. Una medida más de seguridad.

Gráficos y Fotografía, Trucos

Añadir texto en imágenes con GIMP. Trucos nivel usuario

Os dejamos 3 trucos a nivel usuario para que podáis añadir texto en imágenes y se pueda leer el texto, sin importar si la imagen es clara u oscura. Los truco son: 1) Poniendo una capa con transparencia debajo del texto. 2) Poniendo una capa con transparencia del tamaño de la imagen entre el texto y la misma. 3) Añadiendo un efecto de Drop Shadow en el texto. Espero que os sirva.  

Gestores de contenidos, Trucos

Error 404 en la vista previa de un artículo de WordPress

Este es uno de esos errores extraños que pueden suceder en WordPress. Estás escribiendo un artículo, le das a Vista Previa (que, por cierto, yo uso poco) y te sale un error 404: Página No Encontrada. Os decimos cómo solucionarlo. Solución: Ir a Ajustes > Enlaces permanentes Después corta el contenido que tienes en Estructura Personalizada (copialo en algún lado para luego). Déjalo en blanco. Guarda los cambios y cierra tu sesión de WordPress. Esto último es importante. Vuelve a entrar en tu sesión de WordPress, y vuelve a poner lo que tenías en tus Enlaces Permanentes, en la estructura personalizada. Guarda los cambios. Ahora verás que cuando vayas a tu artículo podrás ver tu Vista Previa. Cualquier usuario que tengas tendrá que cerrar y abrir sesión si quiere verla también.    

Scroll al inicio