May 24, 2023

371 | CSS en WordPress para principiantes

18 minutes

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

+90 cursos en vídeo | +400 vídeos de la Zona Código | Soporte y comunidad privada

👉 Suscribirme

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.

...more

View all episodes

By Gonzalo Navarro

4.8

88 ratings

May 24, 2023

371 | CSS en WordPress para principiantes

18 minutes

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

+90 cursos en vídeo | +400 vídeos de la Zona Código | Soporte y comunidad privada

👉 Suscribirme

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.

...more

More shows like WordPress Semanal

View all

Emilcar Daily

24 Listeners

La escóbula de la brújula

118 Listeners

Marketing Online

63 Listeners

Negocios y WordPress

0 Listeners

Cupertino, podcast sobre Apple

16 Listeners

Apple Coding Daily

23 Listeners

Materia Oscura

20 Listeners

Inteligencia Artificial

16 Listeners

Freelandev - Vivir del desarrollo en WordPress

0 Listeners

Loop Infinito (by Applesfera)

55 Listeners

Dentro de la pirámide

39 Listeners

WordPress Pódcast (español)

1 Listeners

Yo documental

34 Listeners

monos estocásticos

2 Listeners

DESPIERTA TU CURIOSIDAD

3 Listeners

Share 371 | CSS en WordPress para principiantes

Sign up to save your podcasts

371 | CSS en WordPress para principiantes

371 | CSS en WordPress para principiantes

More shows like WordPress Semanal

Emilcar Daily

La escóbula de la brújula

Marketing Online

Negocios y WordPress

Cupertino, podcast sobre Apple

Apple Coding Daily

Materia Oscura

Inteligencia Artificial

Freelandev - Vivir del desarrollo en WordPress

Loop Infinito (by Applesfera)

Dentro de la pirámide

WordPress Pódcast (español)

Yo documental

monos estocásticos

DESPIERTA TU CURIOSIDAD