WordPress es un popular sistema de gestión de contenidos (CMS) para blogs y sitios web. Puedes editar el CSS con el personalizador de temas o a través de un plugin.
Editar CSS en WordPress – Personalizador de temas
Una forma fácil y rápida de personalizar el diseño de WordPress sin necesidad de un plugin adicional es el Personalizador de temas. Le permite personalizar algunos aspectos del tema, incluido el CSS. Sin embargo, sólo se puede editar lo que el proveedor del tema ha asociado a la configuración.
- Primero vaya a su sitio web WordPress (www.ihredomain.de/wp-admin) e inicie sesión como admin.
- En el área de administración, haga clic en «Diseño» en la barra lateral de la izquierda.
- Puede hacer clic en «Personalizar» y realizar numerosos ajustes.
- En el campo «CSS adicional» puede insertar su propio código.
- Publique el cambio con «Publicar».
Editar CSS en WordPress – Editor de archivos de temas
Por supuesto, además del sencillo método del Personalizador, también existe la opción algo más compleja de personalizar el CSS desde el tema directamente. En comparación con el Personalizador de temas, el Editor de archivos de temas permite acceder directamente a los archivos en los que se almacena el código CSS. En general, esto significa que las opciones de personalización son mayores.
- Primero vaya a su sitio web WordPress (www.ihredomain.de/wp-admin) e inicie sesión como admin.
- Haga clic en «Diseño» en el panel de control de la izquierda, en la barra lateral.
- A continuación, haga clic en «Editor de archivos temáticos», seleccione el archivo CSS y realice los ajustes.
- En la parte superior derecha puede cambiar el tema a editar si es necesario.
- Guarde el cambio con «Actualizar archivo».
Editar CSS en WordPress – utilizar plugin para personalización
También puede utilizar el plugin para la personalización.
- Inicie sesión como administrador en su sitio de WordPress
- Instale el plugin «Simple Custom CSS «
- Haga clic en «Plugins» en la pestaña del menú.
- Abra el editor CSS haciendo clic en «Añadir CSS».
- Añada su código y confirme pulsando «Actualizar».
