¿Qué es CSS y cómo afecta a WordPress?
Si ejecuta un sitio de WordPress, seguramente encontrará el término "CSS". En esta publicación, aprenderá qué es CSS y cómo afecta su sitio.
Esta es una descripción general rápida para que no aprenda a escribir CSS, pero comprenderá su lugar en la web y en su sitio.
¿Qué es CSS?
CSS se utiliza para diseñar páginas web. Está escrito únicamente para cambiar la presentación de un sitio web.
Eche un vistazo a esta captura de pantalla de IMDb.com:
Captura de pantalla 1: IMDb
Ahora compare eso con esta captura de pantalla de IMDb con el CSS desactivado:
Captura de pantalla 2: IMDb – Sin CSS
No tan bonito, ¿verdad?
El contenido (palabras, enlaces, etc.) es exactamente el mismo en ambos ejemplos. La diferencia es la evidente ausencia de estilo.
Lo que puede ver en la captura de pantalla 2 es una lista de enlaces que normalmente se diseñarían para parecerse a un menú.
Cuando dije que CSS se usa para diseñar páginas web, quiero decir que es la forma en que se diseñan las páginas web. Sin él, todos los sitios se verían como la captura de pantalla anterior. Eso plantea la pregunta, ¿qué estamos viendo en esa captura de pantalla?
Construido con HTML, diseñado con CSS
Para comprender el lugar de CSS en la web, debe conocer HTML.
Así es como se ve el HTML sin procesar para esa misma parte de la página de inicio de IMDb:
Captura de pantalla 3: IMDb – HTML
En la captura de pantalla 3, verá el HTML que a menudo se denomina "código fuente". De esto es de lo que están hechos los sitios web. Es lo que lee su navegador y lo que ve el robot de Google cuando rastrea su sitio.
Cuando visita una página web, su navegador toma el HTML sin procesar (captura de pantalla 3) y muestra una página web utilizable (captura de pantalla 2). Si hay archivos CSS, se cargan y se usan para diseñar la página web (captura de pantalla 1).
CSS con WordPress
En resumen, los sitios web están hechos con HTML y diseñados con CSS. Su sitio de WordPress no es diferente.
En la práctica, es útil saber que HTML se usa para agregar contenido a una página, y CSS siempre se usa para darle estilo. Cualquier cambio de estilo que desee realizar en su sitio (aumentar el tamaño del logotipo, cambiar el color de fondo, etc.) se realizará con CSS.
Espero que le haya resultado útil para comprender CSS y su lugar en su sitio. Si tiene alguna pregunta, publíquela en los comentarios a continuación.
Divulgación: esta publicación puede contener enlaces de afiliados. La compra de un producto a través de uno de estos enlaces nos genera una comisión sin costo adicional para usted.