WordPress finalmente ha restaurado la capacidad de agregar CSS personalizado a su sitio web con el lanzamiento de WordPress 6.2. En este artículo de ayuda, le muestro cómo agregar rápidamente CSS personalizado a cualquier sitio web utilizando esta última versión de WordPress, la plataforma CMS y el diseñador web gratuitos y de código abierto.

Este método también funciona con versiones más recientes, incluidas WordPress 6.3 y 6.4.

Índice del contenido

Paso 1: navegue hasta el editor del sitio

Puede acceder a la función CSS personalizado desde dentro de la Editor del sitio, que es donde se edita el Plantillas y Partes de la plantilla de su sitio web. El Editor del sitio es donde realiza lo que comúnmente se conoce como “Edición completa del sitio."

Desde el Panel de WordPress (la primera página a la que accede después de iniciar sesión), desplace el mouse sobre el elemento del menú "Apariencia" y haga clic en "Editor" (flecha roja en la imagen de arriba). Esto lo llevará al Editor del sitio.

Una vez dentro del Editor del sitio, puede hacer clic en cualquier parte del lado derecho de la pantalla (el área que muestra una vista previa de su sitio web, delineada en verde en la imagen de arriba) para abrir el Menú superior del Editor del sitio.

WordPress simplificado: curso sobre cómo crear sitios web potentes por Davies Media Design

Paso 2: accede al menú "Estilos"

Dentro del menú superior, haga clic en el ícono "Estilos" (el ícono es un círculo mitad negro, mitad blanco) para que aparezca la barra lateral de estilos.

Paso 3: acceda a "CSS adicional"

Haga clic en el menú "Acciones de estilos" en la parte superior de la barra lateral (el ícono pequeño de tres puntos - flecha roja en la imagen de arriba).

Haga clic en la opción "CSS adicional" del menú desplegable (flecha roja).

Ahora verá un cuadro de texto largo con la etiqueta "CSS adicional" donde puede agregar su código CSS personalizado (resaltado en verde en la imagen de arriba). La parte superior del cuadro dice "Agregue su propio CSS para personalizar la apariencia y el diseño de su sitio" (flecha roja). También verá un enlace donde puede obtener más información sobre la codificación CSS, que se puede usar para personalizar elementos de estilo de su sitio de WordPress.

Una vez que haya agregado su CSS personalizado (flecha verde), haga clic en el botón "Guardar" en el menú superior para guardar los cambios (flecha roja).

¡Eso es todo! Ahora sabe dónde agregar CSS personalizado a su sitio de WordPress en WordPress 6.2. ¿Quieres dominar WordPress? Echa un vistazo a mi Clase magistral de WordPress en Udemy!

Boletín informativo por correo electrónico de aplicaciones creativas gratuitas de Davies Media Design

Suscríbase al boletín de DMD

¡Regístrese para recibir nuevos tutoriales, actualizaciones de cursos y las últimas noticias sobre sus aplicaciones creativas gratuitas favoritas!

¡Te has suscripto satisfactoriamente!

El pin en Pinterest