Audio is streamed directly from the publisher (media.blubrry.com) as published in their RSS feed. Play Podcasts does not host this file. Rights-holders can request removal through the copyright & takedown page.
Show Notes
En el episodio 371 de WordPress Semanal aprenderás los primeros pasos para empezar a modificar tu WordPress con CSS.
Cómo empezar a usar CSS en tu sitio WordPress
- Introducción al CSS en WordPress
- 6 ventajas de aprender CSS
- Importante: aprende las bases del CSS
- Cómo editar CSS dentro de WordPress
- ¿Es buena idea un plugin para editar CSS en WordPress?
- Consejos y trucos para trabajar con CSS en WodPress
- Camino para aprender CSS enfocado a WordPress
- Plugin de la semana
- Contenidos recomendados
Introducción al CSS en WordPress
- El CSS es lo que define el aspecto de tus webs
- Los themes y plugins que instalas ya traen sus hojas de estilos con el CSS necesario
- Pero tú puedes modificarlo a tu gusto e incluso crear estilos nuevos
6 ventajas de aprender CSS
- Control de personalización
- Optimización del rendimiento
- Ahorro de costes
- Experiencia y puerta para otras habilidades
- Resolución de problemas
- Diseño responsivo
Importante: aprende las bases del CSS
- Aunque no lo escribas desde cero, es súper útil saber interpretarlo
- Aprende los conceptos de:
- Selectores
- Etiquetas html
- Clases
- Identificadores
- Propiedades
- Valores
- Selectores
- Aquí curso de css básico donde aprendes esos conceptos
Cómo editar CSS dentro de WordPress
- Para pegar o escribir código CSS
- Si usas un tema clásico: en el menú Apariencia > Personalizar > CSS adicional
- Si usas un tema de bloques: en Apariencia > Editor > Estilos > CSS adicional
- Si usas un constructor visual, también tendrás una o varias zonas
- Si quieres editarlo a nivel de theme: crea un tema hijo y modifica la copia del style.css
- Para revisar el CSS existente:
- Puedes ver el CSS de tu theme en el archivo style.css
- Para consultar el CSS de una parte específica de una web, usa el inspector de tu navegador
¿Es buena idea un plugin para editar CSS en WordPress?
- Lo más limpio y ordenado es usar la hoja de estilos de un tema hijo para aplicar los cambios por css
- Lo más rápido y cómodo es usar el personalizador de CSS de WordPress
- En cualquiera de los dos casos, documenta bien las modificaciones
- El uso de un plugin para añadir código no deja de ser otro extra que estás añadiendo a tu web. Mejor ahorrártelo.
Consejos y trucos para trabajar con CSS en WodPress
- Familiarízate con el inspector del navegador
- Usa una extensión de navegador que te ayude visualmente
- Depura la caché para ver los cambios que hagas
Camino para aprender CSS enfocado a WordPress
- Haz los cursos de html y css
- Empieza por hacer pequeñas modificaciones de tu web
- Filtra por CSS en la Zona Código y aplica los casos que más te interesen
- Avanzado: crea tu propio child theme
Plugin de la semana
Contenidos recomendados
Aprende a crear y gestionar webs con WordPress de cero a profesional
+90 cursos en vídeo | +400 vídeos de la Zona Código | Soporte y comunidad privada
12€/mes · Sin permanencia · Con 15 días de garantía
La entrada 371 | CSS en WordPress para principiantes es una artículo de Gonzalo Navarro.