{"id":29987,"date":"2025-12-04T14:48:19","date_gmt":"2025-12-04T17:48:19","guid":{"rendered":"https:\/\/www.neolo.com\/blog\/?p=29987"},"modified":"2025-12-04T14:51:18","modified_gmt":"2025-12-04T17:51:18","slug":"como-anadir-clases-css-adicionales-a-bloques-en-wordpress","status":"publish","type":"post","link":"https:\/\/www.neolo.com\/blog\/como-anadir-clases-css-adicionales-a-bloques-en-wordpress.php","title":{"rendered":"C\u00f3mo a\u00f1adir clases CSS adicionales a bloques en WordPress"},"content":{"rendered":"<span class=\"span-reading-time rt-reading-time\" style=\"display: block;\"><span class=\"rt-label rt-prefix\">Tiempo de lectura:<\/span> <span class=\"rt-time\"> 3<\/span> <span class=\"rt-label rt-postfix\">minutos<\/span><\/span>\n<p><strong>A\u00f1adir clases CSS adicionales a los bloques de WordPress<\/strong> es la forma m\u00e1s sencilla y limpia de <strong>personalizar el dise\u00f1o de tu <a href=\"https:\/\/www.neolo.com\/esp\/crea-tu-sitio-web\/\" target=\"_blank\" rel=\"noreferrer noopener\">sitio web<\/a> sin tocar c\u00f3digo complicado<\/strong>. Solo necesitas un clic en el editor y listo: control total sobre colores, espaciados, animaciones y m\u00e1s.<\/p>\n\n\n\n<p>\u00bfAlguna vez quisiste que un bot\u00f3n sea m\u00e1s grande, que una columna tenga fondo redondeado o que un texto destaque solo en m\u00f3vil? La soluci\u00f3n est\u00e1 en las <strong>clases CSS adicionales del editor de bloques <\/strong>(Gutenberg). Te lo explico paso a paso.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-1 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/www.neolo.com\/esp\/web-hosting\/\" target=\"_blank\" rel=\"noreferrer noopener\">WEB HOSTING RECOMENDADO<\/a><\/div>\n<\/div>\n\n\n\n\n\n<h2 class=\"wp-block-heading\">\u00bfPor qu\u00e9 necesitas a\u00f1adir clases CSS adicionales?<\/h2>\n\n\n\n<p>Los <a href=\"https:\/\/www.neolo.com\/blog\/mas-de-150-disenos-pre-armados-para-crear-sitios-web-en-wordpress.php\" target=\"_blank\" rel=\"noreferrer noopener\">temas de WordPress<\/a> ya traen estilos b\u00e1sicos, pero muchas veces no alcanzan. Con clases extra t\u00fa decides exactamente c\u00f3mo se ve cada bloque sin crear archivos nuevos ni instalar plugins pesados. <\/p>\n\n\n\n<p>Es r\u00e1pido, no rompe nada al actualizar el tema y funciona perfectamente con cualquier tema bloque.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"C\u00f3mo a\u00f1adir CSS adicional a WordPress f\u00e1cilmente\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/F7U-7R9tYZQ?start=1&#038;feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Paso a paso: c\u00f3mo a\u00f1adir una clase CSS a cualquier bloque<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Abre la p\u00e1gina o entrada en el editor de <strong>WordPress<\/strong>.<\/li>\n\n\n\n<li>Haz clic sobre el bloque que quieres modificar (un p\u00e1rrafo, imagen, bot\u00f3n, columna\u2026).<\/li>\n\n\n\n<li>En la barra lateral derecha busca el apartado <strong>Avanzado<\/strong> (si no lo ves, haz clic en los tres puntitos arriba a la derecha y activa \u201cPanel de ajustes\u201d).<\/li>\n\n\n\n<li>En el campo <strong>Clases CSS adicionales<\/strong> escribe el nombre de tu clase (sin el punto). Ejemplo: mi-boton-rojo<\/li>\n\n\n\n<li>Actualiza o publica la p\u00e1gina.<\/li>\n<\/ol>\n\n\n\n<p>\u00a1Ya est\u00e1! Ahora solo falta crear el estilo en tu tema.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">D\u00f3nde poner el c\u00f3digo CSS una vez que tienes la clase<\/h2>\n\n\n\n<p>Tienes tres opciones f\u00e1ciles y seguras:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Apariencia \u2192 Personalizar \u2192 CSS adicional<\/strong> \u2192 (la m\u00e1s recomendada para principiantes)<\/li>\n\n\n\n<li>En tu tema hijo (si usas uno) en el archivo style.css<\/li>\n\n\n\n<li>Con un plugin ligero como \u201cSimple CSS\u201d o \u201cCustom CSS Pro\u201d<\/li>\n<\/ul>\n\n\n\n<p>Ejemplo real de c\u00f3digo que puedes copiar y pegar:<\/p>\n\n\n\n<p>CSS<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: plain; title: ; notranslate\" title=\"\">\n.mi-boton-rojo {\n    background-color: #e74c3c !important;\n    padding: 20px 40px !important;\n    border-radius: 50px !important;\n    font-size: 18px !important;\n    transition: all 0.3s;\n}\n\n.mi-boton-rojo:hover {\n    background-color: #c0392b !important;\n    transform: scale(1.05);\n}\n<\/pre><\/div>\n\n\n<h3 class=\"wp-block-heading\">Tip 1: Usa varias clases en el mismo bloque<\/h3>\n\n\n\n<p>Puedes poner varias separadas por espacio: boton-grande sombra-suave animacion-lenta As\u00ed reutilizas estilos en todo el sitio.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Tip 2: Clases seg\u00fan el tama\u00f1o de pantalla<\/h3>\n\n\n\n<p>Crea clases solo para m\u00f3vil o escritorio:<\/p>\n\n\n\n<p>CSS<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: plain; title: ; notranslate\" title=\"\">\n\/* Solo se aplica en pantallas menores a 768px *\/\n@media (max-width: 767px) {\n    .ocultar-en-movil { display: none !important; }\n    .texto-grande-movil { font-size: 32px !important; }\n}\n<\/pre><\/div>\n\n\n<p>Y a\u00f1ades la clase ocultar-en-movil al bloque que quieras esconder en celulares.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Tip 3: Clases autom\u00e1ticas con \u201cblock styles\u201d<\/h3>\n\n\n\n<p>Algunos temas y plugins ya traen estilos predefinidos. Por ejemplo el bloque de bot\u00f3n tiene estilos como \u201cRelleno\u201d, \u201cContorno\u201d\u2026 pero t\u00fa puedes crear los tuyos propios registrando \u201cblock styles\u201d en functions.php (nivel avanzado).<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Ejemplos reales que puedes usar hoy mismo<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Fondo degradado solo en una secci\u00f3n: clase degradado-azul<\/li>\n\n\n\n<li>Tarjeta con sombra y borde redondeado: clase tarjeta-elevada<\/li>\n\n\n\n<li>Texto con animaci\u00f3n de entrada: clase animar-fade-in<\/li>\n\n\n\n<li>Espaciado extra entre columnas en m\u00f3vil: clase gap-movil-40<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Conclusi\u00f3n<\/h2>\n\n\n\n<p><strong>A\u00f1adir clases CSS adicionales a los bloques<\/strong> es la herramienta m\u00e1s potente y sencilla que tienes en WordPress para que tu sitio quede exactamente como lo imaginas. No necesitas ser programador: un clic + unas l\u00edneas de CSS y listo.<\/p>\n\n\n\n<p>Empieza hoy mismo con un solo bloque y ver\u00e1s lo f\u00e1cil que es. En menos de 5 minutos tendr\u00e1s un <strong>dise\u00f1o 100% personalizado.<\/strong><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">FAQs sobre CSS en WordPress <\/h2>\n\n\n\n<p><strong>\u00bfSe pierden las clases si cambio de tema?<\/strong> <\/p>\n\n\n\n<p>No, las clases que a\u00f1ades en el bloque quedan guardadas en la base de datos. Solo pierdes el estilo si el nuevo tema no tiene ese CSS.<\/p>\n\n\n\n<p><strong>\u00bfPuedo usarlas con Elementor o Divi?<\/strong> <\/p>\n\n\n\n<p>En la mayor\u00eda de los casos s\u00ed, porque los bloques nativos de WordPress siguen funcionando dentro de esos constructores.<\/p>\n\n\n\n<p><strong>\u00bfY si uso Full Site Editing (FSE)?<\/strong> <\/p>\n\n\n\n<p>Funciona exactamente igual, incluso mejor, porque puedes crear tus propias plantillas de bloques con clases reutilizables.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>A\u00f1adir clases CSS adicionales a los bloques de WordPress es la forma m\u00e1s sencilla y limpia de personalizar el dise\u00f1o de tu sitio web sin tocar c\u00f3digo complicado. Solo necesitas un clic en el editor y listo: control total sobre colores, espaciados, animaciones y m\u00e1s. \u00bfAlguna vez quisiste que un bot\u00f3n sea m\u00e1s grande, que [&hellip;]<\/p>\n","protected":false},"author":15,"featured_media":29989,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[349],"tags":[],"class_list":["post-29987","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>C\u00f3mo a\u00f1adir clases CSS adicionales a bloques en WordPress - Neolo Blog<\/title>\n<meta name=\"description\" content=\"La mejor manera de a\u00f1adir clases CSS adicionales a bloques en WordPress. Sigue estos pasos y estos consejos.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.neolo.com\/blog\/como-anadir-clases-css-adicionales-a-bloques-en-wordpress.php\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"C\u00f3mo a\u00f1adir clases CSS adicionales a bloques en WordPress - Neolo Blog\" \/>\n<meta property=\"og:description\" content=\"La mejor manera de a\u00f1adir clases CSS adicionales a bloques en WordPress. Sigue estos pasos y estos consejos.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.neolo.com\/blog\/como-anadir-clases-css-adicionales-a-bloques-en-wordpress.php\" \/>\n<meta property=\"og:site_name\" content=\"Neolo Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/neolohosting\" \/>\n<meta property=\"article:published_time\" content=\"2025-12-04T17:48:19+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-04T17:51:18+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.neolo.com\/blog\/wp-content\/uploads\/2025\/12\/pexels-pixabay-265667.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1919\" \/>\n\t<meta property=\"og:image:height\" content=\"1239\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Natalia Vasca\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@neolo\" \/>\n<meta name=\"twitter:site\" content=\"@neolo\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Natalia Vasca\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minuto\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.neolo.com\/blog\/como-anadir-clases-css-adicionales-a-bloques-en-wordpress.php#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.neolo.com\/blog\/como-anadir-clases-css-adicionales-a-bloques-en-wordpress.php\"},\"author\":{\"name\":\"Natalia Vasca\",\"@id\":\"https:\/\/www.neolo.com\/blog\/#\/schema\/person\/f9677a94c7a8e8b41448e817fb0c2043\"},\"headline\":\"C\u00f3mo a\u00f1adir clases CSS adicionales a bloques en WordPress\",\"datePublished\":\"2025-12-04T17:48:19+00:00\",\"dateModified\":\"2025-12-04T17:51:18+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.neolo.com\/blog\/como-anadir-clases-css-adicionales-a-bloques-en-wordpress.php\"},\"wordCount\":646,\"publisher\":{\"@id\":\"https:\/\/www.neolo.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.neolo.com\/blog\/como-anadir-clases-css-adicionales-a-bloques-en-wordpress.php#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.neolo.com\/blog\/wp-content\/uploads\/2025\/12\/pexels-pixabay-265667.jpg\",\"articleSection\":[\"WordPress\"],\"inLanguage\":\"es\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.neolo.com\/blog\/como-anadir-clases-css-adicionales-a-bloques-en-wordpress.php\",\"url\":\"https:\/\/www.neolo.com\/blog\/como-anadir-clases-css-adicionales-a-bloques-en-wordpress.php\",\"name\":\"C\u00f3mo a\u00f1adir clases CSS adicionales a bloques en WordPress - Neolo Blog\",\"isPartOf\":{\"@id\":\"https:\/\/www.neolo.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.neolo.com\/blog\/como-anadir-clases-css-adicionales-a-bloques-en-wordpress.php#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.neolo.com\/blog\/como-anadir-clases-css-adicionales-a-bloques-en-wordpress.php#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.neolo.com\/blog\/wp-content\/uploads\/2025\/12\/pexels-pixabay-265667.jpg\",\"datePublished\":\"2025-12-04T17:48:19+00:00\",\"dateModified\":\"2025-12-04T17:51:18+00:00\",\"description\":\"La mejor manera de a\u00f1adir clases CSS adicionales a bloques en WordPress. Sigue estos pasos y estos consejos.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.neolo.com\/blog\/como-anadir-clases-css-adicionales-a-bloques-en-wordpress.php#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.neolo.com\/blog\/como-anadir-clases-css-adicionales-a-bloques-en-wordpress.php\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.neolo.com\/blog\/como-anadir-clases-css-adicionales-a-bloques-en-wordpress.php#primaryimage\",\"url\":\"https:\/\/www.neolo.com\/blog\/wp-content\/uploads\/2025\/12\/pexels-pixabay-265667.jpg\",\"contentUrl\":\"https:\/\/www.neolo.com\/blog\/wp-content\/uploads\/2025\/12\/pexels-pixabay-265667.jpg\",\"width\":1919,\"height\":1239},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.neolo.com\/blog\/como-anadir-clases-css-adicionales-a-bloques-en-wordpress.php#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Inicio\",\"item\":\"https:\/\/www.neolo.com\/blog\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"WordPress\",\"item\":\"https:\/\/www.neolo.com\/blog\/temas\/wordpress\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"C\u00f3mo a\u00f1adir clases CSS adicionales a bloques en WordPress\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.neolo.com\/blog\/#website\",\"url\":\"https:\/\/www.neolo.com\/blog\/\",\"name\":\"Neolo Blog\",\"description\":\"Blog de Neolo: Dominios, Web Hosting y Marketing Digital\",\"publisher\":{\"@id\":\"https:\/\/www.neolo.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.neolo.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.neolo.com\/blog\/#organization\",\"name\":\"Neolo\",\"url\":\"https:\/\/www.neolo.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.neolo.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.neolo.com\/blog\/wp-content\/uploads\/2017\/07\/neolo-verde-chico.png\",\"contentUrl\":\"https:\/\/www.neolo.com\/blog\/wp-content\/uploads\/2017\/07\/neolo-verde-chico.png\",\"width\":392,\"height\":83,\"caption\":\"Neolo\"},\"image\":{\"@id\":\"https:\/\/www.neolo.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/neolohosting\",\"https:\/\/x.com\/neolo\",\"https:\/\/www.instagram.com\/neolodotcom\/\",\"https:\/\/www.linkedin.com\/company\/neolo.com\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.neolo.com\/blog\/#\/schema\/person\/f9677a94c7a8e8b41448e817fb0c2043\",\"name\":\"Natalia Vasca\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.neolo.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/9f798c60bada9b6db5a664dd47360f4a?s=96&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/9f798c60bada9b6db5a664dd47360f4a?s=96&r=g\",\"caption\":\"Natalia Vasca\"},\"url\":\"https:\/\/www.neolo.com\/blog\/author\/nativasca\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"C\u00f3mo a\u00f1adir clases CSS adicionales a bloques en WordPress - Neolo Blog","description":"La mejor manera de a\u00f1adir clases CSS adicionales a bloques en WordPress. Sigue estos pasos y estos consejos.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.neolo.com\/blog\/como-anadir-clases-css-adicionales-a-bloques-en-wordpress.php","og_type":"article","og_title":"C\u00f3mo a\u00f1adir clases CSS adicionales a bloques en WordPress - Neolo Blog","og_description":"La mejor manera de a\u00f1adir clases CSS adicionales a bloques en WordPress. Sigue estos pasos y estos consejos.","og_url":"https:\/\/www.neolo.com\/blog\/como-anadir-clases-css-adicionales-a-bloques-en-wordpress.php","og_site_name":"Neolo Blog","article_publisher":"https:\/\/www.facebook.com\/neolohosting","article_published_time":"2025-12-04T17:48:19+00:00","article_modified_time":"2025-12-04T17:51:18+00:00","og_image":[{"width":1919,"height":1239,"url":"https:\/\/www.neolo.com\/blog\/wp-content\/uploads\/2025\/12\/pexels-pixabay-265667.jpg","type":"image\/jpeg"}],"author":"Natalia Vasca","twitter_card":"summary_large_image","twitter_creator":"@neolo","twitter_site":"@neolo","twitter_misc":{"Escrito por":"Natalia Vasca","Tiempo de lectura":"1 minuto"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.neolo.com\/blog\/como-anadir-clases-css-adicionales-a-bloques-en-wordpress.php#article","isPartOf":{"@id":"https:\/\/www.neolo.com\/blog\/como-anadir-clases-css-adicionales-a-bloques-en-wordpress.php"},"author":{"name":"Natalia Vasca","@id":"https:\/\/www.neolo.com\/blog\/#\/schema\/person\/f9677a94c7a8e8b41448e817fb0c2043"},"headline":"C\u00f3mo a\u00f1adir clases CSS adicionales a bloques en WordPress","datePublished":"2025-12-04T17:48:19+00:00","dateModified":"2025-12-04T17:51:18+00:00","mainEntityOfPage":{"@id":"https:\/\/www.neolo.com\/blog\/como-anadir-clases-css-adicionales-a-bloques-en-wordpress.php"},"wordCount":646,"publisher":{"@id":"https:\/\/www.neolo.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.neolo.com\/blog\/como-anadir-clases-css-adicionales-a-bloques-en-wordpress.php#primaryimage"},"thumbnailUrl":"https:\/\/www.neolo.com\/blog\/wp-content\/uploads\/2025\/12\/pexels-pixabay-265667.jpg","articleSection":["WordPress"],"inLanguage":"es"},{"@type":"WebPage","@id":"https:\/\/www.neolo.com\/blog\/como-anadir-clases-css-adicionales-a-bloques-en-wordpress.php","url":"https:\/\/www.neolo.com\/blog\/como-anadir-clases-css-adicionales-a-bloques-en-wordpress.php","name":"C\u00f3mo a\u00f1adir clases CSS adicionales a bloques en WordPress - Neolo Blog","isPartOf":{"@id":"https:\/\/www.neolo.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.neolo.com\/blog\/como-anadir-clases-css-adicionales-a-bloques-en-wordpress.php#primaryimage"},"image":{"@id":"https:\/\/www.neolo.com\/blog\/como-anadir-clases-css-adicionales-a-bloques-en-wordpress.php#primaryimage"},"thumbnailUrl":"https:\/\/www.neolo.com\/blog\/wp-content\/uploads\/2025\/12\/pexels-pixabay-265667.jpg","datePublished":"2025-12-04T17:48:19+00:00","dateModified":"2025-12-04T17:51:18+00:00","description":"La mejor manera de a\u00f1adir clases CSS adicionales a bloques en WordPress. Sigue estos pasos y estos consejos.","breadcrumb":{"@id":"https:\/\/www.neolo.com\/blog\/como-anadir-clases-css-adicionales-a-bloques-en-wordpress.php#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.neolo.com\/blog\/como-anadir-clases-css-adicionales-a-bloques-en-wordpress.php"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.neolo.com\/blog\/como-anadir-clases-css-adicionales-a-bloques-en-wordpress.php#primaryimage","url":"https:\/\/www.neolo.com\/blog\/wp-content\/uploads\/2025\/12\/pexels-pixabay-265667.jpg","contentUrl":"https:\/\/www.neolo.com\/blog\/wp-content\/uploads\/2025\/12\/pexels-pixabay-265667.jpg","width":1919,"height":1239},{"@type":"BreadcrumbList","@id":"https:\/\/www.neolo.com\/blog\/como-anadir-clases-css-adicionales-a-bloques-en-wordpress.php#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Inicio","item":"https:\/\/www.neolo.com\/blog"},{"@type":"ListItem","position":2,"name":"WordPress","item":"https:\/\/www.neolo.com\/blog\/temas\/wordpress"},{"@type":"ListItem","position":3,"name":"C\u00f3mo a\u00f1adir clases CSS adicionales a bloques en WordPress"}]},{"@type":"WebSite","@id":"https:\/\/www.neolo.com\/blog\/#website","url":"https:\/\/www.neolo.com\/blog\/","name":"Neolo Blog","description":"Blog de Neolo: Dominios, Web Hosting y Marketing Digital","publisher":{"@id":"https:\/\/www.neolo.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.neolo.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/www.neolo.com\/blog\/#organization","name":"Neolo","url":"https:\/\/www.neolo.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.neolo.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.neolo.com\/blog\/wp-content\/uploads\/2017\/07\/neolo-verde-chico.png","contentUrl":"https:\/\/www.neolo.com\/blog\/wp-content\/uploads\/2017\/07\/neolo-verde-chico.png","width":392,"height":83,"caption":"Neolo"},"image":{"@id":"https:\/\/www.neolo.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/neolohosting","https:\/\/x.com\/neolo","https:\/\/www.instagram.com\/neolodotcom\/","https:\/\/www.linkedin.com\/company\/neolo.com\/"]},{"@type":"Person","@id":"https:\/\/www.neolo.com\/blog\/#\/schema\/person\/f9677a94c7a8e8b41448e817fb0c2043","name":"Natalia Vasca","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.neolo.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/9f798c60bada9b6db5a664dd47360f4a?s=96&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/9f798c60bada9b6db5a664dd47360f4a?s=96&r=g","caption":"Natalia Vasca"},"url":"https:\/\/www.neolo.com\/blog\/author\/nativasca"}]}},"_links":{"self":[{"href":"https:\/\/www.neolo.com\/blog\/wp-json\/wp\/v2\/posts\/29987","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.neolo.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.neolo.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.neolo.com\/blog\/wp-json\/wp\/v2\/users\/15"}],"replies":[{"embeddable":true,"href":"https:\/\/www.neolo.com\/blog\/wp-json\/wp\/v2\/comments?post=29987"}],"version-history":[{"count":6,"href":"https:\/\/www.neolo.com\/blog\/wp-json\/wp\/v2\/posts\/29987\/revisions"}],"predecessor-version":[{"id":29994,"href":"https:\/\/www.neolo.com\/blog\/wp-json\/wp\/v2\/posts\/29987\/revisions\/29994"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.neolo.com\/blog\/wp-json\/wp\/v2\/media\/29989"}],"wp:attachment":[{"href":"https:\/\/www.neolo.com\/blog\/wp-json\/wp\/v2\/media?parent=29987"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.neolo.com\/blog\/wp-json\/wp\/v2\/categories?post=29987"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.neolo.com\/blog\/wp-json\/wp\/v2\/tags?post=29987"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}