A veces, es posible que deba agregar CSS personalizado en su sitio de WordPress. Tal vez sea porque estás siguiendo un tutorial sobre MundoCMS o nuestro canal de YouTube. Para la mayoría de los principiantes, el uso de FTP es demasiado confuso, pero hay otras formas de agregar CSS personalizado. En este artículo, le mostraremos cómo agregar fácilmente CSS personalizado a su sitio de WordPress sin modificar ningún archivo de tema.

Video tutorial
Contents
Suscríbase a MundoCMS Si prefiere tutoriales escritos o desea avanzar a su propio ritmo, siga leyendo las instrucciones a continuación.
Método 1: agregar CSS personalizado mediante el personalizador de temas
A partir de WordPress 4.7, los usuarios ahora pueden agregar CSS personalizado directamente desde el área de administración de WordPress. Es muy simple y podrá ver instantáneamente sus cambios con una vista previa en vivo. Primero, debes dirigirte al TemasPersonalizar página.
Esto iniciará la interfaz de personalización del tema 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.
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.
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.
Notar: Cualquier CSS personalizado que agregue usando el personalizador de temas solo está disponible con ese tema en particular. Si desea usarlo con otros temas, deberá copiarlo y pegarlo en su nuevo tema usando el mismo método.
Método 2: agregar CSS personalizado usando un plugin
El primer método solo le permite registrar CSS personalizado para el tema actualmente activo. Si cambia el tema, es posible que deba copiar y pegar su CSS personalizado en el nuevo tema. Si desea que se aplique su CSS personalizado independientemente del tema de WordPress que esté utilizando, este método es para usted. Lo primero que debe hacer es instalar y activar el plugin CSS personalizado simple. Tras la activación, simplemente navegue hasta Apariencia »CSS personalizado y escribe o pega tu CSS personalizado.
No olvide presionar el botón «Actualizar CSS personalizado» para guardar sus cambios. Ahora puede abrir su sitio web de WordPress para ver el CSS personalizado en acción.
Usar un plugin CSS personalizado frente a agregar CSS al tema
Ambos métodos descritos anteriormente se recomiendan para principiantes. Los usuarios avanzados también pueden agregar CSS personalizado directamente a sus temas. Sin embargo, no se recomienda agregar fragmentos de CSS personalizados en su tema principal. Los cambios de CSS se perderán si actualiza accidentalmente el tema sin guardar los cambios personalizados. El mejor enfoque es utilizar un tema hijo en su lugar. Sin embargo, muchos principiantes no quieren crear un tema hijo. Además de agregar CSS personalizado, los principiantes a menudo se confunden sobre cómo usarán este tema hijo. El uso de un plugin CSS personalizado le permite almacenar su CSS personalizado independientemente de su tema. De esta manera, puede cambiar fácilmente el tema y su CSS personalizado seguirá ahí. Otra excelente manera de agregar CSS personalizado a su sitio de WordPress es usar el plugin CSS Hero. Este maravilloso plugin le permite editar casi cualquier estilo CSS en su sitio de WordPress sin escribir una sola línea de código.
Esperamos que este artículo le haya ayudado a agregar CSS personalizado a su sitio de WordPress. Es posible que también desee ver nuestra guía para crear un tema personalizado de WordPress sin escribir código, y los mejores plugins de creación de páginas de arrastrar y soltar de WordPress. Si le gustó este artículo, suscríbase a nuestro canal de YouTube para ver tutoriales en video de WordPress. También puede encontrarnos en Twitter y Facebook.