{"id":247651,"date":"2022-08-07T13:57:00","date_gmt":"2022-08-07T10:57:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=247651"},"modified":"2021-10-28T09:39:39","modified_gmt":"2021-10-28T06:39:39","slug":"como-editar-un-archivo-css-de-wordpress","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/es\/como-editar-un-archivo-css-de-wordpress\/","title":{"rendered":"\u00bfC\u00f3mo editar un archivo CSS de WordPress?"},"content":{"rendered":"<p>WordPress es el sistema de gesti\u00f3n de contenido m\u00e1s f\u00e1cil de usar que existe con muchas opciones de personalizaci\u00f3n. Gracias a los miles de temas de WordPress que existen, puede darle a su sitio web el aspecto y la sensaci\u00f3n que desea. Pero a veces a\u00fan necesita hacer algunos ajustes manuales editando el archivo CSS. En este blog, le mostrar\u00e9 c\u00f3mo puede editar un archivo CSS de WordPress desde el panel de administraci\u00f3n.<\/p>\n<div class=\"sds-iframe-wrapper fitvidsignore\" style=\"position:relative;padding-top:56.25%;max-width:100%;\"><iframe allowfullscreen style=\"position:absolute;top:0;left:0;width:100%;height:100%;\" src=\"\/\/www.youtube.com\/embed\/jusLH9UyQjo\" frameborder=\"0\"><\/iframe><\/div>\n<p>Suponga que tiene un sitio de blogs y habilit\u00f3 el sentido de anuncios de Google y colocar\u00e1 un anuncio en sus blogs. Para colocar anuncios necesitas espacio. Le mostrar\u00e9 c\u00f3mo puede reducir el ancho del campo de texto para que pueda tener espacio para colocar anuncios en su blog. Esto se puede hacer usando el panel de administraci\u00f3n, su cuenta FTP y tambi\u00e9n con un complemento de editor de CSS. Editar el CSS con el panel de administraci\u00f3n es lo m\u00e1s f\u00e1cil, as\u00ed que siga los pasos a continuaci\u00f3n:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-148525-616d3a1c77f16.png\" data-rel=\"lightbox\" ><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-148525-616d3a1c77f16.png\" alt=\"\u00bfC\u00f3mo editar un archivo CSS de WordPress?\" ><\/a><\/p>\n<p><strong>Paso uno:<\/strong> debe ir al backend de su sitio web o para WordPress se lo conoce como wp-admin. Este es el inicio de sesi\u00f3n universal para el sitio web de WordPress. Suponga que su sitio web es www.example.com, luego debe escribir la URL como <a href=\"http:\/\/www.example.com\/wp-admin\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">www.example.com\/wp-admin<\/a>.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-148525-616d3a1d9c7f4.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-148525-616d3a1d9c7f4.png\" alt=\"\u00bfC\u00f3mo editar un archivo CSS de WordPress?\" ><\/a><\/p>\n<p><strong>Paso dos:<\/strong> debe asegurarse de iniciar sesi\u00f3n como administrador. Hay diferentes roles en WordPress que puede asignar al usuario y tambi\u00e9n hay un inicio de sesi\u00f3n de administrador. Tambi\u00e9n puede asignar a los usuarios acceso de administrador. Por lo tanto, debe asegurarse de iniciar sesi\u00f3n como administrador o como cualquier usuario que tenga acceso de administrador.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-148525-616d3a1ed200e.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-148525-616d3a1ed200e.png\" alt=\"\u00bfC\u00f3mo editar un archivo CSS de WordPress?\" ><\/a><\/p>\n<p><strong>Paso tres:<\/strong> en su tablero, ver\u00e1 una pesta\u00f1a llamada apariencia. Esta pesta\u00f1a es responsable de todo tipo de tareas relacionadas con el dise\u00f1o en su sitio web.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-148525-616d3a2046654.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-148525-616d3a2046654.png\" alt=\"\u00bfC\u00f3mo editar un archivo CSS de WordPress?\" ><\/a><\/p>\n<p><strong>Paso cuatro:<\/strong> debajo de la apariencia, encontrar\u00e1 una opci\u00f3n llamada editor. Esta secci\u00f3n es responsable de los c\u00f3digos manuales para el dise\u00f1o de su sitio web. Haga clic en el editor.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-148525-616d3a219d4da.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-148525-616d3a219d4da.png\" alt=\"\u00bfC\u00f3mo editar un archivo CSS de WordPress?\" ><\/a><\/p>\n<p><strong>Paso cinco:<\/strong> Despu\u00e9s de hacer clic en el editor, se abrir\u00e1 una nueva ventana que se conoce como style.css. Este archivo contiene todos los c\u00f3digos CSS.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-148525-616d3a22bd10c.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-148525-616d3a22bd10c.png\" alt=\"\u00bfC\u00f3mo editar un archivo CSS de WordPress?\" ><\/a><\/p>\n<p><strong>Paso seis:<\/strong> debe desplazarse hacia abajo y llegar al final para agregar c\u00f3digo adicional en el archivo style.css.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-148525-616d3a23d8754.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-148525-616d3a23d8754.jpg\" alt=\"\u00bfC\u00f3mo editar un archivo CSS de WordPress?\" ><\/a><\/p>\n<p><strong>Paso siete:<\/strong> agregue este c\u00f3digo y aseg\u00farese de seguir el espaciado exacto:<br \/>\n@media (min-width: 1330px) {<br \/>\n.container {<br \/>\nwidth: 1000px;<br \/>\n}<br \/>\n}<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-148525-616d3a2515292.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-148525-616d3a2515292.png\" alt=\"\u00bfC\u00f3mo editar un archivo CSS de WordPress?\" ><\/a><\/p>\n<p><strong>Paso ocho:<\/strong> Si su c\u00f3digo est\u00e1 bien, entonces deber\u00eda aparecer en verde. Si est\u00e1 verde, simplemente haga clic en Actualizar archivo.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-148525-616d3a264b089.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-148525-616d3a264b089.png\" alt=\"\u00bfC\u00f3mo editar un archivo CSS de WordPress?\" ><\/a><\/p>\n<p><strong>Paso nueve:<\/strong> si el archivo se actualiza con \u00e9xito, recibir\u00e1 un mensaje de confirmaci\u00f3n que dice &#8216;Archivo editado correctamente&#8217;<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-148525-616d3a275c1b8.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-148525-616d3a275c1b8.jpg\" alt=\"\u00bfC\u00f3mo editar un archivo CSS de WordPress?\" ><\/a><\/p>\n<p><strong>Paso Diez:<\/strong> Finalmente revisa una de tus publicaciones para ver si el campo de texto de tu blog ha disminuido o no. Deber\u00eda reducirse y tendr\u00e1 muchos espacios en blanco a ambos lados de la publicaci\u00f3n de su blog donde puede colocar sus anuncios.<\/p>\n<p>Para ser franco, WordPress no es ciencia espacial y para un desarrollador, la curva de aprendizaje no es alta en absoluto. Solo necesita tener algunos conocimientos b\u00e1sicos de codificaci\u00f3n y est\u00e1 listo para comenzar. Si a\u00fan tiene alguna confusi\u00f3n sobre c\u00f3mo puede editar el archivo CSS en WordPress, deje un comentario a continuaci\u00f3n.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Fuente de grabaci\u00f3n:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/www.ggtaskers.com\" class=\"external external_icon\">www.ggtaskers.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Esto se puede hacer usando el panel de administraci\u00f3n, su cuenta FTP y tambi\u00e9n con un complemento de editor de CSS. Editar el CSS con el panel de administraci\u00f3n es lo m\u00e1s f\u00e1cil.<\/p>\n","protected":false},"author":1,"featured_media":279117,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[648],"tags":[849],"class_list":["post-247651","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-como-hacer","tag-affiai-es"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/posts\/247651","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=247651"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/posts\/247651\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/media\/279117"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/media?parent=247651"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/categories?post=247651"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/tags?post=247651"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}