226 | Q&A fresco (parte 2 de 3)

En el episodio 226 de WordPress Semanal, segunda tanda de respuestas frescas. 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 lo sabes, no hay mejor inversión que la de aprender a crear y gestionar tus propias webs con WordPress. Y dentro de esa gestión de vuestro día a día, os surgirán dudas y aquí estoy yo para responderlas. Esta es la segunda tanda de tres que voy a hacer de preguntas y respuestas, que básicamente están sacadas directamente de las preguntas que los suscriptores, algunos de vosotros, me hacéis en Gonzalo Navarro es. Y como en todos los q a que suelo hacer, pues he sacado 5 preguntas y voy a dar sus correspondientes respuestas. Pero antes, como siempre, vamos a ver las novedades qué está pasando en Gonzalo Navarro ES. Esta semana, como cada semana, tenéis un nuevo vídeo de la zona código. Todos los martes saco uno nuevo. Ya vamos por el vídeo 177 y en este caso os enseño a poner contenidos en columnas aprovechando la propiedad de display flex. Es decir, utilizamos flexbox, que desde que se introdujo dentro del CSS como una de las propiedades para, digamos, mostrar contenido o disponer contenido de determinada manera, pues se pueden hacer cosas mucho más avanzadas o digamos, se pueden hacer cosas que se podían hacer antes en cuanto a estructurar contenidos, sobre todo en columnas, pero de forma mucho más sencilla, con mucho menos código. Y realmente hay muchas formas de poner contenido en columnas, de hecho en el vídeo 29 de la zona código vemos varias de ellas. Pero como digo, una de las más sencillas, efectivas y minimalistas es hacerlas con la propiedad flex del CSS o con el valor flex, digamos, que es de la propiedad display. De nuevo lo tenéis en el vídeo 177. Ya sabéis que si estáis suscrito tenéis los cursos, los vídeos avanzados de la zona código, en los que copiáis y pegáis el código simplemente siguiendo lo que yo hago en el vídeo y el soporte personalizado, que es precisamente de dónde están sacadas las preguntas que voy a responder en este episodio. Pero antes vamos con el plugin de la semana. Este se llama Below's Accordion Menu y lo encontré porque alguien lo recomendaba en Twitter y sirve para crear menús en modo acordeón, es decir, lo típico que sale hacia abajo y que puedes ir desplegando como lo que se suele utilizar para las zonas de preguntas y respuestas, o lo típico de cuando tienes una landing page y quieres poner las preguntas frecuentes de alguien, pues normalmente se utilizan como desplegables así en formato acordeón. Pues esto es lo mismo, pero te recoge digamos de forma automática los menús de WordPress, es decir, el menú que tú puedas crear en WordPress y te permite mostrarlo así. Es bastante interesante, me sorprendió cuando lo vi, creo que es algo muy útil y puede dar mucho juego a la hora de mostrar tus menús para que lo puedas mostrar por ejemplo en un área de widget, en la sidebar o donde quieras. Está activo en más de 9.000 webs con WordPress, así que es un plugin relativamente popular para lo específico, lo concreto que es. Incluye tres digamos PL distintas, puedes hacer submenús, es decir, menús dentro de menús, incluso funciona con shortcode, es decir, que lo puedes incluir donde tú quieras, no solo en un área de widget, sino donde quieras dentro de tu web. Bastante chulo, así que echadle un vistazo, lo tenéis en las notas del episodio, este es el 226, así que si vais a Gonzalo Navarro es 226, pues vais directamente a las notas de este episodio, donde no sólo vais a tener enlace al plugin de la semana, a las novedades que tenéis en la web, sino también a cositas relacionadas que os voy a dejar debajo de cada pregunta. Así que vamos allá. Vamos con este Q a fresco. Es la parte 2 de 3 y empezamos con una pregunta de Luyana que va sobre qué hacer cuando sale el típico mensaje de Tu versión de X plugin no se ha probado con WordPress 5 algo. Imaginemos la última versión de WordPress. Y esto es lo que me dice Luyana más en concreto. Me Hola, haciendo el curso de migrar WordPress en local, estaba practicando la parte de clonar la web a través de WP Staging y me sale el siguiente mensaje. Y bueno, paso a leer el mensaje que le salía a Luyana cuando intentaba actualizar el plugin WordPress staging. Me dice tu versión de WP staging no se ha probado con WordPress 5.4 WP staging está utilizando funciones cruciales de archivos y base de datos, por lo que es importante que tengas una versión de WP Staging actualizada, tal, tal, tal. Bueno, el mensaje es más largo y luego pone que corres el riesgo de obtener resultados inesperados hasta la pérdida de datos si no lo haces. Entonces claro, esto impacta un poco Y Luyana me pregunta, me dice ¿Qué hago? Muchas gracias, un saludo Luyana Bueno y básicamente este mensaje que arroja el plugin WP Staging, que por cierto sirve para clonar tu web directamente en tu mismo hosting, es decir, en una subcarpeta, lo clona directamente y tú ya desde ahí puedes acceder a una copia exacta de tu web, hacer pruebas, incluso si tienes la versión Pro, puedes pasar directamente esos cambios a tu web en vivo una vez que has terminado de hacer todo lo que necesitabas o de hacer todas las pruebas que querías. Esto también es muy útil si quieres probar actualizar primero un plugin antes de hacerlo en tu web. De verdad es bastante interesante y lo vemos como dice Luyana en el curso de de WordPress en Local y Pruebas, al que os dejo un enlace por cierto. Y bueno, a ver, el mensaje este de tu versión de X plugin, en este caso de WP staging, no se ha probado con la versión de WordPress, la que sea, la que esté en el momento en el que tú quieres actualizar eso. En este caso WordPress Staging lo muestra cuando aún no ha sacado una actualización del plugin que diga, digamos de forma directa que es compatible con la última versión de WordPress. Generalmente no hay problema en seguir adelante, pero si no tenéis prisa en actualizar pues no actualicéis, dejadlo por el momento y luego podéis ir viendo cuando salen actualizaciones nuevas, podéis ir viendo, le podéis dar a más información y ahí os muestra por ejemplo si es compatible con la última versión, que muchas veces es que el desarrollador no ha escrito, porque esto tú puedes escribir en un archivo de texto, pues sería no es así exactamente, pero podrías decir compatible hasta la versión tal y ya diciendo eso ya te va a salir que se ha probado con esa versión, entonces muchas veces es que el desarrollador aún no lo ha puesto porque a lo mejor aún no lo ha probado de verdad. Hay otros plugins que muchas veces simplemente se actualizan para poner que son compatibles con la última versión, así que esto depende de un plugin a otro si es importante o no es importante. Aquí lo mejor es actualizarlo en un entorno de pruebas, quizás como utilizando este plugin WP Staging o tener algún sistema en el que puedas actualizar y si algo va mal, pues puedas volver atrás, como vemos por ejemplo en el curso de mantenimiento en WordPress, donde utilizamos el servicio de ManageWP, que es el que yo uso para llevar el mantenimiento de mis webs. ¿De acuerdo? Todo esto de ver información sobre los plugins y de estar al tanto de qué pasa cuando se actualizan y demás, hablo de ello en profundidad en la clase 14 del curso de WordPress básico, que es dedicada a los plugins, y ahí hablo de todo esto, de qué pasa con las versiones, de si hay que estar muy pendiente, pues eso, de este tipo de cosas, de las actualizaciones y demás. Así que también os dejo ese enlace debajo de esta pregunta. Recordad, este es el episodio 226, así que Gonzalo Navarro es 226. Genial. Dejamos la pregunta de Luyana y nos vamos con la de José Antonio, que va sobre personalizar dimensiones de una imagen inaccesible. Y esto lo pongo entrecomillado en WordPress. Me Buenos días Gonzalo, ¿Qué tal estás? Espero que bien. Te quería hacer una consulta. Estoy intentando ajustar a través del código la longitud y ancho de una imagen. Agradecería si me puedes decir en qué zona de la zona código abordas este tema, ya que no lo encuentro. Muchas gracias. Bueno, aquí le pregunté a José Antonio yo después, que si se trataba de una imagen a la que no podía acceder, digamos desde el editor de WordPress, que entiendo que si lo quiere hacer por CSS para controlar, digamos el ancho y el alto de una imagen, es por eso, porque desde el editor, pues arrastrando, digamos desde las esquinas de la imagen lo puedes hacer, o desde las opciones que te aparecen cuando pinchas en una imagen. Entonces, para estos casos sí que hay que hacerlo por CSS, como bien dice José Antonio. Y bueno, así como consejo general, lo que hay que hacer es encontrar la clase concreta de esa imagen, que si no tiene una clase específica, seguro que tiene un ID específico, un identificador. Esto lo puedes hacer inspeccionando desde tu navegador, botón derecho, inspeccionar, y una vez la tengas, pues ya puedes copiar ese ID concreto o esa clase concreta, ponerla donde tú escribas CSS, ya sea en el personalizador de CSS que viene con todos los temas de WordPress o en la hoja de estilos de un tema hijo o donde lo vayas a hacer. Y luego puedes trabajar las propiedades width que es para el ancho y la propiedad height que es para el alto. Y ya le puedes dar píxeles o porcentajes o lo que quieras. ¿Qué vídeos os puedo ofrecer para que hagáis esto? Porque entiendo que así por podcast es un poco complejo, pero luego veréis que es muy fácil. Os dejo un enlace al vídeo de cómo editar CSS en WordPress, es una introducción a cómo pues eso, cuando se quieren hacer este tipo de cambios pequeñitos, cómo poder inspeccionar una imagen o lo que sea para saber después cómo editarla. Y también os dejo un enlace al vídeo 22 de la zona Código, es uno de los vídeos más populares porque os enseño una extensión de Chrome que se llama Style Bot que te permite editar CSS sin saber CSS. Así que con estos dos vídeos 100% seguro que podéis hacer esto que pide José Antonio y muchísimas cosas más. Perfecto, nos vamos ahora con la tercera pregunta que es de Álvaro y que va sobre crear un sistema de venta sencillo en WordPress. Me Hola Gonzalo, te empecé a escuchar en el podcast y me gustaba mucho cómo contabas las cosas y me pasé por aquí y me gusta cómo montas los cursos, así que no me quedó más remedio que suscribirme jejeje. Enhorabuena por el sitio. Bueno, muchísimas gracias Álvaro. Y sigo con la pregunta. Me dice Al lío, estoy haciendo mi primera web. Es para una gestoría en la que quiero incluir una sección donde realizar trámites online, por lo que necesito una tienda. He diseñado todo con Elementor y cuando instalé WooCommerce le puse la plantilla GeneratePress, que es la que venía utilizando. El caso es que ahora no me puedo meter en la página de tienda con elementor para editarla. ¿Cómo puedo hacerlo? ¿Le podría haber puesto storefront de plantilla aunque el resto tuviera GeneratePress? ¿Me dejaría editarla con Elementor? ¿En ese caso? ¿Puedo cambiarla ahora? Mi idea realmente es que no haya una página de tienda, sino que entres en la página, por ejemplo Declaración de la renta y que aparezca el formulario con los datos que necesito para hacer el trámite y que al dar al botón Enviar o comprar me lleve directamente al carrito o al checkout. ¿Cómo puedo configurarlo así? Muchas gracias de antemano. Bueno, esta pregunta de Álvaro, aunque es muy muy específica, me sirve para un poco todos los que estéis en este punto en el que yo pienso que No es necesario WooCommerce, por ejemplo, sí aquí Álvaro necesita vender pero no necesita montar una tienda digamos con productos que tengan atributos y que pueda poner una camiseta que sea de color roja, otra que sea talla M y todo esto, para eso sí necesitas WooCommerce sí o sí, pero por ejemplo para venta de servicio realmente no, no es necesario woocommerce. Podrías utilizar otro plugin de e commerce pues a lo mejor menos mastodóntico, menos grande, con menos funcionalidades o incluso que es lo que le recomendé en este caso a Álvaro, un plugin de formulario que te permita vender, que tenga vínculo con Stripe o que tenga vínculo con paypal o con las dos, incluso con más pasarelas de pago de otros países, por ejemplo de Latinoamérica. Entonces desde Contact Form 7 que tiene muchísimas extensiones que te permiten vender, hasta Gravity Forms, pasando por WordPress Forms, con todos esos se puede hacer lo que busca aquí Álvaro y además con mucho control, porque vas a poder decidir cómo van a ser los campos de ese checkout, qué opciones tienes y por ejemplo pues eso, uno es para trámite como me dice aquí Álvaro, de declaración de la renta, pero luego puede ser otro servicio específico o quedar en la oficina y yo que sé, para dos horas de consultoría, pues todo eso se puede hacer con un plugin de formulario, yo creo que es mucho mejor y además así puedes diseñar la página a medida, por ejemplo con Elementor, que es lo que usa en este caso Álvaro, o el sistema que sea, o sin Elementor, y luego pues con el editor de Guttenberg que hoy en día se puede hacer también muchas cosas. Después una duda común, por ejemplo, hay mucha gente que le gusta cosas de un cierto tema como ves Storefront y luego cosas de otro tema como es generatePress y muchas veces preguntan ¿Podría utilizar dos themes a la vez en una web? No, esto no se puede hacer, un theme es la piel, es la estructura base de una web y no puedes tener dos a la vez. Y por otro lado sí se puede editar la tienda o la página de tienda específica con Elementor de WooCommerce se podría llegar a crear una a medida, pero en este caso de nuevo es que no recomiendo hacerlo, recomendaría un plugin de formulario, eso con vínculo con la pasarela de pago que que se quiera utilizar. Os voy a dejar enlaces al curso de WPForms con el que podéis vender al curso de Contact Form Seven avanzado, con el que también podéis vender si queréis en el primero, en el de WordPress Forms. Al final vais a necesitar contratar la versión de pago si queréis que funcione todo esto de la venta con Contact Form Seven, perdón, podíais llegar a hacerlo sin necesidad de comprar ninguna extensión de pago. Perfecto. Nos vamos con la cuarta pregunta que es de Álvaro también y pregunta sobre cuándo y cómo gastarte el dinero en plugins y themes. Después de responderle me dice muchísimas gracias Gonzalo y continú estoy comparando los plugins de formulario para ver cuál me sale mejor. De hecho los tengo hecho en Contact Form y tiene un addon para Paypal y Stripe gratuitos. No quiero pecar de tacaño, pero al ser la primera web me cuesta gastarme 200 dólares en un plugin de pago. Aunque quizás me des razones para hacerlo, que sepas que estoy muy contento de haber encontrado tu blog. Hice un curso de Udemy que está bien, pero vamos, nada que ver, aquí hay muchísimas más cosas y las explicaciones y la forma en la que los combinas con cursos, snippets, plugins, me parece perfecta. Bueno, muchísimas gracias. Y me sigue diciendo Estoy en mi liada de ser nómada digital y me he decidido por esto del desarrollo web y marketing digital. La idea es desarrollar webs para clientes y me gustaría saber qué pasos recomendarías, sobre todo en el sentido de cuándo, dónde y cómo gastar dinero en versiones pro de cosas que merezcan la pena en cuanto a capacidad de crear cosas que marquen la diferencia en estilo, funcionalidad y rapidez para crear la web. Tengo dudas de si debería pagar por Elementor Pro por Divi y empezar diseñando con eso o con versiones gratuitas y un poquito de CSS me iría bien. ¿Cada cliente paga versiones Pro de plugins que quiera tener o tú has comprado Elementor Pro y diseñas todas las webs con él cobrándole más al cliente? Me pone entre paréntesis y luego continúa. Me dice luego Por otro lado, ¿Cuánto cuesta en esfuerzo mantener una web a alguien una vez lanzada? ¿Lo sueles hacer tú o dejas instrucciones de cómo hacerlo al cliente? Si no tienes algún capítulo del podcast curso donde hables de estas cosas, considéralo una sugerencia. Si lo tienes dime dónde. Gracias de nuevo profe, un abrazo. Bueno, esta Es una pregunta un poquito más larga, no suelo acortarlas, pero quería dejarla entera porque refleja mucho una pregunta muy típica que me suelen hacer las personas que empiecen en esto y quieren dedicarse a hacer webs para otros. Y claro, al principio cuidas mucho la inversión que vas a hacer porque todavía no sabes qué ingresos vas a tener, si vas a conseguir hacer webs o no. A ver si os puedo dar, según mi experiencia, un poco una línea que seguir. Y voy a ir por partes. Al principio me hablaba sobre utilizar Contact Form Seven, que es gratuito y tiene addons gratuitos en los que puedes vender también. Y aquí si te va bien, si lo tienes y esas extensiones te funcionan, no necesitas ningún plugin de pago, al final es lo que te funcione y de hecho mejor, esa es una inversión que te ahorras. Después, otro gran punto de la pregunta de Álvaro iba sobre cuándo comprar servicios, qué hacer con respecto a los clientes, y yo aquí contrataría servicios conforme los fueses necesitando. Por ejemplo, la versión gratuita de Elementor, si es que te gusta Elementor para diseñar es bastante completa y seguramente desde el inicio no necesites la versión Pro. Por cierto, entre Divi y Elementor mi preferencia es Elementor, aunque tengo cursos de ambos en la plataforma. Y luego ya si ves que necesitas la versión Pro, porque tienes que a lo mejor controlar la estructura de la web, Elementor Pro es cuando necesitas o lo vas a, o yo lo compraría cuando necesites modificar de forma visual la estructura de la página de blog, la estructura de las páginas de categoría, la estructura general de la página de blog, de un artículo del blog, perdón, este tipo de cosas a nivel estructural, el menú de navegación incluso que puedes hacerlo, el footer si necesitas control. Hasta ahí, hasta ese extremo. Entonces, sí necesitas la versión Pro de Elementor, si no, con la gratuita para maquetar las páginas es suficiente. Incluso prueba primero con el editor de Gutenberg, que ya viene con WordPress, y si necesitas más, pues ya te podrías ir a un constructor, ¿De acuerdo? Y luego otra duda común es el tema de cómo gestionar cuando un cliente o cuando usamos algo de pago para un cliente. En mi caso, si hay que usar un tema, plugin o servicio de pago para la web de un cliente, yo siempre hago que lo compre el propio cliente, siempre, más que nada porque así es él, el cliente, que para eso es su web, el que va a tener el control de su software y no tengo que estar haciendo yo de intermediario, no tiene que depender de mí, no tengo yo que gestionar las renovaciones anuales y luego pedírsela al cliente. En algunos casos hay que guiar al cliente en ese proceso de contratación, pero para mí es la mejor opción. En algunos casos muy extremos hago yo la compra y luego hacemos el cambio de tarjetas. Si por lo que sea hay algún no puede en ese momento el cliente, aunque esto intento evitarlo porque luego también es difícil cambiar los datos y hacer que el cliente ponga sus datos. Y en cuanto al mantenimiento, que era otra de las dudas de Álvaro, así generales para cuando se hace webs para clientes, en mi caso ofrezco lo que se ve en la página que tengo, si vais a gonzalonabarro es en el footer tenéis un enlace que lleva a mi servicio de mantenimiento web y eso es lo que ofrezco básicamente un poco un monitoreo de todo lo que ocurre en la web, actualizaciones de forma segura, copias de seguridad diarias, básicamente que el cliente se olvide de lo que es tener la web actualizada y tener siempre copias de seguridad por si surge algún problema y hay que volver atrás. Y tenéis un curso en la web en el que enseño a hacer todo esto, es el curso de mantenimiento en WordPress en el que usamos el servicio de ManageWP. Creo que esto engloba mucho y podéis sacar mucho de esta pregunta. Si estáis empezando y queréis hacer webs para otros, fantástico. Dejamos la pregunta de Álvaro y nos vamos con la última que es de Enol y que va sobre si se debe crear un sitemap para los autores del blog. Me Hola Gonzalo, estoy haciendo el curso de Google Search Console y he mirado mis sitemaps y yo tengo tres generados por Yoast, pero no tengo el de autor, tengo el de post, otro para las páginas y otro para las categorías. ¿Debería cambiar esto? Muchas gracias. No, salvo que seas una web que digamos tenga muchos autores, estilo de estas webs Apple, Esfera, Shakata y estas que hay muchos autores y que a lo mejor te interesa pues un autor concreto, vas a mirarlo y quieres saber qué ha publicado ese autor, o un periódico, a lo mejor hay un periodista muy concreto que te gusta y tú filtras por ese periódico, por ese periodista y ves todos los artículos de ese autor en concreto. Pero si es una web en la que vas a publicar tú solo y a lo mejor además el autor ni siquiera pones tu nombre, es un autor genérico. Pues no, no es necesario que haya un sitemap de autor, aunque exista la página de autor, pues no es necesario que lo haya. De hecho yo no lo tendría, no quiero que Google se pase por ahí, no hay necesidad de que malgaste a sus arañitas yendo por ahí. Muy relacionado con esto, os voy a dejar un enlace al curso de Google Search Console donde hablo mucho de esto, del tema de los sitemaps y de otro tipo de cosas relacionadas con el SEO. Vemos tácticas muy concretas, muy específicas para mejorar el posicionamiento de tu página web. Y luego el curso de You SEO, ya que menciona en all ese plugin. Y también el curso de Rank Math, para los que no os gusta Yoast, que tengáis una alternativa completísima y 100 % gratuita. Todo ello recordad en las notas de este episodio que es el 226, así que GonzaloNavarro es 226 y accedéis directamente. Así que nada más, lo vamos a dejar. Estas son las cinco preguntitas de este Q a fresco es la parte 2, la semana que viene tendréis la parte 3. Recordad que si queréis soporte personalizado conmigo podéis ir a gonzalonabarro es cursos, os apuntáis y además de vuestras dudas del día a día, pues tendréis acceso a todos los cursos y a todos los vídeos avanzados de la zona código. Nada más por este episodio, nos seguimos escuchando. Adiós.