{"id":148435,"date":"2025-06-11T16:07:44","date_gmt":"2025-06-11T13:07:44","guid":{"rendered":"https:\/\/elementor.com\/help\/clases-en-elementor\/"},"modified":"2025-06-11T16:07:44","modified_gmt":"2025-06-11T13:07:44","slug":"clases-en-elementor","status":"publish","type":"post","link":"https:\/\/elementor.com\/help\/es\/clases-en-elementor\/","title":{"rendered":"Clases en Elementor"},"content":{"rendered":"\n<p>El editor de Elementor est\u00e1 dise\u00f1ado para ayudar a los creadores web a trabajar de forma r\u00e1pida y eficiente. Como parte de esa misi\u00f3n, el editor adopta los principios del dise\u00f1o at\u00f3mico. Este sistema se basa en la idea de crear elementos peque\u00f1os y reutilizables. En Elementor, estos elementos se denominan clases. Esto est\u00e1 en consonancia con el vocabulario utilizado por CSS.    <\/p>\n\n\n\n<p>Como beneficio adicional, el uso adecuado de las clases tambi\u00e9n puede mejorar el rendimiento de su sitio web.&nbsp;<\/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 title=\"Introducing Editor V4 Alpha! Classes, States, fully responsive style controls, single divs &amp; more!\" width=\"800\" height=\"450\" src=\"https:\/\/www.youtube.com\/embed\/q1pColXTiRI?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<h2 class=\"wp-block-heading\">Crear una clase<\/h2>\n\n\n\n<p>La creaci\u00f3n de clases se realiza autom\u00e1ticamente. Lo hace cada vez que a\u00f1ade un <a href=\"https:\/\/elementor.com\/help\/add-elements-to-a-page\/\">elemento al lienzo<\/a>. Cuando a\u00f1ade un elemento al lienzo, las opciones del elemento aparecen en el panel izquierdo.   <br><img decoding=\"async\" class=\"wp-image-57131\" style=\"width: 150px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/04\/1-the-local-class.png\" alt=\"\"><\/p>\n\n\n\n<p>En la parte superior de la pesta\u00f1a <strong>Estilo<\/strong>, ver\u00e1 el campo <strong>Clase<\/strong> con la clase <strong>local<\/strong> ya rellenada. Ahora puede a\u00f1adir nuevas clases al elemento siguiendo este proceso: <\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Introduzca un nombre de clase en el cuadro de texto.<br>Aparecer\u00e1 un men\u00fa desplegable.<br><img decoding=\"async\" class=\"wp-image-57132\" style=\"width: 180px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/04\/Create-a-new-class.png\" alt=\"\"><\/li>\n\n\n\n<li>Seleccione el nombre de la clase en <strong>Crear una nueva clase<\/strong>.&nbsp;<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">Editar una clase<\/h2>\n\n\n\n<p>Despu\u00e9s de crear una clase, necesita editarla para establecer sus propiedades.<\/p>\n\n\n\n<p><strong>Para editar una clase<\/strong>:&nbsp;<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Cree la clase.<br><img decoding=\"async\" class=\"wp-image-57133\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/04\/image-21.png\" alt=\"\"><\/li>\n\n\n\n<li>Compruebe el campo de clases de CSS. La clase que est\u00e1 editando ser\u00e1 rosa si es una clase local. De lo contrario, ser\u00e1 verde. Cuando la clase es rosa o verde, est\u00e1 editando esa clase.   <\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">\u00bfQu\u00e9 es una clase?<\/h2>\n\n\n\n<p>Una clase es una colecci\u00f3n de caracter\u00edsticas de estilo compartidas. Por ejemplo, si est\u00e1 creando un sitio web y quiere que el texto est\u00e1ndar en todo el sitio utilice la fuente Arial de 12 puntos, puede crear una clase llamada <strong>Texto principal<\/strong> con estas caracter\u00edsticas. De esta manera, cada elemento con la clase <strong>Texto principal<\/strong>, usar\u00eda Arial de 12 puntos como su fuente.  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">La clase local<\/h3>\n\n\n\n<p>En Elementor, cada elemento tiene al menos una clase: la clase <strong>local<\/strong>. Esta clase define el elemento particular con el que est\u00e1 trabajando. Es importante tener en cuenta que, aunque todos los elementos tienen una clase local, la clase <strong>local<\/strong> puede ser diferente para cada elemento. Por ejemplo, puede tener un widget de texto que utilice la fuente Arial en su clase <strong>local<\/strong> y otro widget de texto que utilice Calibri en su clase <strong>local<\/strong>.   &nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Jerarqu\u00eda de clases<\/h3>\n\n\n\n<p>La otra cosa importante a tener en cuenta sobre las clases, es que funcionan por jerarqu\u00edas. Si las clases se contradicen entre s\u00ed, el Editor sabe qu\u00e9 caracter\u00edsticas tienen prioridad. Por ejemplo, si un elemento contiene dos clases, una que establece la fuente en Arial y otra que establece la clase en Calibri, el editor necesita determinar cu\u00e1l tiene prioridad. Esta prioridad se establece en el administrador de clases. Sin embargo, la clase local siempre tiene la m\u00e1xima prioridad. Por lo tanto, en el caso anterior, si la clase <strong>local<\/strong> establece la fuente en New Time Roman, el elemento usar\u00eda la fuente New Times Roman.     <\/p>\n\n\n\n<p>Consejo: Lo mejor es construir sus clases para que haya el menor n\u00famero posible de conflictos. Estos conflictos no solo pueden hacerle perder el tiempo, sino que tambi\u00e9n pueden ralentizar su sitio. &nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Ejemplo de construcci\u00f3n de clases<\/h2>\n\n\n\n<p>En este ejemplo, veremos la construcci\u00f3n de un sitio web que incluye varios botones. Con el fin de ahorrar tiempo y aumentar el rendimiento, crearemos dos clases: una para definir los botones importantes y otra para definir los botones secundarios. &nbsp;<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Cree una p\u00e1gina en el editor de Elementor.<\/li>\n\n\n\n<li>Arrastre un <strong>widget de bot\u00f3n<\/strong> al lienzo.<br><img decoding=\"async\" class=\"wp-image-57135\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/04\/3-The-options-appear-in-the-panel-1.png\" alt=\"\"><br>Las opciones aparecen en el panel.<br><img decoding=\"async\" class=\"wp-image-57136\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/04\/Click-the-Style-tab.png\" alt=\"\"><\/li>\n\n\n\n<li>Haga clic en la pesta\u00f1a <strong>Estilo<\/strong>.<\/li>\n\n\n\n<li>En el cuadro de texto <strong>Clases<\/strong>, junto a <strong>local<\/strong>, introduzca <strong>Main_button<\/strong>.<br><img decoding=\"async\" class=\"wp-image-57137\" style=\"width: 180px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/04\/5-creatht-emain-button-class.png\" alt=\"\"><\/li>\n\n\n\n<li>En el men\u00fa desplegable, seleccione <strong>Crear nuevo \u201cbot\u00f3n principal\u201d<\/strong>.<br><strong>Main_button<\/strong> aparece en el cuadro de texto <strong>Clases<\/strong>.&nbsp;<br><img decoding=\"async\" class=\"wp-image-57138\" style=\"width: 180px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/04\/6-Main-button-is-in-green.png\" alt=\"\"><br>Tenga en cuenta que el nombre de la clase <strong>Main_button<\/strong> est\u00e1 en verde. Eso significa que est\u00e1 editando esa clase. <br><img decoding=\"async\" class=\"wp-image-57139\" style=\"width: 180px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/04\/7-open-the-size-field.png\" alt=\"\"><\/li>\n\n\n\n<li>Abra el campo <strong>Tama\u00f1o<\/strong>.<br><img decoding=\"async\" class=\"wp-image-57140\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/04\/8-Set-the-size.png\" alt=\"\"><\/li>\n\n\n\n<li>D\u00e9 al bot\u00f3n una anchura de 200 PX y una altura de 50 PX.&nbsp;<br><img decoding=\"async\" class=\"wp-image-57141\" style=\"width: 180px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/04\/9-open-background.png\" alt=\"\"><\/li>\n\n\n\n<li>Abra el campo <strong>Fondo<\/strong>.<br><img decoding=\"async\" class=\"wp-image-57142\" style=\"width: 580px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/04\/10-Choose-a-background-color.png\" alt=\"\"><\/li>\n\n\n\n<li>Seleccione un color para el bot\u00f3n. Para m\u00e1s detalles, consulte <a href=\"https:\/\/elementor.com\/help\/es\/pestana-estilo-fondo\/\">Pesta\u00f1a Estilo &#8211; Fondo<\/a>. &nbsp;<br>Ahora vamos a crear una clase para los botones secundarios.<\/li>\n\n\n\n<li>En el cuadro de texto <strong>Clases de CSS<\/strong>, borre <strong>Bot\u00f3n principal<\/strong>.<br><img decoding=\"async\" class=\"wp-image-57143\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/04\/11-delete-main-button-class.png\" alt=\"\"><br>Tenga en cuenta que el bot\u00f3n vuelve a su configuraci\u00f3n predeterminada.<\/li>\n\n\n\n<li>En el cuadro de texto <strong>Clases<\/strong>, introduzca <strong>Secondary_button<\/strong>.<br><img decoding=\"async\" class=\"wp-image-57144\" style=\"width: 180px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/04\/12-create-secondary-button.png\" alt=\"\"><\/li>\n\n\n\n<li>En el men\u00fa desplegable, seleccione <strong>Crear \u201cBot\u00f3n secundario\u201d<\/strong>.<br>Tenga en cuenta que el nombre de la clase est\u00e1 en verde, lo que significa que est\u00e1 editando la clase.<br><img decoding=\"async\" class=\"wp-image-57145\" style=\"width: 180px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/04\/13-Open-the-size-field-for-secondary.png\" alt=\"\"><\/li>\n\n\n\n<li>Abra el campo <strong>Tama\u00f1o<\/strong>.<br><img decoding=\"async\" class=\"wp-image-57153\" style=\"width: 580px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/04\/14-Set-the-secondary-size-2.png\" alt=\"\"><\/li>\n\n\n\n<li>D\u00e9 al bot\u00f3n una anchura de 100 PX y una altura de 50 PX.<br><img decoding=\"async\" class=\"wp-image-57148\" style=\"width: 180px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/04\/15-open-typography.png\" alt=\"\">&nbsp;<\/li>\n\n\n\n<li>&nbsp;Abra el campo <strong>Tipograf\u00eda<\/strong>.<br><img decoding=\"async\" class=\"wp-image-57150\" style=\"width: 580px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/04\/16-change-the-typography-1.png\" alt=\"\"><\/li>\n\n\n\n<li>Establezca el <strong>tama\u00f1o de la fuente<\/strong> en 12.&nbsp;<br><img decoding=\"async\" class=\"wp-image-57151\" style=\"width: 180px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/04\/15-open-secondary-button.png\" alt=\"\"><\/li>\n\n\n\n<li>Abra el campo <strong>Fondo<\/strong>.<br><img decoding=\"async\" class=\"wp-image-57152\" style=\"width: 580px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/04\/18-change-background-secondary.png\" alt=\"\"><\/li>\n\n\n\n<li>Seleccione un color para el fondo. Aseg\u00farese de que es diferente al fondo del <strong>bot\u00f3n principal<\/strong>.<br>Ahora vamos a probar los resultados. <br><img decoding=\"async\" class=\"wp-image-57154\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/04\/Add-a-button-element-to-canvas.png\" alt=\"\"><\/li>\n\n\n\n<li>A\u00f1ada un nuevo elemento de bot\u00f3n al lienzo.<\/li>\n\n\n\n<li>Abra la pesta\u00f1a <strong>Estilo<\/strong>.<\/li>\n\n\n\n<li>Haga clic en el cuadro de clases de CSS y seleccione <strong>Bot\u00f3n principal<\/strong> en el men\u00fa desplegable.<\/li>\n<\/ol>\n\n\n\n<p>El bot\u00f3n deber\u00eda adoptar las caracter\u00edsticas de la clase Bot\u00f3n principal.<\/p>\n\n\n\n<ol start=\"23\" class=\"wp-block-list\">\n<li>Haga clic en el cuadro de clases de CSS y seleccione <strong>Bot\u00f3n secundario<\/strong> en el men\u00fa desplegable.<\/li>\n<\/ol>\n\n\n\n<p>El bot\u00f3n tendr\u00e1 la mayor\u00eda de las caracter\u00edsticas de la clase <strong>Bot\u00f3n principal<\/strong>. Esto se debe a que la clase Bot\u00f3n principal est\u00e1 m\u00e1s arriba en la jerarqu\u00eda de clases. Sin embargo, la fuente del bot\u00f3n adopta el estilo de la clase Bot\u00f3n secundario. Esto se debe a que nunca definimos la tipograf\u00eda del <strong>Bot\u00f3n principal<\/strong>, por lo que la clase <strong>Bot\u00f3n secundario<\/strong> determina el estilo de la fuente.   &nbsp;<\/p>\n\n\n\n<ol start=\"24\" class=\"wp-block-list\">\n<li>En el cuadro de clases de CSS, haga clic en los tres puntos situados junto a <strong>Bot\u00f3n secundario<\/strong>.&nbsp;<\/li>\n\n\n\n<li>Seleccione <strong>Eliminar<\/strong> en el men\u00fa desplegable.<\/li>\n<\/ol>\n\n\n\n<p>El cuadro de clases de CSS ahora deber\u00eda contener solo las clases <strong>local<\/strong> y <strong>Bot\u00f3n principal<\/strong>.&nbsp;<\/p>\n\n\n\n<p>Ahora digamos que queremos personalizar este bot\u00f3n para que parezca un bot\u00f3n principal, pero que tenga una caracter\u00edstica adicional: cambia de color cuando los visitantes lo sobrevuelan.&nbsp;<\/p>\n\n\n\n<ol start=\"26\" class=\"wp-block-list\">\n<li>Haga clic en los tres puntos situados junto a la clase <strong>local<\/strong>.<\/li>\n<\/ol>\n\n\n\n<p>Al editar la clase <strong>local<\/strong>, podemos cambiar el estilo de este bot\u00f3n sin cambiar otros botones con la clase <strong>Bot\u00f3n principal<\/strong>.<\/p>\n\n\n\n<ol start=\"27\" class=\"wp-block-list\">\n<li>Seleccione <strong>Hover<\/strong> en el men\u00fa desplegable.<\/li>\n<\/ol>\n\n\n\n<p>Hover es lo que se llama un estado.&nbsp; Cuando lo selecciona, determina el aspecto que tendr\u00e1 el bot\u00f3n cuando los visitantes pasen el rat\u00f3n por encima.&nbsp;<\/p>\n\n\n\n<ol start=\"28\" class=\"wp-block-list\">\n<li>Abra el campo Fondo.<\/li>\n\n\n\n<li>Seleccione un color de fondo diferente.<\/li>\n<\/ol>\n\n\n\n<p>Observe que cuando mueve el cursor sobre el bot\u00f3n, cambia de color.&nbsp;<\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>El editor de Elementor est\u00e1 dise\u00f1ado para ayudar a los creadores web a trabajar de forma r\u00e1pida y eficiente. Como parte de esa misi\u00f3n, el editor adopta los principios del dise\u00f1o at\u00f3mico. Este sistema se basa en la idea de crear elementos peque\u00f1os y reutilizables. En Elementor, estos elementos se denominan clases. Esto est\u00e1 en [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_elementor_kustomer_id":[],"footnotes":""},"categories":[1593],"tags":[1699],"class_list":["post-148435","post","type-post","status-publish","format-standard","hentry","category-v4-editor-es","tag-v4-es"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Clases en Elementor | Elementor<\/title>\n<meta name=\"description\" content=\"Learn everything about Clases en Elementor in this article from Elementor&#039;s Knowledge Base. Get Elementor tips &amp; more.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elementor.com\/help\/es\/clases-en-elementor\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Clases en Elementor | Elementor\" \/>\n<meta property=\"og:description\" content=\"Learn everything about Clases en Elementor in this article from Elementor&#039;s Knowledge Base. Get Elementor tips &amp; more.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/help\/es\/clases-en-elementor\/\" \/>\n<meta property=\"og:site_name\" content=\"Help\" \/>\n<meta property=\"article:published_time\" content=\"2025-06-11T13:07:44+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/03\/Click-the-Replace-URL-tab.png\" \/>\n\t<meta property=\"og:image:width\" content=\"878\" \/>\n\t<meta property=\"og:image:height\" content=\"699\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Cliff Churgin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Cliff Churgin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/elementor.com\/help\/es\/clases-en-elementor\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/es\/clases-en-elementor\/\"},\"author\":{\"name\":\"Cliff Churgin\",\"@id\":\"https:\/\/elementor.com\/help\/es\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3\"},\"headline\":\"Clases en Elementor\",\"datePublished\":\"2025-06-11T13:07:44+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/es\/clases-en-elementor\/\"},\"wordCount\":1182,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/es\/#organization\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/es\/clases-en-elementor\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/04\/1-the-local-class.png\",\"keywords\":[\"V4\"],\"articleSection\":[\"Editor V4\"],\"inLanguage\":\"es\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/help\/es\/clases-en-elementor\/\",\"url\":\"https:\/\/elementor.com\/help\/es\/clases-en-elementor\/\",\"name\":\"Clases en Elementor | Elementor\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/es\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/es\/clases-en-elementor\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/es\/clases-en-elementor\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/04\/1-the-local-class.png\",\"datePublished\":\"2025-06-11T13:07:44+00:00\",\"description\":\"Learn everything about Clases en Elementor in this article from Elementor's Knowledge Base. Get Elementor tips & more.\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/help\/es\/clases-en-elementor\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/help\/es\/clases-en-elementor\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/elementor.com\/help\/es\/clases-en-elementor\/#primaryimage\",\"url\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/04\/1-the-local-class.png\",\"contentUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/04\/1-the-local-class.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/help\/es\/clases-en-elementor\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Help Center\",\"item\":\"https:\/\/elementor.com\/help\/es\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Sin categor\u00eda\",\"item\":\"https:\/\/elementor.com\/help\/es\/sin-categoria\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Clases en Elementor\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/elementor.com\/help\/es\/#website\",\"url\":\"https:\/\/elementor.com\/help\/es\/\",\"name\":\"Elementor\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/es\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/elementor.com\/help\/es\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/elementor.com\/help\/es\/#organization\",\"name\":\"Elementor\",\"url\":\"https:\/\/elementor.com\/help\/es\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/elementor.com\/help\/es\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png\",\"contentUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png\",\"width\":225,\"height\":225,\"caption\":\"Elementor\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/es\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/elementor.com\/help\/es\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3\",\"name\":\"Cliff Churgin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/elementor.com\/help\/es\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/2957ab51166ce1ab4527af621d95bed3b7002ffaed172a69d8d0fb052d28c700?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/2957ab51166ce1ab4527af621d95bed3b7002ffaed172a69d8d0fb052d28c700?s=96&d=mm&r=g\",\"caption\":\"Cliff Churgin\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Clases en Elementor | Elementor","description":"Learn everything about Clases en Elementor in this article from Elementor's Knowledge Base. Get Elementor tips & more.","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:\/\/elementor.com\/help\/es\/clases-en-elementor\/","og_locale":"es_ES","og_type":"article","og_title":"Clases en Elementor | Elementor","og_description":"Learn everything about Clases en Elementor in this article from Elementor's Knowledge Base. Get Elementor tips & more.","og_url":"https:\/\/elementor.com\/help\/es\/clases-en-elementor\/","og_site_name":"Help","article_published_time":"2025-06-11T13:07:44+00:00","og_image":[{"width":878,"height":699,"url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/03\/Click-the-Replace-URL-tab.png","type":"image\/png"}],"author":"Cliff Churgin","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"Cliff Churgin","Tiempo de lectura":"6 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/help\/es\/clases-en-elementor\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/help\/es\/clases-en-elementor\/"},"author":{"name":"Cliff Churgin","@id":"https:\/\/elementor.com\/help\/es\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3"},"headline":"Clases en Elementor","datePublished":"2025-06-11T13:07:44+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/help\/es\/clases-en-elementor\/"},"wordCount":1182,"publisher":{"@id":"https:\/\/elementor.com\/help\/es\/#organization"},"image":{"@id":"https:\/\/elementor.com\/help\/es\/clases-en-elementor\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/04\/1-the-local-class.png","keywords":["V4"],"articleSection":["Editor V4"],"inLanguage":"es"},{"@type":"WebPage","@id":"https:\/\/elementor.com\/help\/es\/clases-en-elementor\/","url":"https:\/\/elementor.com\/help\/es\/clases-en-elementor\/","name":"Clases en Elementor | Elementor","isPartOf":{"@id":"https:\/\/elementor.com\/help\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/help\/es\/clases-en-elementor\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/help\/es\/clases-en-elementor\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/04\/1-the-local-class.png","datePublished":"2025-06-11T13:07:44+00:00","description":"Learn everything about Clases en Elementor in this article from Elementor's Knowledge Base. Get Elementor tips & more.","breadcrumb":{"@id":"https:\/\/elementor.com\/help\/es\/clases-en-elementor\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/help\/es\/clases-en-elementor\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/elementor.com\/help\/es\/clases-en-elementor\/#primaryimage","url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/04\/1-the-local-class.png","contentUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/04\/1-the-local-class.png"},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/help\/es\/clases-en-elementor\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Help Center","item":"https:\/\/elementor.com\/help\/es\/"},{"@type":"ListItem","position":2,"name":"Sin categor\u00eda","item":"https:\/\/elementor.com\/help\/es\/sin-categoria\/"},{"@type":"ListItem","position":3,"name":"Clases en Elementor"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/help\/es\/#website","url":"https:\/\/elementor.com\/help\/es\/","name":"Elementor","description":"","publisher":{"@id":"https:\/\/elementor.com\/help\/es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/help\/es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/elementor.com\/help\/es\/#organization","name":"Elementor","url":"https:\/\/elementor.com\/help\/es\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/elementor.com\/help\/es\/#\/schema\/logo\/image\/","url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png","contentUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png","width":225,"height":225,"caption":"Elementor"},"image":{"@id":"https:\/\/elementor.com\/help\/es\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/elementor.com\/help\/es\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3","name":"Cliff Churgin","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/elementor.com\/help\/es\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/2957ab51166ce1ab4527af621d95bed3b7002ffaed172a69d8d0fb052d28c700?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/2957ab51166ce1ab4527af621d95bed3b7002ffaed172a69d8d0fb052d28c700?s=96&d=mm&r=g","caption":"Cliff Churgin"}}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/help\/es\/wp-json\/wp\/v2\/posts\/148435","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/help\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/help\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/es\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/es\/wp-json\/wp\/v2\/comments?post=148435"}],"version-history":[{"count":0,"href":"https:\/\/elementor.com\/help\/es\/wp-json\/wp\/v2\/posts\/148435\/revisions"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/help\/es\/wp-json\/wp\/v2\/media?parent=148435"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/help\/es\/wp-json\/wp\/v2\/categories?post=148435"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/help\/es\/wp-json\/wp\/v2\/tags?post=148435"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}