371 | CSS en WordPress para principiantes

Escuchar en iTunes Escuchar en iVoox Escuchar en Spotify

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
• 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 kontur Copy Code Button Contenidos recomendados Curso de Fathom Analytics para WordPress 321. Eliminar opciones del filtro de producto de WooCommerce Aprende a crear y gestionar webs con WordPress de cero a profesional

+62 cursos en vídeo | +260 vídeos de la Zona Código | Soporte personalizado