Ep 44 | Edita tu web sin afectar a la versión en vivo

En el episodio 44 de WordPress Semanal hablamos de todas las formas en las que puedes editar tu web sin que tus visitantes vean los cambios. Vamos allá. Hola, hola, Soy Gonzalo de GonzaloNavarro es y bienvenidos a WordPress Semanal, el podcast en el que aprendes WordPress de principio a fin, porque ya sabes que no hay mayor satisfacción que la de crear y gestionar tus propias páginas web con WordPress. Y estoy aquí para ayudarte a conseguirlo con este podcast, con el blog y por supuesto con los cursos. Y vamos a hablar de un tema muy interesante que es cómo poder editar tu web sin afectar a la versión en vivo, es decir, que puedas hacer cambios, pues en tu fin puedes hacer cambios en el diseño, en el funcionamiento de tu web, pero que eso no afecte a tus visitantes, que ellos sigan viendo tu web tal como está o en su defecto que vean una página en la que les informe de que tú estás haciendo cambios, pero que en cualquier caso no puedan ver esos cambios que estás haciendo. Vamos a hablar de ello un poquito más adelante. Antes comentarte que la semana pasada envié un email a los suscriptores y os lo comenté por aquí para preguntaros qué curso queríais que fuese el siguiente que lanzara. Los más votados han sido el de seguridad, el de Facebook Ads y el de Gravity Forms. El de seguridad y el de Facebook Ads han estado súper igualados y al final por un par de votos, por muy poquito, ha ganado el de Seguridad. Pero los voy a hacer los dos. Voy a hacer primero el de Seguridad y en cuanto termine el de seguridad me pongo con el de Facebook Ads porque he visto que os interesan mucho y después, salvo que votéis por otros y adelante al de Gravity Forms, pues haré el de Gravity Forms, que también ha tenido bastante aceptación. Al final el de cómo crear un foro y cómo crear una red social, pues sí que tuvo votos, pero no tantos, ¿Vale? Ni siquiera se acerca a estos tres que tuvieron la mayoría de los votos. Así que el curso de este mes, que ya lo estoy grabando para que salga a tiempo y lo podáis disfrutar, va a ser el de Seguridad, ¿Vale? Y os cuento un poquito que tengo aquí el índice y ya he preparado algunas lecciones. ¿En la primera lección veremos pasos, los primeros pasos que todo el mundo debe seguir para tener un mínimo es decir, cosas que es que si no las tienes te pueden entrar por todos lados, vale? Entonces esos primeros pasos que sí o sí es digamos la base tenéis que tener. Después veremos cómo implementar medidas de seguridad en el Htaccess. Esta parte es importantísima y la pongo muy al principio y es una elección clave porque prácticamente en el. Htaccess podemos proteger un porcentaje enorme de nuestra web. ¿Qué más? Pues también veremos medidas de seguridad que podemos aplicar a través del archivo de nuestra instalación de WordPress que se llama wp config. No os preocupéis si no conocéis bien estos archivos o si os suena todo un poco técnico, en los vídeos se ve paso a paso cómo llegar hasta estos archivos y cómo editar. Lo haremos todo de forma simple, segura y muy sencilla. Después también nos adentraremos incluso en el mundo de la base de datos. La base de datos es muy importante porque es donde está nuestra información, donde están nuestros post, todo está ahí, toda la información que nosotros volcamos en nuestra web está en la base de datos. Pues vamos a aprender a protegerla e incluso a movernos un poquito por ella. Luego nos meteremos de lleno con los plugins, porque todo esto al principio, como veis son cosas de código, cosas que podemos hacer de forma manual pero, pero que yo haré muy sencilla en los vídeos. Y como te digo, los plugins. Vamos a ver tanto plugins livianos que hacen cosas muy específicas, como los plugins más importantes, cómo configurarlos, cómo ponerlo todo a punto para que nos protejan la web de forma más o menos automática y que nos avisen cuando algo pase. Estos son los plugins como Sucuri, Worfens, Items, All in One, WordPress Security. En fin, todos estos plugins que son los cuatro más populares, pues vamos a ver los cuatro, cómo configurarlos y cómo hacerlo todo. Y por último dedicaremos una lección a protección avanzada con técnicas que podemos aplicar para ya estar seguros de que no va a haber quien pueda entrar en nuestra web. Así que un curso súper completo, desde lo más básico hasta cosas súper súper avanzadas. Vais a tener digamos todo lo que necesitáis saber sobre seguridad en WordPress. Y todo esto en 10 lecciones en vídeo, como siempre, todas paso a paso que simplemente tenéis que seguir. Vale, Y ahora ya sí, vamos con el contenido de este episodio. Y al principio como siempre, salvo cuando me olvido, vamos a hablar del plugin de la semana y es un plugin que te permite minimizar vídeos al hacer scroll. Y esto estoy seguro de que lo habéis visto porque ya lo hacen plataformas o webs como Facebook y YouTube, ¿Vale? Lo que te permite hacer esto es lo siguiente, Imagina que tú colocas un vídeo en tu web, que tienes una página en la que estás explicando un producto y lo primero es un vídeo, y ese vídeo pues explica el producto y más abajo tienes las especificaciones pero ya en texto, pues lo que sería una landing de venta, por ejemplo, estás vendiendo un servicio o un producto, entonces tienes el vídeo arriba y yo le doy al play en tu página web, empiezo a ver ese vídeo y ahora pues me canso un poco de ver el vídeo y empiezo a hacer scroll hacia abajo para ver qué más hay en esa página. Esto es súper típico. Bueno, pues con este plugin permites que ese vídeo, que es que el usuario estaba viendo, se pase en pequeñito a una de las cuatro esquinas de de la pantalla, tú puedes elegir cuál y mientras esa persona va haciendo scroll, va viendo el resto de la página, el vídeo sigue reproduciéndose en pequeñito en una de las esquinas. Es un plugin muy nuevo, se llama Shrinking Video y puedes hacer que cualquier vídeo de tu web se pueda ver en miniatura, como te digo, en cualquiera de las esquinas. Es un plugin sencillo que funciona con shortcode y que si por ejemplo tienes varios vídeos en una misma página, puedes elegir cuál de ellos quieres que se minimice de esta forma. Como digo, el plugin es muy poco conocido, así que echadle un vistazo porque tiene muy buena pinta, es una de esas pequeñas joyitas que realmente nadie conoce, también porque es un plugin muy nuevo. Así que probadlo y si funciona me comentáis cómo va, ¿Vale? Yo lo he probado en una web de pruebas y funciona, pero no he tenido la oportunidad de hacerlo en un proyecto en vivo, pero tengo ganas de probarlo, así que si lo probáis y lo utilizáis me contáis qué tal os va. Shrinking Vídeo os dejo el link como siempre en la nota del programa Gonzalo Navarro es Podcast, ahí tenéis todos los episodios del podcast y por supuesto pues podéis acceder a todo lo que voy comentando, todos los links y esquemas del episodio y demás. Y ahora sí, vamos con el tema principal del programa, que es cómo editar tu web sin afectar a la versión en vivo. ¿Esto qué quiere decir? Pues que si tú tienes una página web y de repente pues quieres hacer algunos cambios o a lo mejor quieres cambiar el thing, quieres hacer grandes cambios o a lo mejor solo cambios pequeños, pero no puedes estar haciendo las pruebas y que tus visitantes pues estén viendo cómo cambia eso o si ocurre un error que vean ese error, lo que viene siendo editar tu web. Si quieres editar tu web y que tus usuarios no vean esos cambios o que la estás liando, pues lo puedes hacer de diferentes formas, en concreto hoy vamos a hablar de cinco maneras en las que lo puedes hacer. La primera de ellas es usar un plugin tipo Theme Switch que te permite cambiar a otro thing para hacer modificaciones mientras tus visitantes ven la web como siempre, es decir, tú desde tu panel de administración haces los cambios que quieras, eliges el theme que quieras y y empiezas a hacer modificaciones, pero mientras tanto tus visitantes están viendo tu sim original, tu web tal y como estaba antes de que tú empezases empezases a hacer esas pruebas. ¿Y hay varios plugins de esto, vale? Pero este desde mi punto de vista es el mejor porque está muy bien desarrollado. Bueno, confío mucho en el desarrollador, se llama Jeff Star, es un muy buen desarrollador de WordPress y tiene varios plugins y todos son muy buenos y este es uno de ellos. ¿Qué te permite hacer el plugin? Pues lo que te comentaba, desarrollar nuevos teams mientras tus visitantes ven el theme que tienes por defecto. Puedes controlar también quién cambia de themes, es decir, tú puedes hacer que solo los administradores puedan cambiar los themes y editarlos, que los usuarios a través de una contraseña, de un password que tú les das, que puedan ver el otro theme. Es decir, si tú como administrador estás editando el thing nuevo mientras tus visitantes ven el thing viejo, pero quieres que a lo mejor lo prueben y que te den su opinión, pueden hacerlo. ¿Por ejemplo, algo que se me está ocurriendo es que estás haciendo cambios en tu web y dices le gustará esto a mis usuarios? Me gustaría saber qué piensan. ¿Pues coges tu lista de correo, les mandas un email y les dices mirad, ahora mismo estáis viendo mi web de forma normal, pero por dentro estoy haciendo estos cambios, qué te parece si le echas un vistazo y me dices si te gusta o no te gusta? Y le mandas el link y le dices y solo tienes que meter esta contraseña, pues de esa forma tus usuarios pueden estar involucrados en tu proceso de creación y además puedes hacer que, digamos, ese cambio de theme permanezca solo durante un tiempo y y que mediante las cookies, el navegador al X tiempo que tú establezcas, haga que desaparezca ese theme y esa persona, ese usuario, vuelva a ver el theme que estaba viendo antes. Como ves es algo muy poderoso. También lo puedes hacer si trabajas desarrollando themes o diseñando, puedes hacer los cambios en una web y enseñárselas al cliente a través de un link. Tiene un montón de posibilidades. Otra cosa súper chula es que cada visitante podría elegir un Thing. Imagínate que tienes varios themes que los tienes ahí, pues puedes permitir que cada visitante elija el theme que quiera. Y luego un montón de opciones que tampoco las voy a comentar todas, pero para que veáis las cosas tan chulas que se pueden hacer. Y luego, como te comento, muy buen código, bastante sencillo de utilizar, está centrado en lo que hace, no te pone mil cosas y es un plugin bastante chulo. Yo lo voy a empezar a utilizar ahora de hecho, porque estoy haciendo unos cambios en mi web y los estaba haciendo de otra manera que os comentaré más adelante, pero voy a probar esto así aprovechando, porque no he tenido la oportunidad de utilizarlo en algo real, sino que siempre lo he hecho probándolo y demás, pero ahora sí que lo voy a utilizar en mi web, así que os comentaré qué tal. Por cierto, estoy preparando varios cambios en mi web en general, un poquito mi imagen de marca y también voy a retocar la portada del podcast, que está un poco cutre y también va a quedar más chula, así que ya os comentaré cuando lo tenga todo listo para que le echéis un vistazo. ¿Qué más opciones tenemos? Bueno, esta primera era usar, como te digo, el plugin de Theme Switch. Este plugin ya lo recomendé en el episodio 26 del podcast, os dejo el link en la nota del programa y también os dejo un link para que vayáis a ver este plugin en el repositorio de WordPress. Segundo mé activar un plugin de próximamente. Esto básicamente es lo que hace es ocultar totalmente tu web con un plugin que te permite crear ya sea una página de modo mantenimiento o una página de próximamente o también Si todavía no tienes la web en vivo, puedes crear una página de lanzamiento, por ejemplo con el típico contador que va hacia atrás, pues faltan 48 horas para que se lance la web o tres días y 36 minutos y 27 segundos y va bajando. Y también puedes hacer que la gente a lo mejor meta su correo electrónico, dices ¿Quieres que te avise del lanzamiento? Y pones una cajita para que la gente ingrese su nombre y correo electrónico. Es decir, puedes hacer cosas también de esas, pero eso sería más para un lanzamiento desde cero. En este caso estamos hablando un poco sobre cómo hacer modificaciones a una web que ya existe, pero de todas formas entre los plugins que te recomiendo en este apartado, en la segunda forma de hacerlo, hay uno que se llama Launcher que te permite justo esto. El otro que es también muy popular se llama Coming Soon, yo diría que es el más popular, tiene más de 300.000 instalaciones activas y ese te permite precisamente eso, que cuando alguien entra a tu web le aparezca la típica página de próximamente o de estamos en modo mantenimiento y también te permite hacer cosas muy chulas, editarlo, poner tu logo, poner como te digo, pues para que la gente pueda ingresar sus datos, en fin, puedes hacer un montón de cosas, echarle un vistazo a los dos porque están muy bien ambos, pero esto en el caso de que quieras ocultarlo todo. Y también es una forma muy sencilla porque instalas un plugin súper fácil, lo habilitas y ya está, ya tienes tu web en modo mantenimiento y ya está, no tienes que hacer más. Después puedes hacer todos los cambios que quieras, cuando estés listo quitas ese plugin y ya está. ¿Que el problema de esto qué es? Pues que la gente mientras no puede disfrutar de tu contenido y eso con la primera opción que te he recomendado si puedes y con las siguientes que te voy a comentar también. La tercera opción es emplear el staging de tu hosting. ¿Qué es staging? Pues algunos proveedores de hosting como SiteGround, que ya sabéis que siempre lo recomiendo, te permiten hacer una copia de tu web en vivo. Es decir, tú vas a la zona de staging de SiteGround, le das a crear copia de tu sitio en vivo y automáticamente empieza a trabajar, te crea una copia y ya la tienes. Y ahora tú en lugar de tener, pues en mi caso Gonzalo Navarro es pues tienes una web en staging que es igual que Gonzalo Navarro es y en la que puedes hacer cambios y. Y cuando termines de hacer esos cambios le das a pasar a Vivo y todos esos cambios que has hecho pasan a tu versión en vivo. Es decir, estás trabajando en una copia exacta de tu web y cuando tienes los cambios listos y ves que todo funciona y que no va a haber ningún error y que todo está correcto, ahora sí pasas esa parte de staging, la pasas a Vivo, entonces sustituye tu web de antes con esta copia a la que le has hecho los cambios. Y bueno, todo esto con copias de seguridad que te hace SiteGround y que tú también deberías hacer por si acaso y si hay algún problema pues vuelves a la versión anterior porque SiteGround ha hecho una copia, pero si no, de todas formas siempre haz tus propias copias de seguridad de todo esto. Esto me consta que lo tienes también otros hostings, no sé cuáles, ¿Vale? Creo que Flywheel también lo tiene, aunque no se usa tanto aquí en España, pero esto es una pasada porque te facilita la vida de una manera brutal. ¿Cuál es otra opción que puedes hacer? La cuarta en este caso si tu hosting no tiene esta posibilidad de staging, pero pues crear un subdominio de tu web, creas una carpeta dentro de donde tienes alojada también tu web y haces una copia de tu web y ahí vas haciendo todos los cambios. De esa forma pues eso, tienes digamos tu web exactamente igual que la que está viendo la gente y puedes ver todo el funcionamiento y todo lo que pasa. Si la quieres enseñar puedes mandar el link para que clientes o gente para que te dé opinión que la pueda ver. Pero esto es un poco como un parche, esto es lo que se hacía antes de que existiese estas opciones de staging, ¿De acuerdo? Así que quizás esta es la opción que menos recomiendo, aunque bueno, también yo sé de gente que trabaja así y que le va genial. Todas estas cuatro opciones que hemos visto hasta ahora son trabajando en vivo, es decir, en todo momento necesitamos una conexión a Internet y todo lo que hacemos es online. Y Después tenemos la quinta y última opción que es trabajar de manera local. ¿Cómo podemos hacer esto? Pues con maravillosos servicios que te permiten hacerlo. Ya hablé en un episodio del podcast, en el 18 concretamente, de cómo hacer esto con Desktop Server y además tengo un tutorial en el que te explico cómo instalar WordPress utilizando precisamente esto. Desktop Server está tanto para Windows como para Mac y tiene una versión gratuita que es la que enseño a utilizar en el tutorial que os comento, que vais a gonzalonabarros, es podcast y ahí lo tenéis. Y otra de pago que tiene más funcionalidades, aparte de poder crear más webs, pues tienes herramientas más chulas, más avanzadas, que te permite hacer más cosas, como exportarlo todo después a la versión en vivo y demás. Y luego hay una herramienta, un servicio nuevo que me está pareciendo una pasada, la verdad, me ha impresionado, que es totalmente gratuito, que se llama Local o Local, está en inglés, de Flywheel. Flywheel, como creo que lo he comentado antes, es un servicio de hosting bastante popular, sobre todo en Estados Unidos, y ha lanzado este servicio y es una pasada, la verdad, te permite, es muy parecido al Store Server, pero ya trae todas las funcionalidades en la parte gratuita, incluso no sé yo si es mejor, yo soy un amante de Store Server, pero estoy probando Local y me parece la verdad que está muy bien. Aún no me he cambiado porque todavía lo estoy probando, porque además como tengo ya todo en Desktop Server, digamos un poco automatizado, pues siempre sabéis que cambiar de un servicio a otro es un poco rollo. Pero sí que lo estoy probando, si queréis un curso, me voy a empapar bien de Local, de cómo utilizarlo, incluso puede que lo incorpore a mi día a día. Pero en general tiene muy buena pinta. Sobre todo es que digamos la interfaz, como trabajar y todo lo demás es mucho más limpio, mucho más moderno que Desktop Server y es igual de sencillo, por lo que he podido ver de configurar. Lo bueno de esto es que se configura súper fácil tanto Desktop Server como Local. Local no tengo todavía ningún tutorial, pero si os interesa me lo decís, lo hago, incluso puede dar para un curso de cómo trabajar en Local utilizando Local. Así que en el episodio de esta semana hemos visto cinco formas de hacer cambios en tu web sin que los usuarios vean esas modificaciones. Hemos visto que lo puedes hacer con plugins, que lo puedes hacer usando los servicios de tu hosting, que lo puedes hacer creando un subdominio o que incluso lo puedes hacer, esta es mi favorita, con un software especializado para trabajar en Local. Así que espero que te haya gustado este episodio, a mí me ha encantado hacerlo y si me quieres ayudar a seguir creando pues episodios como este, contenido como éste, te agradecería muchísimo que me dejaras una valoración en iTunes, te dejo el link en las notas del programa, es muy sencillo, haces clic y en pocos segundos lo tienes, ¿De acuerdo? Así que nada más, nos seguimos escuchando, adiós.