1. Utilice el Personalizador de WordPress. El Personalizador de WordPress le permite editar la apariencia de su sitio, incluida la adición de CSS personalizado. Para acceder al Personalizador, vaya a Apariencia> Personalizar. En el Personalizador, haga clic en la opción "CSS adicional". Aquí puede ingresar su código CSS personalizado.
2. Cree un archivo CSS personalizado. Puede crear un archivo CSS y cargarlo en el directorio del tema de su hijo. Para hacer esto, cree un nuevo archivo llamado style.css y guárdelo en el directorio /child-theme-name/css/. Luego, agregue su código CSS personalizado al archivo style.css.
3. Utilice un complemento CSS. Hay varios complementos CSS que pueden ayudarlo a agregar código CSS a su sitio. Algunos complementos populares incluyen:
- CSS personalizado simple:este complemento le permite agregar código CSS personalizado a su sitio sin tener que editar ningún archivo.
- WP Add Custom CSS:este complemento proporciona una serie de funciones para agregar CSS personalizado, incluida la capacidad de seleccionar a qué páginas o publicaciones se aplicará su código CSS.
- CSS y JS personalizados:este complemento le permite agregar código CSS y JavaScript personalizado a su sitio.
Una vez que haya agregado su código CSS, puede obtener una vista previa de los cambios en el Personalizador o actualizando las páginas de su sitio.
A continuación se ofrecen algunos consejos para agregar CSS a su sitio de WordPress de una sola página:
- Utilice consultas de medios para que su código CSS responda. Esto asegurará que su sitio se vea mejor en diferentes dispositivos.
- Tenga cuidado de no agregar demasiado código CSS. Esto puede ralentizar el tiempo de carga de su sitio.
- Utilice un complemento como Simple Custom CSS o WP Add Custom CSS para que sea más fácil administrar su código CSS personalizado.
- Pruebe sus cambios en el Personalizador antes de publicarlos en su sitio.