Cómo cambiar el estilo CSS de una plantilla de WordPress | Cambia tu apariencia

Quien soy
Philippe Gloaguen
@philippegloaguen
FUENTES CONSULTADAS:

support.google.com, support.apple.com

Autor y referencias

Para esto podemos cambiar el estilo CSS de la plantilla de WordPress. Pero, ¿qué es CSS? ¿Cómo puedes usar CSS para cambiar el aspecto de tu blog? Aquí te enseñamos.

Para comenzar, comencemos por comprender qué es CSS. En resumen, es un hoja con lineas de codigo, que dan estilo a los diversos elementos HTML que componen una página web.

Al cambiar los valores en las distintas propiedades y selectores, puede cambiar la apariencia de la página. Te explicamos brevemente cómo crear un elegante encabezado CSS para tu página web y cómo puedes cambiar el estilo CSS de tu plantilla en WordPress.



¿Cómo editar el CSS en una plantilla de WordPress?

Hay varias formas de editar código CSS en WordPress, pero aquí te explicaremos una de las más sencillas: a través del editor dinámico la aplicación en sí. Esta función está disponible a partir de la versión 4.7 de WordPress. Simplemente haciendo clic en el menú "Apariencia" → "Personalizar" → "CSS adicional", puede acceder a un área de edición de CSS con una buena funcionalidad.

Pero ahora, ¿cómo sabes qué elementos quieres personalizar en tu página? Para ello, utilizaremos el inspector de elementos de su navegador. Por ejemplo, Firefox te permite editar o cambiar fácil y fácilmente el texto o elemento de tu página web.

Para ello, abrimos la página Web o el blog de WordPress cuya apariencia queremos cambiar y nos posicionamos sobre el elemento que queremos cambiar, haciendo clic con el botón derecho del mouse, seleccionamos “Inspeccionar” en el menú desplegable . Se abrirá un panel en el que se muestra por un lado el código HTML de ese elemento y por otro los códigos CSS que le dan el estilo.


Incluso en el mismo panel, cuando encuentre los elementos, etiquetas y selectores que desea personalizar, puede probar cambiar valores de propiedad desea para que pueda ver de inmediato cómo se ven en el lado izquierdo de la pantalla. Ahora todo lo que necesita hacer es reescribir el CSS en WordPress.


¿Cómo anular el código CSS en WordPress?

Ahora que conoce los elementos que desea cambiar en el CSS de WordPress, vuelva a la publicación y abra el editor dinámico. Por lo tanto, escriba la etiqueta o el elemento al que desea cambiar basado en lo que hizo anteriormente en el inspector de elementos del navegador. Finalmente, coloque las propiedades que desea cambiar e ingrese nuevos valores personalizados. ¡Dale a tu sitio web el aspecto que más te guste!

Recuerda que tienes que seguir la estructura del código CSS como se ve en el inspector de elementos del navegador. Una ventaja del editor de CSS dinámico de WordPress es que facilita la edición con varias funciones, como el resaltado de código que ayuda a identificar clases, etiquetas y valores. Además, tiene texto de autocompletado incorporado y un detector de errores de escritura.

Hay muchas propiedades que puede cambiar para dale un cambio de estilo a tu páginaPor ejemplo: podrías cambiar la apariencia de los títulos y subtítulos representados por las etiquetas H1, H2,… Con las propiedades: tamaño de fuente, texto - familia, color, fondo, entre otras.

Además, puedes insertar o cambiar fácilmente un FAVICON, el fondo de los campos del formulario, el color de los botones y el texto que contienen. También cambia la apariencia de algunos elementos antes de una acción, como: el color de los elementos del menú cuando se desplaza o hace clic sobre ellos.


Sin embargo, tienes que tenga cuidado de cambiar algunas de las propiedades pertenecientes a ciertos elementos en el código CSS. Ya que estos pueden cambiar por completo y arruinar la estructura de tu sitio web. Algunas de estas propiedades son: ancho, alto, relleno, margen, posición, visualización, entre otras. Si no puede identificar a qué aspecto se refiere una propiedad, no la cambie.


¡Ahora personalizar tu blog o sitio web es pan comido! Diseña tu sitio web a tu gusto y cambia el encabezado y el pie de página en WordPress para que sea más atractivo para los visitantes.

EtiquetasWordPress
Añade un comentario de Cómo cambiar el estilo CSS de una plantilla de WordPress | Cambia tu apariencia
¡Comentario enviado con éxito! Lo revisaremos en las próximas horas.