{"id":148430,"date":"2025-06-11T16:07:44","date_gmt":"2025-06-11T13:07:44","guid":{"rendered":"https:\/\/elementor.com\/help\/classi-in-elementor\/"},"modified":"2025-06-11T16:07:44","modified_gmt":"2025-06-11T13:07:44","slug":"classi-in-elementor","status":"publish","type":"post","link":"https:\/\/elementor.com\/help\/it\/classi-in-elementor\/","title":{"rendered":"Classi in Elementor"},"content":{"rendered":"\n<p>L&#8217;Editor di Elementor \u00e8 progettato per aiutare i creatori web a lavorare in modo rapido ed efficiente. Come parte di questa missione, l&#8217;Editor adotta i principi dell&#8217;Atomic Design. Questo sistema si basa sull&#8217;idea di creare piccoli elementi riutilizzabili. In Elementor, questi elementi sono chiamati classi. Questo \u00e8 in linea con il vocabolario utilizzato da CSS.    <\/p>\n\n\n\n<p>Come ulteriore vantaggio, l&#8217;uso corretto delle classi pu\u00f2 anche migliorare le prestazioni del tuo sito 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\">Creazione di una classe<\/h2>\n\n\n\n<p>La creazione di classi avviene automaticamente. Lo fai ogni volta che aggiungi un <a href=\"https:\/\/elementor.com\/help\/add-elements-to-a-page\/\">elemento alla canvas<\/a>. Quando aggiungi un elemento alla canvas, le opzioni dell&#8217;elemento appaiono nel pannello di sinistra.   <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>Nella parte superiore della scheda <strong>Stile<\/strong>, vedrai il campo <strong>Classe<\/strong> con la classe <strong>local<\/strong> gi\u00e0 compilata. Ora puoi aggiungere nuove classi all&#8217;elemento seguendo questo processo: <\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Inserisci un nome di classe nella casella di testo.<br>Appare un menu a tendina.<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>Seleziona il nome della classe sotto <strong>Crea una nuova classe<\/strong>.&nbsp;<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">Modifica di una classe<\/h2>\n\n\n\n<p>Dopo aver creato una classe, \u00e8 necessario modificarla per stabilirne le propriet\u00e0.<\/p>\n\n\n\n<p><strong>Per modificare una classe<\/strong>:&nbsp;<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Crea la classe.<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>Controlla il campo delle classi CSS. La classe che stai modificando sar\u00e0 rosa se \u00e8 una classe locale. Altrimenti sar\u00e0 verde. Quando la classe \u00e8 rosa o verde, stai modificando quella classe.   <\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">Cos&#8217;\u00e8 una classe?<\/h2>\n\n\n\n<p>Una classe \u00e8 una raccolta di caratteristiche di stile condivise. Ad esempio, se stai costruendo un sito web e vuoi che il testo standard in tutto il sito utilizzi il carattere Arial a 12 punti, puoi creare una classe chiamata <strong>Testo principale<\/strong> con queste caratteristiche. In questo modo, ogni elemento con la classe <strong>Testo principale<\/strong> utilizzerebbe Arial a 12 punti come carattere.  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">La classe locale<\/h3>\n\n\n\n<p>In Elementor, ogni elemento ha almeno una classe: la classe <strong>local<\/strong>. Questa classe definisce il particolare elemento con cui stai lavorando. \u00c8 importante notare che, anche se tutti gli elementi hanno una classe locale, la classe <strong>local<\/strong> pu\u00f2 essere diversa per ogni elemento. Ad esempio, puoi avere un widget Testo che utilizza il carattere Arial nella sua classe <strong>local<\/strong> e un altro widget Testo che utilizza Calibri nella sua classe <strong>local<\/strong>.   &nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Gerarchia delle classi<\/h3>\n\n\n\n<p>L&#8217;altra cosa importante da notare sulle classi \u00e8 che funzionano per gerarchie. Se le classi si contraddicono a vicenda, l&#8217;Editor sa quali caratteristiche hanno la priorit\u00e0. Ad esempio, se un elemento contiene due classi, una che imposta il carattere su Arial e un&#8217;altra che imposta la classe su Calibri, l&#8217;editor deve determinare quale ha la priorit\u00e0. Questa priorit\u00e0 \u00e8 impostata nel gestore delle classi. Tuttavia, la classe locale ha sempre la massima priorit\u00e0. Quindi, nel caso precedente, se la classe <strong>local<\/strong> imposta il carattere su New Time Roman, l&#8217;elemento utilizzerebbe il carattere New Times Roman.     <\/p>\n\n\n\n<p>Suggerimento: \u00e8 meglio costruire le tue classi in modo che ci siano il minor numero possibile di conflitti. Questi conflitti non solo possono farti perdere tempo, ma possono anche rallentare il tuo sito. &nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Esempio di creazione di classi<\/h2>\n\n\n\n<p>In questo esempio, esamineremo la creazione di un sito web che include diversi pulsanti. Per risparmiare tempo e migliorare le prestazioni, creeremo due classi: una per definire i pulsanti importanti e un&#8217;altra per definire i pulsanti secondari. &nbsp;<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Crea una pagina nell&#8217;Editor di Elementor.<\/li>\n\n\n\n<li>Trascina un <strong>widget Pulsante<\/strong> sulla canvas.<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>Le opzioni appaiono nel pannello.<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>Clicca sulla scheda <strong>Stile<\/strong>.<\/li>\n\n\n\n<li>Nella casella di testo <strong>Classi<\/strong>, accanto a <strong>local<\/strong>, inserisci <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>Nel menu a tendina, seleziona <strong>Crea nuovo \u201cPulsante principale\u201d<\/strong>.<br><strong>Main_button<\/strong> appare nella casella di testo <strong>Classi<\/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>Nota che il nome della classe <strong>Main_button<\/strong> \u00e8 in verde. Ci\u00f2 significa che stai modificando quella classe. <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>Apri il campo <strong>Dimensione<\/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>Dai al pulsante una larghezza di 200 PX e un&#8217;altezza di 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>Apri il campo <strong>Sfondo<\/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>Seleziona un colore per il pulsante. Per i dettagli, vedi <a href=\"https:\/\/elementor.com\/help\/style-tab-background\/\">Scheda Stile &#8211; Sfondo<\/a>. &nbsp;<br>Ora creiamo una classe per i pulsanti secondari.<\/li>\n\n\n\n<li>Nella casella di testo <strong>Classi CSS<\/strong>, elimina <strong>Pulsante principale<\/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>Nota che il pulsante torna alle impostazioni predefinite.<\/li>\n\n\n\n<li>Nella casella di testo <strong>Classi<\/strong>, inserisci <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>Nel menu a tendina, seleziona <strong>Crea \u201cPulsante secondario\u201d<\/strong>.<br>Nota che il nome della classe \u00e8 in verde, il che significa che stai modificando la classe.<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>Apri il campo <strong>Dimensione<\/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>Dai al pulsante una larghezza di 100 PX e un&#8217;altezza di 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;Apri il campo <strong>Tipografia<\/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>Imposta la <strong>dimensione del carattere<\/strong> su 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>Apri il campo <strong>Sfondo<\/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>Seleziona un colore per lo sfondo. Assicurati che sia diverso dallo sfondo del <strong>Pulsante principale<\/strong>.<br>Ora testiamo i risultati. <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>Aggiungi un nuovo elemento Pulsante alla canvas.<\/li>\n\n\n\n<li>Apri la scheda <strong>Stile<\/strong>.<\/li>\n\n\n\n<li>Fai clic sulla casella delle classi CSS e seleziona <strong>Pulsante principale<\/strong> dal menu a tendina.<\/li>\n<\/ol>\n\n\n\n<p>Il pulsante dovrebbe assumere le caratteristiche della classe Pulsante principale.<\/p>\n\n\n\n<ol start=\"23\" class=\"wp-block-list\">\n<li>Fai clic sulla casella delle classi CSS e seleziona <strong>Pulsante secondario<\/strong> dal menu a tendina.<\/li>\n<\/ol>\n\n\n\n<p>Il pulsante avr\u00e0 la maggior parte delle caratteristiche della classe <strong>Pulsante principale<\/strong>. Questo perch\u00e9 la classe Pulsante principale \u00e8 pi\u00f9 in alto nella gerarchia delle classi. Tuttavia, il carattere sul pulsante assume lo stile della classe Pulsante secondario. Questo perch\u00e9 non abbiamo mai definito la tipografia del <strong>Pulsante principale<\/strong>, quindi la classe <strong>Pulsante secondario<\/strong> determina lo stile del carattere.   &nbsp;<\/p>\n\n\n\n<ol start=\"24\" class=\"wp-block-list\">\n<li>Nella casella delle classi CSS, fai clic sui tre punti accanto a <strong>Pulsante secondario<\/strong>.&nbsp;<\/li>\n\n\n\n<li>Seleziona <strong>Rimuovi<\/strong> dal menu a tendina.<\/li>\n<\/ol>\n\n\n\n<p>La casella delle Classi CSS dovrebbe ora contenere solo le classi <strong>local<\/strong> e <strong>Pulsante principale<\/strong>.&nbsp;<\/p>\n\n\n\n<p>Ora diciamo che vogliamo personalizzare questo pulsante in modo che assomigli a un pulsante principale ma abbia una caratteristica aggiuntiva: cambia colore quando i visitatori ci passano sopra con il mouse.&nbsp;<\/p>\n\n\n\n<ol start=\"26\" class=\"wp-block-list\">\n<li>Fai clic sui tre punti accanto alla classe <strong>local<\/strong>.<\/li>\n<\/ol>\n\n\n\n<p>Modificando la classe <strong>local<\/strong>, possiamo cambiare lo stile di questo pulsante senza cambiare altri pulsanti con la classe <strong>Pulsante principale<\/strong>.<\/p>\n\n\n\n<ol start=\"27\" class=\"wp-block-list\">\n<li>Seleziona <strong>Hover<\/strong> dal menu a tendina.<\/li>\n<\/ol>\n\n\n\n<p>Hover \u00e8 ci\u00f2 che viene chiamato uno stato.&nbsp; Quando lo selezioni, determini l&#8217;aspetto del pulsante quando i visitatori ci passano sopra con il mouse.&nbsp;<\/p>\n\n\n\n<ol start=\"28\" class=\"wp-block-list\">\n<li>Apri il campo Sfondo.<\/li>\n\n\n\n<li>Seleziona un colore di sfondo diverso.<\/li>\n<\/ol>\n\n\n\n<p>Nota che quando sposti il cursore sul pulsante, cambia colore.&nbsp;<\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>L&#8217;Editor di Elementor \u00e8 progettato per aiutare i creatori web a lavorare in modo rapido ed efficiente. Come parte di questa missione, l&#8217;Editor adotta i principi dell&#8217;Atomic Design. Questo sistema si basa sull&#8217;idea di creare piccoli elementi riutilizzabili. In Elementor, questi elementi sono chiamati classi. Questo \u00e8 in linea con il vocabolario utilizzato da CSS. [&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":[1596],"tags":[1697],"class_list":["post-148430","post","type-post","status-publish","format-standard","hentry","category-v4-editor-it","tag-v4-it"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Classi in Elementor | Elementor<\/title>\n<meta name=\"description\" content=\"Learn everything about Classi in 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\/it\/classi-in-elementor\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Classi in Elementor | Elementor\" \/>\n<meta property=\"og:description\" content=\"Learn everything about Classi in 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\/it\/classi-in-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=\"Scritto da\" \/>\n\t<meta name=\"twitter:data1\" content=\"Cliff Churgin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo di lettura stimato\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minuti\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/elementor.com\/help\/it\/classi-in-elementor\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/it\/classi-in-elementor\/\"},\"author\":{\"name\":\"Cliff Churgin\",\"@id\":\"https:\/\/elementor.com\/help\/it\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3\"},\"headline\":\"Classi in Elementor\",\"datePublished\":\"2025-06-11T13:07:44+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/it\/classi-in-elementor\/\"},\"wordCount\":1019,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/it\/#organization\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/it\/classi-in-elementor\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/04\/1-the-local-class.png\",\"keywords\":[\"V4\"],\"articleSection\":[\"Editor V4\"],\"inLanguage\":\"it-IT\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/help\/it\/classi-in-elementor\/\",\"url\":\"https:\/\/elementor.com\/help\/it\/classi-in-elementor\/\",\"name\":\"Classi in Elementor | Elementor\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/it\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/it\/classi-in-elementor\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/it\/classi-in-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 Classi in Elementor in this article from Elementor's Knowledge Base. Get Elementor tips & more.\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/help\/it\/classi-in-elementor\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/help\/it\/classi-in-elementor\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/elementor.com\/help\/it\/classi-in-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\/it\/classi-in-elementor\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Help Center\",\"item\":\"https:\/\/elementor.com\/help\/it\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Senza categoria\",\"item\":\"https:\/\/elementor.com\/help\/it\/senza-categoria\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Classi in Elementor\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/elementor.com\/help\/it\/#website\",\"url\":\"https:\/\/elementor.com\/help\/it\/\",\"name\":\"Elementor\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/it\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/elementor.com\/help\/it\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"it-IT\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/elementor.com\/help\/it\/#organization\",\"name\":\"Elementor\",\"url\":\"https:\/\/elementor.com\/help\/it\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/elementor.com\/help\/it\/#\/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\/it\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/elementor.com\/help\/it\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3\",\"name\":\"Cliff Churgin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/elementor.com\/help\/it\/#\/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":"Classi in Elementor | Elementor","description":"Learn everything about Classi in 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\/it\/classi-in-elementor\/","og_locale":"it_IT","og_type":"article","og_title":"Classi in Elementor | Elementor","og_description":"Learn everything about Classi in Elementor in this article from Elementor's Knowledge Base. Get Elementor tips & more.","og_url":"https:\/\/elementor.com\/help\/it\/classi-in-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":{"Scritto da":"Cliff Churgin","Tempo di lettura stimato":"5 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/help\/it\/classi-in-elementor\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/help\/it\/classi-in-elementor\/"},"author":{"name":"Cliff Churgin","@id":"https:\/\/elementor.com\/help\/it\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3"},"headline":"Classi in Elementor","datePublished":"2025-06-11T13:07:44+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/help\/it\/classi-in-elementor\/"},"wordCount":1019,"publisher":{"@id":"https:\/\/elementor.com\/help\/it\/#organization"},"image":{"@id":"https:\/\/elementor.com\/help\/it\/classi-in-elementor\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/04\/1-the-local-class.png","keywords":["V4"],"articleSection":["Editor V4"],"inLanguage":"it-IT"},{"@type":"WebPage","@id":"https:\/\/elementor.com\/help\/it\/classi-in-elementor\/","url":"https:\/\/elementor.com\/help\/it\/classi-in-elementor\/","name":"Classi in Elementor | Elementor","isPartOf":{"@id":"https:\/\/elementor.com\/help\/it\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/help\/it\/classi-in-elementor\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/help\/it\/classi-in-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 Classi in Elementor in this article from Elementor's Knowledge Base. Get Elementor tips & more.","breadcrumb":{"@id":"https:\/\/elementor.com\/help\/it\/classi-in-elementor\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/help\/it\/classi-in-elementor\/"]}]},{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/elementor.com\/help\/it\/classi-in-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\/it\/classi-in-elementor\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Help Center","item":"https:\/\/elementor.com\/help\/it\/"},{"@type":"ListItem","position":2,"name":"Senza categoria","item":"https:\/\/elementor.com\/help\/it\/senza-categoria\/"},{"@type":"ListItem","position":3,"name":"Classi in Elementor"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/help\/it\/#website","url":"https:\/\/elementor.com\/help\/it\/","name":"Elementor","description":"","publisher":{"@id":"https:\/\/elementor.com\/help\/it\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/help\/it\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"it-IT"},{"@type":"Organization","@id":"https:\/\/elementor.com\/help\/it\/#organization","name":"Elementor","url":"https:\/\/elementor.com\/help\/it\/","logo":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/elementor.com\/help\/it\/#\/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\/it\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/elementor.com\/help\/it\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3","name":"Cliff Churgin","image":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/elementor.com\/help\/it\/#\/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\/it\/wp-json\/wp\/v2\/posts\/148430","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/help\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/help\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/it\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/it\/wp-json\/wp\/v2\/comments?post=148430"}],"version-history":[{"count":0,"href":"https:\/\/elementor.com\/help\/it\/wp-json\/wp\/v2\/posts\/148430\/revisions"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/help\/it\/wp-json\/wp\/v2\/media?parent=148430"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/help\/it\/wp-json\/wp\/v2\/categories?post=148430"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/help\/it\/wp-json\/wp\/v2\/tags?post=148430"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}