Agregar CSS personalizado mediante el personalizador de temas

Última actualización:

Desde WordPress 4.7, los usuarios ahora pueden agregar CSS personalizado directamente desde el área de administración de WordPress. Esto es muy fácil y podrá ver sus cambios con una vista previa en vivo al instante.

Ver un pequeño video tutoral

Primero, debe dirigirse a la página Temas »Personalizar .
Iniciar el personalizador de temas
Esto iniciará la interfaz de personalización de temas de WordPress.
Verá la vista previa en vivo de su sitio con un montón de opciones en el panel izquierdo. Haga clic en la pestaña CSS adicional en el panel izquierdo.
Opción CSS adicional en el personalizador de temas de WordPress
La pestaña se deslizará para mostrarle un cuadro simple donde puede agregar su CSS personalizado. Tan pronto como agregue una regla CSS válida, podrá verla aplicada en el panel de vista previa en vivo de su sitio web.

Agregar CSS personalizado con vista previa en vivo

Puede continuar agregando código CSS personalizado hasta que esté satisfecho con el aspecto que tiene en su sitio.
No olvide hacer clic en el botón "Guardar y publicar" en la parte superior cuando haya terminado.

Guarde sus cambios CSS personalizados

Nota: Cualquier CSS personalizado que agregue usando el personalizador de temas solo está disponible con ese tema en particular. Si desea utilizarlo con otros temas, deberá copiarlo y pegarlo en su nuevo tema utilizando el mismo método.

Categorías

¿Hablamos?

¿Tienes un proyecto en mente? Hagámoslo realidad juntos.

Si necesitas ayuda con tu próximo desarrollo web o simplemente quieres saludar, estaré encantado de escucharte.

Joaquín Sáez

Sobre el Autor

Joaquín Sáez

Desarrollador Full Stack especializado en tecnologías web modernas. Me apasiona crear soluciones innovadoras y compartir conocimiento con la comunidad de desarrolladores.

Artículos Relacionados

Compartir este artículo