{"id":90906,"date":"2021-08-31T12:42:23","date_gmt":"2021-08-31T12:42:23","guid":{"rendered":"https:\/\/www.ait-themes.club\/?p=90906"},"modified":"2023-12-12T09:19:50","modified_gmt":"2023-12-12T08:19:50","slug":"hide-parts-of-website-via-css","status":"publish","type":"post","link":"https:\/\/www.ait-themes.club\/es\/ocultar-partes-del-sitio-web-via-css\/","title":{"rendered":"CSS personalizado y ocultaci\u00f3n de partes del sitio web mediante CSS"},"content":{"rendered":"<p>Las solicitudes bastante comunes est\u00e1n relacionadas con ocultar partes espec\u00edficas en el sitio web que no tienen su propio bot\u00f3n de encendido\/apagado en el lado del administrador. Como no es posible tener botones de administraci\u00f3n de temas para cada detalle en la interfaz, simplemente puede ocultar las partes no deseadas usando CSS si no est\u00e1 familiarizado con la edici\u00f3n de c\u00f3digos HTML para eliminar la parte.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Locate_part_to_remove\"><\/span>Ubique la pieza para eliminar<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Puede usar las herramientas de desarrollo del navegador para ubicar la parte exacta que desea eliminar.<br>Supongamos que desea eliminar la parte con la fecha y el autor debajo de la publicaci\u00f3n del blog, haga clic con el bot\u00f3n derecho en esta parte Inspeccionar elemento y abra las herramientas de desarrollo del navegador:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2015\/04\/open_developer_tools.jpg\"><img decoding=\"async\" src=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2015\/04\/open_developer_tools.jpg\" alt=\"Abrir herramientas para desarrolladores\" class=\"wp-image-22529\"\/><\/a><\/figure>\n\n\n\n<p>Al mover el cursor del mouse sobre su c\u00f3digo fuente, puede ver una secci\u00f3n resaltada en la p\u00e1gina que se refiere a una l\u00ednea de c\u00f3digo fuente debajo del cursor del mouse:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2015\/04\/find_element_in_source.jpg\"><img decoding=\"async\" src=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2015\/04\/find_element_in_source.jpg\" alt=\"Buscar elemento en fuente\" class=\"wp-image-22530\"\/><\/a><\/figure>\n\n\n\n<p>De esta manera, puede encontrar el par que le gustar\u00eda ocultar, por ejemplo, refiri\u00e9ndose a las capturas de pantalla anteriores si es toda la secci\u00f3n con fecha y autor, o solo la secci\u00f3n de fecha o solo la secci\u00f3n de autor.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Write_CSS_to_hide_selected_section\"><\/span>Escribir CSS para ocultar la secci\u00f3n seleccionada<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Cuando haya seleccionado una parte que desea ocultar, use el atributo ID o CLASS de la etiqueta HTML seleccionada en sus propios estilos CSS, o use el selector CSS exacto que usa el tema para esta etiqueta. Selector de CSS para la etiqueta seleccionada utilizada por el tema que puede ubicar en el lado derecho de las herramientas de desarrollo del navegador.<br>Por ejemplo, si decidiste quitar toda la parte con fecha y autor, el selector que usa el tema es:&nbsp;<code>.elm-posts-main .item .item-info<\/code><\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2015\/04\/css_selectors_for_tag.jpg\"><img decoding=\"async\" src=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2015\/04\/css_selectors_for_tag.jpg\" alt=\"Selectores CSS para etiqueta\" class=\"wp-image-22531\"\/><\/a><\/figure>\n\n\n\n<p>El estilo CSS para ocultar la etiqueta HTML en el costado es &quot;display: none;&quot;, tambi\u00e9n puede usar<strong>&nbsp;!importante<\/strong>&nbsp;para evitar que se sobrescriba m\u00e1s el estilo CSS con otro CSS.<\/p>\n\n\n\n<p>Entonces, el estilo CSS final para ocultar la parte con la fecha y el autor ser\u00e1:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">.elm-posts-main .item .item-info { display: none !important; }<\/pre>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Add_custom_CSS_code_into_Customizer\"><\/span>Agregar c\u00f3digo CSS personalizado en el Personalizador<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Puede agregar el c\u00f3digo CSS personalizado en <strong>Apariencia &gt; Personalizar &gt; CSS adicional<\/strong><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"342\" height=\"1024\" src=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2022\/09\/customizer-additional-css-342x1024.png\" alt=\"\" class=\"wp-image-94933\" srcset=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2022\/09\/customizer-additional-css-342x1024.png 342w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2022\/09\/customizer-additional-css-100x300.png 100w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2022\/09\/customizer-additional-css.png 345w\" sizes=\"auto, (max-width: 342px) 100vw, 342px\" \/><\/figure>\n<\/div>\n\n\n<p>Despu\u00e9s de la publicaci\u00f3n, puede consultarlo en su sitio web:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2015\/04\/applied_css_style.jpg\"><img decoding=\"async\" src=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2015\/04\/applied_css_style.jpg\" alt=\"estilo_css_aplicado\" class=\"wp-image-22532\"\/><\/a><\/figure>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_80 counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">\u00cdndice<\/p>\n<span class=\"ez-toc-title-toggle\"><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.ait-themes.club\/es\/ocultar-partes-del-sitio-web-via-css\/#Locate_part_to_remove\" >Ubique la pieza para eliminar<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.ait-themes.club\/es\/ocultar-partes-del-sitio-web-via-css\/#Write_CSS_to_hide_selected_section\" >Escribir CSS para ocultar la secci\u00f3n seleccionada<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.ait-themes.club\/es\/ocultar-partes-del-sitio-web-via-css\/#Add_custom_CSS_code_into_Customizer\" >Agregar c\u00f3digo CSS personalizado en el Personalizador<\/a><\/li><\/ul><\/nav><\/div>","protected":false},"excerpt":{"rendered":"<p>Las peticiones m\u00e1s comunes est\u00e1n relacionadas con la ocultaci\u00f3n de partes espec\u00edficas del sitio web que no tienen su propio bot\u00f3n de activaci\u00f3n\/desactivaci\u00f3n en la parte de administraci\u00f3n. Como no es posible tener botones de administraci\u00f3n de temas para cada detalle en el frontend, puede simplemente ocultar partes no deseadas usando CSS si no est\u00e1 familiarizado con la edici\u00f3n de [...].<\/p>","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","_citadela_custom_class":"","footnotes":""},"categories":[63],"tags":[],"citadela-post-location":[],"class_list":["post-90906","post","type-post","status-publish","format-standard","hentry","category-wordpress-tutorials"],"_links":{"self":[{"href":"https:\/\/www.ait-themes.club\/es\/wp-json\/wp\/v2\/posts\/90906","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ait-themes.club\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.ait-themes.club\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.ait-themes.club\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ait-themes.club\/es\/wp-json\/wp\/v2\/comments?post=90906"}],"version-history":[{"count":5,"href":"https:\/\/www.ait-themes.club\/es\/wp-json\/wp\/v2\/posts\/90906\/revisions"}],"predecessor-version":[{"id":96004,"href":"https:\/\/www.ait-themes.club\/es\/wp-json\/wp\/v2\/posts\/90906\/revisions\/96004"}],"wp:attachment":[{"href":"https:\/\/www.ait-themes.club\/es\/wp-json\/wp\/v2\/media?parent=90906"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ait-themes.club\/es\/wp-json\/wp\/v2\/categories?post=90906"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ait-themes.club\/es\/wp-json\/wp\/v2\/tags?post=90906"},{"taxonomy":"citadela-post-location","embeddable":true,"href":"https:\/\/www.ait-themes.club\/es\/wp-json\/wp\/v2\/citadela-post-location?post=90906"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}