{"id":254404,"date":"2022-04-06T13:20:00","date_gmt":"2022-04-06T10:20:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=254404"},"modified":"2021-10-29T05:35:36","modified_gmt":"2021-10-29T02:35:36","slug":"que-es-css-y-como-afecta-a-wordpress","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/es\/que-es-css-y-como-afecta-a-wordpress\/","title":{"rendered":"\u00bfQu\u00e9 es CSS y c\u00f3mo afecta a WordPress?"},"content":{"rendered":"

Si ejecuta un sitio de WordPress, seguramente encontrar\u00e1 el t\u00e9rmino "CSS". En esta publicaci\u00f3n, aprender\u00e1 qu\u00e9 es CSS y c\u00f3mo afecta su sitio.<\/p>\n

Esta es una descripci\u00f3n general r\u00e1pida para que no aprenda a escribir CSS, pero comprender\u00e1 su lugar en la web y en su sitio.<\/p>\n

\u00bfQu\u00e9 es CSS?<\/h2>\n

CSS se utiliza para dise\u00f1ar p\u00e1ginas web. Est\u00e1 escrito \u00fanicamente para cambiar la presentaci\u00f3n de un sitio web.<\/p>\n

Eche un vistazo a esta captura de pantalla de IMDb.com:<\/p>\n

\"\u00bfQu\u00e9<\/a><\/p>\n

Captura de pantalla 1: IMDb<\/p>\n

Ahora compare eso con esta captura de pantalla de IMDb con el CSS desactivado:<\/p>\n

\"\u00bfQu\u00e9<\/a><\/p>\n

Captura de pantalla 2: IMDb – Sin CSS<\/p>\n

No tan bonito, \u00bfverdad?<\/p>\n

El contenido (palabras, enlaces, etc.) es exactamente el mismo en ambos ejemplos. La diferencia es la evidente ausencia de estilo.<\/p>\n

Lo que puede ver en la captura de pantalla 2 es una lista de enlaces que normalmente se dise\u00f1ar\u00edan para parecerse a un men\u00fa.<\/p>\n

Cuando dije que CSS se usa para dise\u00f1ar p\u00e1ginas web, quiero decir que es la forma en que se dise\u00f1an las p\u00e1ginas web. Sin \u00e9l, todos los sitios se ver\u00edan como la captura de pantalla anterior. Eso plantea la pregunta, \u00bfqu\u00e9 estamos viendo en esa captura de pantalla?<\/p>\n

Construido con HTML, dise\u00f1ado con CSS<\/h3>\n

Para comprender el lugar de CSS en la web, debe conocer HTML.<\/p>\n

As\u00ed es como se ve el HTML sin procesar para esa misma parte de la p\u00e1gina de inicio de IMDb:<\/p>\n

\"\u00bfQu\u00e9<\/a><\/p>\n

Captura de pantalla 3: IMDb – HTML<\/p>\n

En la captura de pantalla 3, ver\u00e1 el HTML que a menudo se denomina "c\u00f3digo fuente". De esto es de lo que est\u00e1n hechos los sitios web. Es lo que lee su navegador y lo que ve el robot de Google cuando rastrea su sitio.<\/p>\n

Cuando visita una p\u00e1gina web, su navegador toma el HTML sin procesar (captura de pantalla 3) y muestra una p\u00e1gina web utilizable (captura de pantalla 2). Si hay archivos CSS, se cargan y se usan para dise\u00f1ar la p\u00e1gina web (captura de pantalla 1).<\/p>\n

CSS con WordPress<\/h2>\n

En resumen, los sitios web est\u00e1n hechos con HTML y dise\u00f1ados con CSS. Su sitio de WordPress no es diferente.<\/p>\n

En la pr\u00e1ctica, es \u00fatil saber que HTML se usa para agregar contenido a una p\u00e1gina, y CSS siempre se usa para darle estilo. Cualquier cambio de estilo que desee realizar en su sitio (aumentar el tama\u00f1o del logotipo, cambiar el color de fondo, etc.) se realizar\u00e1 con CSS.<\/p>\n

Espero que le haya resultado \u00fatil para comprender CSS y su lugar en su sitio. Si tiene alguna pregunta, publ\u00edquela en los comentarios a continuaci\u00f3n.<\/p>\n

Divulgaci\u00f3n:<\/strong> esta publicaci\u00f3n puede contener enlaces de afiliados. La compra de un producto a trav\u00e9s de uno de estos enlaces nos genera una comisi\u00f3n sin costo adicional para usted.<\/p>\n

Fuente de grabaci\u00f3n: www.competethemes.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"

Si ejecuta un sitio de WordPress, seguramente encontrar\u00e1 el t\u00e9rmino \u00abCSS\u00bb. En esta publicaci\u00f3n, aprender\u00e1 qu\u00e9 es CSS y c\u00f3mo afecta su sitio.<\/p>\n","protected":false},"author":1,"featured_media":261699,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[546],"tags":[849],"class_list":["post-254404","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-personalizar-wordpress","tag-affiai-es"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/posts\/254404","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/comments?post=254404"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/posts\/254404\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/media\/261699"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/media?parent=254404"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/categories?post=254404"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/tags?post=254404"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}