Ep 50 | Las ventajas de aprender un poquito de codigo

En el episodio 50 de WordPress semanal te enseñaré las ventajas de saber código y cómo es más fácil aprenderlo de lo que parece. 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 tu propia página web con WordPress. Y yo estoy aquí para ayudarte a conseguirlo con el podcast, con el blog, con los cursos y a partir de ahora con la zona código. Y precisamente en el programa de hoy van a ir por ahí los tiros. Vamos a hablar de las ventajas de aprender un poquito de código. Y digo un poquito porque cuando hablamos de código, pues hay un montón de tipos de código, CSS, HTML, PHP, en el caso de WordPress sobre todo JavaScript, en fin, un mundo. ¿Entonces nos podemos ver un poco abrumados, pero se puede aprender un poquito si se aprende bien, si se sabe dónde mirar y cómo empezar, porque si no uno se puede volver loco y decir esto del código para los cerebritos? Pues quiero quitaros eso de la cabeza, ¿Vale? Pero antes, como siempre, vamos a hablar del plugin de la semana. Y es un plugin que te permite tener tus widgets en columnas, en la sidebar o en otras áreas de widgets. El plugin se llama Easy Widget Columns y. Y precisamente puedes hacer eso, colocar tus widgets en filas de columnas. Por ejemplo, puedes tener tres filas y en la primera fila poner dos widgets, en la segunda poner tres si quieres y en la tercera poner dos, como tú quieras, ¿Vale? Entonces imagina, para que tengas la imagen en tu cabeza, tienes tu página web y tu sidebar en la derecha, que es lo más común. Pues ahí lo que tú puedes hacer ahora mismo es colocar un widget debajo de otro, por ejemplo, poner el widget de calendario, después poner el widget de entradas recientes, después poner un widget de texto donde vas a promocionar algo que tú quieras, después el formulario de contacto, por ejemplo. Pues imagínate que eso tú puedes controlar que en lugar de que aparezcan uno debajo del otro, que aparezcan con la disposición que quieras, por ejemplo, uno al lado de otro. Imagina que en el caso de que si pones el formulario de contacto quieres tener a la izquierda tu foto, por ejemplo, que salgas tú y a la derecha el formulario de contacto, pues puedes hacerlo sin problema. Y eso en el caso de la sidebar, que tampoco hay mucho espacio, pero si tu theme viene con áreas de widgets en otros lugares, por ejemplo en el footer o en otros lugares, también puedes hacerlo ahí, con lo cual te va a permitir mucho juego y composiciones chulas. El plugin es bastante nuevo, de nuevo, se llama Easy Widget Columns y tiene muy muy buena pinta y además de las disposiciones de poder ponerlo en columnas y demás, también tiene algunas cositas de diseño, que puedes cambiar el color de fondo y demás. Os dejo el link, le echáis un vistazo y me comentáis qué tal. Y ahora ya sí, vamos con el programa de hoy, las ventajas de aprender un poqu de código. ¿Cuáles son estas ventajas? Bueno, en primer lugar, libertad, ¿Vale? Vas a tener menos dependencia de plugins, de los page builders, de constructores y demás, o de supertheams como por ejemplo Divi y otros themes que te permiten digamos el diseño sin que tú sepas código. ¿Por qué otro aspecto te da libertad? Pues que no tienes que contratar a un diseñador para cada pequeño detalle que quieras modificar. Y ya no me refiero porque el diseñador te cueste dinero, es normal, si tú quieres un servicio pues lo pagas y ya está, me refiero por el tiempo, por ejemplo, si necesitas, yo que sé, cambiar un botón que tienes en tu web de verde a rojo, que no tengas que andar ahí peleándote, buscando en google o al final contratando a alguien para hacerlo, sino que tú seas capaz de hacerlo porque hay esos pequeños cambios que te encantarían hacer seguramente porque yo he pasado por ahí, pero no consigues hacerlo al final y acabas instalando un plugin que lo haga o cualquier otra cosa. Hablaremos de esto un poquito más adelante, pero en general te va a aportar libertad, y estoy hablando de aprender un poquito de código, una base para el día a día un poquito, no que seas un desarrollador ni un diseñador, no. Que sepas tu poquito de código para llevar mejor tu web, para hacer los pequeños cambios que necesites y no estar dependiendo de grandes plugins, grandes themes o de contratar a alguien. ¿Y esto que te va a permitir? Pues entre otras cosas, hacer pruebas para ver qué funciona mejor. Cuando nosotros tenemos un objetivo con nuestra web, ya sea vender, ya sea conseguir suscriptores, lo que sea, es importante tener un cierto control sobre el diseño y el funcionamiento, porque cuando hablo de código no sólo hablo de CSS, que sería el código con el que nosotros le damos el aspecto a nuestra web, sino que también hablo de PHP. El PHP básicamente en WordPress sirve para controlar el funcionamiento de nuestra web. Entonces si tú tienes unos conocimientos básicos, tú vas a poder hacer ciertos cambios sobre el diseño y el funcionamiento de tu web. ¿Qué te va a permitir eso? Pues ir perfeccionando las distintas páginas. Si tú tienes una página para conseguir suscriptores o una página para que la gente se descargue un ebook, pues tú puedes ir perfeccionando todo eso. Puedes colocarlo, por ejemplo, en lugar de tenerlo todo hacia abajo, colocarlo en dos columnas o darle un ancho más grande a una parte, un ancho más pequeño a otra. Todo eso hay que hacerlo a través de código o haciendo que el botón de suscríbete tenga un efecto especial, tenga una sombra, haga algún tipo de movimiento. Todo eso se puede hacer de forma más sencilla de lo que crees. Tercera ventaja, vas a entender los tutoriales que circulan por la red, porque sí Internet está lleno de cosas, tú buscas cómo hacer que un elemento del menú resalte. Por ejemplo en mi caso que tengo, si te has fijado en mi web, la parte del menú de arriba, tengo cursos de WordPress, tengo el blog, tengo contacto, tengo sobre mí y demás, pues la parte de cursos de WordPress la tengo con un recuadro verde, pues por ejemplo, eso es un cambio menor. Pero claro, si no tienes esas nociones básicas de código, no eres capaz de hacerlo. Incluso si buscas un tutorial en la web que te lo explica, seguramente te lo esté explicando en general, no te lo está explicando cómo hacerlo en WordPress. Si en concreto buscas cómo hacerlo en WordPress, lo más seguro es que te remitan a un plugin o que te remitan a un theme que lo hace. Pero de esta forma, si tú aprendes código enfocado a WordPress, vas a poder tener esa libertad y en cuanto consigas tener esa pequeña base, ya cualquier tutorial que busques vas a saber adaptarlo a tus necesidades y vas a saber pues sí te dan el código, pero ¿Dónde pongo ese código? ¿Qué tengo que hacer? ¿Cómo es la mejor práctica para que yo consiga hacer eso funcionar? Vale, pues lo veremos ahora cómo hacerlo más ventajas, pues vámonos por la ventaja 4. Aprender un poquito de código es el camino para aprender mucho, porque primero vas a hacer lo que te comentaba, vas a copiar el el código de otros, te vas a ir a un tutorial de alguien que te está explicando cómo hacerlo y como tú ya entiendes más o menos cómo moverte, ya sabes que tienes que ir a este archivo, pegarlo ahí, que tienes que haber creado un child theme primero, que tienes que haber hecho esto, esto y lo otro, pues ya ahí te encuentras cómodo, ya empiezas a copiar el código de otros diseñadores, de otros desarrolladores o incluso de la propia página de WordPress. Org y a utilizarlo, lo pegas en tus archivos de WordPress y ya pues poco a poco vas haciendo eso sin necesidad de saber escribir código porque realmente no estás escribiendo código aún. Después te animarás y modificarás el código de otros, por ejemplo copias el código de otra página, pero ya ves que por ejemplo una de las cosas tú preferirías que fuese de otra forma y te das cuenta que es más fácil de lo que parece cambiarlo, simplemente tienes que modificar una cosita del código que acabas de copiar y ya lo tienes. Por ejemplo, pues si copias, no sé, un código, por ejemplo el código CSS para ver cómo hacer un área de tu web destacada, ¿Vale? Porque quieres dentro de un artículo quieres meter un área destacada y te vas por ahí, lo buscas en Internet y te das cuenta que hay un código que lo puedes hacer perfectamente lo que tú querías, pero ese destacado sale en rojo y a ti te gustaría que fuese en verde, pues como ya entiendes un poquito de ese código, simplemente modificas la parte donde está el verde para poner tu rojo y ahí te vas metiendo un poquito en cómo modificar ese código. Una cosa sencilla, después irás a más, irás a más, irás a más, hasta que al final sin darte cuenta estarás escribiendo código ¿Vale? Ese primer paso, el primer paso de copiar el código de otros ya con eso vas a avanzar muchísimo porque hay tanta información por ahí que realmente si tú entiendes dónde va cada cosa, qué hace cada tipo de código, qué hace el CSS, qué hace el PHP, dónde poner uno, dónde poner otro y demás, se te abrirá un mundo de posibilidades enorme, porque claro, hay tanta información por ahí que tú puedes utilizarla para tu propio beneficio, pero es que además después irás aprendiendo y tú mismo podrás ir modificando ese código y podrás crear tu propio código. Así que de nuevo te animo mucho a que te vayas adentrando un poquito en ese mundo. Y después algunos ejemplos de cositas que puedes hacer, pues por ejemplo cosas sencillas, cambiar el color de cualquier elemento o de texto sencillas pero que si no controlas un poquito se te escapa, o editar la disposición de los espacios, ¿Cuántas veces te pasa que tienes un theme y en la página principal te parece que está muy bien pero te gustaría por ejemplo que hubiese menos espacio entre el menú y el contenido o entre la sidebar y el contenido o en la página de blog que te salen todas las entradas y te parece como que está todo demasiado junto o todo demasiado separado y te gustaría cambiar esos espacios, Pues todo eso sabiendo un poquito de código lo puedes hacer de forma sencilla? Otra cosa muy típica, crear botones, un botón no es más que dar unos estilos a un link, tú tienes un link, pues si les das una serie de estilos, le pones un fondo, le pones un borde y demás consigues un botón, lo que pasa que claro, tienes que saber ese poquito de código para poder hacerlo. ¿Qué es lo que se suele hacer? ¿Pues al final la gente instala un plugin o si el thing ya viene con botones pues usas el que viene, pero y si quieres cambiar el aspecto de ese botón que ya te viene con un thing o que ya has conseguido hacer tú con un plugin? Pues eso lo podrías hacer teniendo una base muy pequeñita de código. Más cosas, dar efectos a las imágenes, a los menús o a los propios botones, por ejemplo que que den un saltito el botón que tú quieres destacar o que tenga una sombra o que tenga lo que sea y eso, todo lo que estoy hablando es en cuanto a aspecto, pero después también podemos aportar funcionalidades extra o cambiar las cosas que vienen por defecto con nuestro WordPress, pues también lo puedes hacer a través de PHP con funciones que son un poquito más complejas, sí, pero si entiendes un poquito cómo funciona el tema de las funciones ya simplemente puedes buscarlo por ahí en google de gente de la que tú te fíes y utilizar esas funciones para para tu propio beneficio. Por ejemplo una cosa muy típica es personalizar la página de login, la página donde tú inicias sesión, pues es bastante sencillo, por ejemplo cambiar en lugar de que salga el logo de WordPress, que salga tu propio logo. ¿Y qué hace la gente normalmente para eso? Pues instalar un plugin que te permite pues eso, personalizar tu WordPress y demás. Pero todo eso en realidad es muy sencillito hacerlo con código si tienes como digo unas nociones básicas. Pues esto y otras muchísimas cosas es lo que vamos a aprender desde cero hacer en la zona código, que ya os había hablado de ella durante otros episodios y que ya tenía muchísimas ganas de lanzar. Y como sabéis se trata de un vídeo semanal sobre el uso de código. Es totalmente práctico, usas el código desde el primer vídeo, no tienes que tener nada de nociones, como ya sabéis lo que os estoy comentando, no hace falta que sepas nada de código, el único requisito es que tengas una web con WordPress y poco a poco a través de estos vídeos, es un vídeo a la semana que está pensado precisamente para eso, para los que tenemos una página web con WordPress. No queremos ser desarrolladores, no queremos ser diseñadores, sino queremos saber manejarnos, queremos poder cambiar lo que os he comentado hasta ahora, un detallito de nuestra web o ya cositas más complejas conforme vayamos avanzando, pero que tengas esa libertad, ese control de cambiar lo que necesites de tu web. Y además, por el momento está incluido sin coste extra, no tienes que pagar absolutamente nada más por ser suscriptor, es decir, la suscripción de siempre, con todos los cursos sobre WordPress, todas las descargas, el soporte personalizado. Pues ahora se añade la zona código, que es un vídeo semanal además de los cursos mensuales. Así que un montón de contenido y además los vídeos son como te digo, de aplicación inmediata. Cuando use código lo tendrás disponible para copiar y pegar. Y además he preparado tres vídeos estructurales que ya están incluidos, más el vídeo de esta semana que sería el primer vídeo, es decir, ahora mismo hay cuatro vídeos y los tres vídeos estructurales los tienes que ver sí o sí, ¿Vale? Porque con ellos vas a sentar las bases de cómo después tú vas a ir pudiendo editar el código, es decir, vas a preparar tu web para que después te sea súper sencillo ir pegando el código que vemos en todas las lecciones o ir escribiendo tu propio código. Una vez que tengas un poquito más de nivel. Y esos tres vídeos son cómo utilizar un programa de FTP, en concreto Filezilla, cómo crear un child theme, lo vemos en el vídeo paso a paso. Además vemos la forma actualizada que desde hace algún tiempo WordPress recomienda, una en concreto, vemos cómo hacerlo y cómo crear un plugin de funciones. Un plugin de funciones es crear tu propio plugin donde tú vas a ir poniendo funcionalidades que le quieres dar a WordPress. Está muy bien, son vídeos entre 5 y 10 minutos de aplicación inmediata y que estoy seguro de que te van a encantar. Y más allá de los tres vídeos estructurales, el primero de esta semana es precisamente cómo editar el CSS de tu web. Y en cuanto veas ese vídeo te vas a dar cuenta de lo que te he estado comentando durante todo el episodio de hoy. Y es que realmente tienes a tu alcance el poder editar el código CSS de una forma más sencilla de lo que parece. Así que si eres suscriptor, corre a tu cuenta porque ya tienes todos los vídeos disponibles. Y si no lo eres y quieres suscribirte, ya lo sabes, Gonzalo es cursos y ahí tienes toda la información. Además te dejaré links por aquí por las notas del programa. Así que nada más a modo de conclusión, creo de verdad que aprender código te va a dar la libertad que necesitas, supone un salto de calidad tremendo en la forma de gestionar tu web y de hacer los cambios que necesitas, de no depender tanto de cosas externas. Y además es que te va a hacer sentir súper bien cuando escribes tu primera línea de código, te vas a creer, yo que sé, Mark Zuckerberg. Así que nada más, espero que os haya gustado el episodio de hoy. Ya sabéis, tenéis todos los links en las notas del programa. Gonzalo es podcast y este es el episodio 50. Y como siempre, si quieres echarme un cable, ya sabes que me ayudan un montón tus valoraciones en iTunes. Y a los que me escucháis desde iVoox también, muchas gracias por los comentarios y los me gusta. Nos seguimos escuchando. Adiós.