80 | Sabes lo necesario de html (para WordPress)?

En el episodio 78 de WordPress Semanal hablaré de por qué es importante que sepas HTML cuando tienes una página web hecha con WordPress. 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 mayor satisfacción que la de crear y gestionar tu propia página web con WordPress. Y este episodio es la esencia de todo eso. Y vamos a ver el principio de lo que es el diseño o el desarrollo web. No es en sí mismo diseño ni desarrollo, pero es el principio. Son las puertas a un mundo de conocimiento súper interesante y amplísimo. Y todo comienza con una pregunta que es si sabes lo necesario de HTML. Digo lo necesario porque quizás para ciertas cosas solo necesites pues nada, dos, tres conocimientos y eso ya va a suponer un cambio en lo que puedes hacer en tu día a día con WordPress. ¿Pero antes, qué está pasando en Gonzalo Navarro? Es esta semana un nuevo vídeo de la zona Código, cómo crear tablas de precios en WordPress. Esto es súper interesante, ya vimos hace dos vídeos de la zona Código, cómo poner contenido en columnas y en base a eso que ya aprendimos ahora le estamos empezando a dar usos. Y este uso por ejemplo, es súper interesante, la creación de tablas de precios. Normalmente lo típico es que instalamos un plugin y lo hacemos con un plugin. Pero esto nos va a permitir ahorrarnos un plugin, porque normalmente una tabla de precios la tenemos para una sola página. Es decir, tenemos nuestra página de precios en nuestra tienda online o en lo que sea que tengamos, nuestra página de servicios o lo que sea, y ahí tenemos pues una tablita con los precios y normalmente son tres, pues a veces son dos, lo que quieras. Y con esto que vemos en la zona código vas a ser capaz de hacerlo por ti mismo desde cero y y con un aspecto visual súper chulo. Así que ya no vas a tener que utilizar un plugin simplemente para una cosita que vas a tener en una página más. Nuevo curso, curso de HTML enfocado a WordPress. Esto lo pongo entre paréntesis, ¿Por qué? Porque vemos HTML desde el principio, HTML, por supuesto, la versión más reciente de HTML, pues vemos desde cero, es decir, que es hasta ya escribir nuestros propios, poder hacer tu propia estructura de una página web. Pero la última clase, la última lección la dedico a aplicar todo esto que hemos ido aprendiendo a lo largo de los cursos, aplicarlo a WordPress y cómo utilizar en el día a día pues esas cositas que hemos ido aprendiendo, ¿De acuerdo? Ambas cosas, el vídeo de la zona código y el nuevo curso por supuesto tenéis acceso si sois suscriptores. Y entonces una vez visto que hay de nuevo en Gonzalo Navarro es vamos con la recomendación del plugin de la semana y que va para un plugin de WooCommerce que hace tiempo que no comparto ninguno y este es para poner el precio de envío basado en el peso. Comento este porque hace poco alguien me preguntó sobre esto, el soporte por la zona de soporte y me ha parecido interesante compartirlo. Y el plugin se llama woocommerce Weight Based Shipping y vas a poder tener un método de envío en WooCommerce que va a calcular el precio de envío basándose en el peso del producto, esto es su principal función y por la que ellos digamos se promocionan. Pero no sólo hace eso, sino que también vas a poder crear condiciones o reglas en función del destino del envío, por ejemplo. Y luego te ofrece también otras opciones como bastante flexibilidad para el cálculo del precio, es decir, puedes hacer por ejemplo fijar una base en el precio y que luego se vaya incrementando conforme al peso, conforme a otras características, a otros criterios que tú le pongas o que no tenga un precio fijo y que simplemente se vaya actualizando ese precio desde cero sin esa base que le has puesto previamente. Y también además te da la posibilidad de hacer el envío gratis, que cuando cumple una serie de condiciones el comprador, pues que ese envío pueda ser gratuito. Es un plugin bastante popular, se usa bastante, además es una cosa muy específica y tiene más de 10.000 instalaciones activas, o sea que está bastante bien, es un número que te puede dar una buena señal y por supuesto pues tiene muy buenas valoraciones el plugin de nuevo woocommerce Weight Based Shipping, os dejo el link en las notas del programa. Este es el episodio 80. Y ahora ya sí vamos con el tema central del programa. ¿Sabes lo necesario de HTML? Bueno, sí o no se puede, seguramente sea no si estás escuchando este episodio o puede ser sí y que te interesa saber qué te voy a contar aquí. Voy a empezar a hablar un poquito de qué es el HTML y para qué sirve de forma muy rápida. El HTML es un lenguaje de marcado, un lenguaje que da estructura, un lenguaje de etiquetado, es decir, sirve para dar estructura a las páginas web. No es un lenguaje de diseño ni de desarrollo, no da aspecto ni da funcionalidades, da una estructura y es ideal porque se complementa a la perfección con el CSS, que este ya sí es un lenguaje de diseño, es el que va a dar el aspecto. Es decir, con el HTML le damos la estructura, la forma a nuestra web. Decimos esto es la cabecera, esto es el cuerpo, esto es un artículo, esto es una tabla, esto es una lista de elementos. Todo eso lo hacemos con HTML. Y después esta cabecera se va a ver con un fondo gris, va a tener un grosor, el borde de X píxeles, los artículos van a tener un ancho de 800 píxeles, el color de letra va a ser de un gris muy oscuro, no negro, para que sea un poquito más suave. Todo eso lo hacemos con CSS, el aspecto se lo damos con el CSS y la estructura inicial, la base, la hacemos con HTML. Y entonces, ¿Qué te va a permitir todo esto del HTML saberlo cuando uno tiene una web hecha con WordPress? Pues varias cosas. Por lo pronto usar la pestaña de HTML del editor de WordPress. Esto te suena, ¿Verdad? Cuando estás editando una página o una entrada o cualquier Custom Post Type, pues tienes dos opciones, trabajar en Visual o trabajar en HTML. Pues bien, vas a poder sacar provecho de HTML una vez conozcas lo básico de HTML, porque aunque no escribas desde cero esa página, ese contenido en HTML sí que lo vas a hacer, lo vas a poder hacer en Visual y después en HTML modificar ciertas cosas que quizás no puedes hacer directamente desde Visual, sino que tienes que meterte ahí un poquito en el código. Pues eso vas a poder hacer una vez sepas HTML. Por ejemplo, vas a poder crear cajas, que esto es bastante común, bastante importante, que esto se irá solventando poco a poco con la llegada de Gutenberg, pero hasta ahora no puedes hacer contenidos por bloques, no puedes poner como cajas, como espacios independientes unos de otros, o bien delimitados unos de otros. Pues cuando sepas HTML, esto sí que podrás hacerlo sin problemas. Más vas a poder hacer pequeñas modificaciones a una web ya existente, porque WordPress realmente se basa en PHP, pero entendiendo HTML podrás hacer ciertas modificaciones a la estructura. Y por supuesto, como hemos dicho antes, controlar aún más el aspecto de los post y páginas que publicas. Y Como he comentado al principio, el HTML va a ser tu puerta al CSS y otros lenguajes, ¿Vale? Porque sabiendo HTML podrás empezar a aprender CSS. Y aprender HTML no es difícil, es lo más fácil de todos los lenguajes que hay, es el más sencillo porque se pensó, aunque ya cada vez se ha ido quizás complicando un poquito más, pero estaba pensado para que fuese muy fácil porque como vemos en el curso de HTML, originalmente se inventó para permitir a los científicos intercambiar documentos y que hubiera enlaces, es decir, hipervínculos entre ellos. Entonces está pensado para que sea lo suficientemente sencillo como para que se pudiese usar, que no fuese difícil utilizarlo. Y desde entonces se ha hecho la base del diseño y del desarrollo. Es la primera piedra que tenemos que poner. Pues una vez lo aprendas, después va a ser mucho más fácil que aprendas CSS. Y no sólo aprenderlo como tal, sino que aunque no sepas escribir CSS, sí que te va a permitir, sabiendo HTML, coger el CSS de otros y ponerlo en tu web. ¿Por qué? Porque se pone a través de del HTML, que aunque ahora te suene un poquito raro, cuando veas el curso, cuando veas ciertos contenidos, empieces a aprender HTML, verás que no lo es. Y realmente con estos dos lenguajes, con CSS y HTML, ya puedes crear una página web, puedes diseñarla, puedes darle el aspecto a una página web y por supuesto, si no la creas desde cero, puedes personalizar a tu gusto la que ya tienes. Además, saber HTML te va a permitir utilizar la zona código con total confianza. La zona código ya sabes que es esa zona para suscriptores donde os enseño cómo hacer cosas sin plugins, cómo hacerla con código. Y realmente sentía que me faltaba la base, que es enseñaros primero HTML y esa es una de las razones por la que me propuse enseñaros este curso. ¿De acuerdo? Entonces, ¿Qué aprendes con el curso de HTML que acaba de salir y que tienes disponible en tu área de usuario? Pues básicamente dos cosas. Una, aprender a escribir en HTML desde cero. Y dos, aplicar todo eso que aprendemos a lo largo de las nueve primeras lecciones, aplicarlo a tu día a día con WordPress. Es un curso para principiantes y vas a alcanzar un nivel intermedio alto que es ideal para que por tu cuenta y con práctica llegues al nivel avanzado. ¿Y entrando más en detalle, te voy a decir unos puntitos que aprendes a lo largo del curso? Uno, aprendes a escribir documentos en HTML correctamente estructurados. Dos, aprendes la diferencia entre los dos tipos de etiquetas HTML que debes utilizar. Ya hemos dicho al principio que el HTML se basa en etiquetas porque es un lenguaje de etiquetado. Pues eso lo vamos a estar viendo desde el principio, desde el minuto cero, para que te quede claro lo antes posible. Luego lo típico, cómo hacer listas, para qué sirven los quin y los spans, que son cosas que sí que vas a utilizar muchísimo en tu día a día con WordPress, ya lo verás, lo vemos en la última clase, cómo aplicarlo a a tu día a día con WordPress. El uso de atributos, que esto también te va a hacer entender cómo puedes utilizar el CSS que vemos en otras áreas o que puedes encontrar por ahí en tutoriales, cómo utilizarlo una vez sabes HTML, esto es clave, el tema de los atributos. Luego también cómo crear tablas, cómo entender los formularios y sus elementos, o cómo crear formularios. Y como colofón, como ya te comentaba, qué tiene que ver todo esto del HTML con WordPress y cómo sacar provecho, por ejemplo, de la zona código una vez que ya sabes HTML. ¿De acuerdo? Así que a modo de cierre, el HTML es un lenguaje de etiquetado o marcado bastante sencillo de aprender. Y su gran ventaja ¿Cuál es? Pues que es la puerta de entrada a un mundo de aprendizaje sin límites. Pero si aún así no quieres lanzarte a ese mundo de aprendizaje y quieres quedarte donde estás, al menos, como te comentaba, te va a permitir reutilizar CSS, que eso va a hacer que puedas modificar el el aspecto de tu web. Así que ya lo sabes, para aprender HTML y crear y gestionar cualquier tipo de página web, echa un vistazo a los cursos de WordPress, ya sabes que quiero que los pruebes durante 15 días, sin compromisos, para que puedas ver de primera mano si son lo que necesitas. Y nada más, si te ha gustado el episodio de hoy y quieres ayudarme a que siga creciendo, a que siga creando episodios como éste, ya sabes que lo que más me ayuda y la forma en la que puedes aportar tu granito de arena a este podcast es dejándome una valoración en iTunes, así que te dejo el link directo para que puedas dejar la reseña, o si no, pues vas a la aplicación de Podcast del iPhone, buscas WordPress Semanal y le das a reseñas. Los que me escucháis desde iVoox también, muchas, muchas gracias por vuestros comentarios y vuestros me gusta. Nos seguimos escuchando. Adiós.