Lunes 23 de Abril de 2018
Clase con Josep, continuamos con WordPress el profesor habla de las revisiones de wordpress y de la tabla de la base de datos que va atada a las revisiones.
wp_posts es la tabla de la base de datos que utiliza wordpress para almacenar las entradas, paginas y hasta items del menú que creamos.
Podemos especificar o definir un limite de revisiones en wordpress para que haga revisiones sin limites y nos deje la base de datos cargadisima y mal optimizada.
Se hace con la siguiente instrucción:
define(‘WP_POST_REVISIONS’,false); este deshabilita directamente las revisiones.
define(‘WP_POST_REVISIONS’, 5); este limita a 5 revisiones por post.
Hemos configurado el filezilla para poder entrar al hosting, le hemos dado la IP publica del hosting y a través del usuario y contraseña definidos en el panel de control del hosting para nuestro ftp podemos acceder al fichero wp-config que vamos a configurar ahora.
Al final del archivo hemos echo un comentario diciendo que son configuraciones añadidas al archivo original de wordpress y le he añadido el código para limitar a 5 revisiones.
Esto que hemos hecho también tenemos la opción de instalar un plugin que haga esta función sin tener que tocar código ni ningún archivo de configuración del sistema, usaremos el plugin WP Optimize.
Recordar que siempre tenéis que comprobar que los plugins son compatibles con vuestra versión de wordpress y PHP, además mirar que no sea muy antiguo, si lleva 4 meses sin actualizarse mal rollo..
Este plugins ademas de limpiar las revisiones de las entradas, también borra comentarios que estén en la carpeta de Spam, comentarios no aprobados, te elimina los dos auto guardados de WordPress, te vacía la papelera y mas tareas para limpiar la base de datos «en principio» sin riesgos.
También tenemos la opción de programar limpiezas cada x tiempo y automatizar tareas.
Antes de poneros a probar nada aseguraros de tener copia de seguridad, sobre todo si es una web que ya esta en funcionamiento y tiene visitas.
Hemos revisado varias web’s con page speed de Google y pingdome estos test sirven para hacerte una idea o para fardar delante de un cliente pero tampoco hay que cogerselo muy apecho, solo como referencia.
Auto Optimize es un plugin que se encarga de leer el código y revisar lineas que sean inútiles para evitar ralentizar la carga de la web.
Ewww image Optimize sirve para comprimir imágenes y favorecer la carga.
Martes 24 de Abril de 2018
Clase con Albert, en la primera fase de la clase hemos trabajado en nuestro curriculum online, ya casi lo tengo terminado solo falta alguna información, retoques CSS y responsive.
Como detalle o nota decir que he encontrado errores como no cerrar bien los sections, los div he creado un conflicto creando mas clases container dentro de un div row que hacia que todo se me quedara en en fila vertical en ves de horizontal, he dado estilos mal etiquetados.. etc
Ahora en la segunda parte de la clase practicamos Javascript, comenzamos con la función set timeOut, sirve para ejecutar una funcion en un intervalo de tiempo especificado, se escribe así:
setTimeout(function() {orden a ejecutar} por ejemplo:
setTimeout(function(){
alert('HOLA');
},3000);
Esto emite un mensaje en 3 segundos
Después existe el setInterval que hace una instruccion cada tres segundos por ejemplo:
setInterval(function(){
console.log('interval')
},3000);
Muestra la palabra interval por consola cada tres segundos.
También podemos hacer re direcciones con el window.location.href se escribe así:
setTimeout(function(){
window.location.href = "https://www.google.es";
},3000);
Ahora vamos con jQuery! vamos a fondo!!!!!
jQuery es una librería de javascript que nos simplificara mucho el trabajo con JavaScript.
Vamos a la web oficial lo descargamos escogemos el link compressed botón derecho copiar enlace y lo guardamos en el directorio de trabajo.
para vincular se hace diferente se hace así:
dentro la etiqueta body al final
script src="jquery/jquery-3.3.1.min.js"></script
Siempre se escribe de este modo $(‘selector’).Ejecutar el jQuery cuando ya se haya cargado todo el html lo hacemos de este modo $(document).ready(function(){ejecucion});
Se pueden dar estilos al html dentro de esta funcion
se puede cambiar directamente el contenido html desde jquey, casi podemos hacer de todo, estilos, etiquetas, clases, Id’s, values en definitiva podemos trabajar casi todo.
Miércoles 25 de Abril de 2018
Clase con Josep, seguimos con wordpress, hoy comenzamos hablando de los caches que pueden hacer que una web vaya mas lenta o mas rápida dependiendo de su configuracion o funcionamiento.
Uno de los plugins que mas se utiliza para mejorar este aspecto es el wp-super-cache.
Antes de instalar el plugin tenéis que mirar que sea compatible con vuestra versión de wordpress que no haga mas de 6 meses que no actualiza (4 meses ya me parece mucho) y podéis mirar las reseñas de los usuarios para haceros una idea de su funcionamiento.
La función del cache es la de almacenar los archivos que mas se utilizan para tenerlos mas a mano y no tener que hacer tantas peticiones en el servidor, a veces el cache se tiene que vaciar para poder liberar espacio y eso puede hacer que una vez vaciado el cache las primeras consultas sean mas lentas.
Wp maintence mode
Este plugin sirve para definir una landing page (pagina de aterrizaje) donde puedas ofrecer un mensaje diciendo que la web esta en mantenimiento, además podemos decir que no nos indexe la web e mantenimiento.
Podemos ofrecer un mensaje totalmente personalizado.
Otro plugin interesante es Force Login que pide autentificacion a todos los que acceden a la url de nuestra web, de ese modo nadie puede ver el contenido de nuestra web, (en determinados casos es conveniente)
Ahora vamos a instalar un plugin para optimizar el seo de nuestra web, si ya sabéis el SEO es lo que se tiene que hacer para que nos encuentren en Google (a grandes rasgos..xD)
Jueves 26 de Abril de 2018
Clase con Albert continuamos con el resumen curriculum Online tenemos día de entrega jueves 3 de Mayo, estamos trabajando en ello.
Segunda parte de la clase ahora toca jQuery, hacemos eventos acciones que se producen cuando el usuario hace una selección.
Hemos creado varios eventos que cambie de estilos a hacer clic en sitio determinado, que cambie estilos al hacer scroll, que muestre un menú oculto hacer clic encima, que al volver hacer clic se vuelva a esconder son eventos bastante prácticos, pueden ser mucha utilidad en la mayoría de proyectos web.