Logo WordPress Lógica7web.es

Cómo editar CSS y PHP de los temas de WordPress

WordPress 5.4 «Adderley» incluye un editor mejorado, nuevos bloques y API para desarrolladores.

¿Estás pensando en cómo editar CSS y PHP de los temas en WordPress? Esta guía te ayudará a editar archivos de temas como functions.php o style.css a través del editor de temas.

Edición de PHP a través del editor de temas

En WordPress el Editor de temas es utilizado para editar archivos de tema. Con esta función puede editar los archivos CSS y PHP individuales de la plantilla que se está utilizando directamente. Por ejemplo, puede usarlo para editar el archivo functions.php.

Edición de PHP a través del editor de temas

💡 Consejo: Elegir el hosting adecuado es fundamental para un sitio web rápido. Recomiendo confiar en una calidad probada: BanahostingNicalia Raiola.

Advertencia de los riesgos de trabajar directamente sobre el tema

Usa esta Herramienta de edición con cuidado. Si realizas cambios en archivos que afectan incorrectamente el diseño de tu sitio, es posible que la página se rompa. En el mejor de los casos, se mostrará incorrectamente.

El propio WordPress te advertirá con una ventana de mensaje emergente:

Parece que está realizando cambios directos en su tema a través del panel de WordPress. ¡Le recomendamos que no lo haga! Editar este código es peligroso y puede resultar en que no pueda iniciar sesión en WordPress y deshacer los cambios. No es necesario que cambie su CSS aquí; puede editar los cambios en CSS en WordPress en el editor de CSS incorporado y obtener una vista previa en vivo. Si desea realizar más cambios, puede utilizar temas hijo.

Sin embargo, si elige editar en el lugar, asegúrese de hacer una copia de seguridad de todos los archivos de su sitio antes de realizar cualquier cambio para que pueda volver a una versión funcional si algo sale mal.

Si no tienes conocimientos de HTML, CSS o PHP, los cambios que realices pueden hacer que la página quede completamente inutilizable. Por lo tanto, te recomiendo que uses esta función solo si tiene los conocimientos necesarios.

Propina: Si su sitio se bloquea, inicie sesión en el archivo que editó a través de FTP e informe ese cambio.

Nita: Si tu sitio se bloquea, inicia sesión en el archivo que editaste a través de FTP y elimina ese cambio.

¿Cómo editar CSS de los temas de WordPress?

Puedes llegar al archivo de CSS style.css de tu tema haciendo clic en Apariencia > Editor de temas en el menú.

Para editar el estilo del tema, en realidad es mejor usar la función de editor CSS integrado para ver los cambios en vivo.

Cómo editar CSS de los temas de WordPress

Haz clic en editor CSS integrado o a través del menú Apariencia > Personalizar para ir directamente al editor (también llamado personalizador):

Agrega tu propio código CSS aquí para personalizar el diseño de tu sitio web

Agrega tu propio código CSS aquí para personalizar el diseño de tu sitio web. Obtenga más información sobre CSS.

El cuadro de edición resalta automáticamente la sintaxis del código. Puedes desactivar esto en tu perfil de usuario para trabajar en modo texto.

💡 Sugerencia para temas: Para temas premium, hemos tenido buenas experiencias con GeneratePress y temas de Elegantthemes y Themeforest.

Editando CSS y PHP en WordPress – Conclusión

Es mejor usar un tema hijo o child theme, ya que los cambios realizados directamente en el tema se pierden al actualizar. Además, existe el riesgo de que tu sitio web se bloquee.

También es útil tener un tema hijo para editar CSS para ser utilizado, pero se requieren habilidades de programación. El editor anterior es suficiente para la mayoría de usuarios.

¿Te ayudó este artículo? Por favor, apóyame compartiendo. 👍

También te puede interesar:

Scroll al inicio