{"id":367323,"date":"2023-03-04T15:54:00","date_gmt":"2023-03-04T12:54:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=367323"},"modified":"2022-10-12T12:23:55","modified_gmt":"2022-10-12T09:23:55","slug":"come-creare-interruttori-e-fisarmoniche-in-wordpress","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/it\/come-creare-interruttori-e-fisarmoniche-in-wordpress\/","title":{"rendered":"Come creare interruttori e fisarmoniche in WordPress"},"content":{"rendered":"\n<p>Accordions e Toggles sono elementi utili che aggiungono pi\u00f9 funzionalit\u00e0 alla tua pagina, ti consentono di strutturare meglio i contenuti e aiutano con l&#8217;organizzazione generale del sito web. <strong>Aggiungerli non \u00e8 particolarmente complicato ma pu\u00f2 essere particolarmente facile con lo strumento giusto<\/strong>.<\/p>\n<p>Ecco perch\u00e9 abbiamo optato per i <a href=\"https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/?campaign=TogglesAccordions&#038;ref=1\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">componenti aggiuntivi Qi intuitivi per Elementor<\/a> che includono <strong>un&#8217;ampia variet\u00e0 di opzioni di personalizzazione ed \u00e8 incredibilmente facile da usare<\/strong>. Questo plugin \u00e8 attualmente la pi\u00f9 grande raccolta di <strong>60 widget gratuiti<\/strong> che puoi utilizzare per aggiungere pi\u00f9 funzionalit\u00e0 al tuo sito web. Inoltre, c&#8217;\u00e8 una straordinaria collezione di <strong>oltre 40 widget Qi premium<\/strong>. E ci\u00f2 che \u00e8 anche molto importante \u00e8 che sia compatibile con tutti i temi WordPress.<\/p>\n<h2>Aggiunta di fisarmoniche e Widget gratuito con Qi Addons per Elementor<\/h2>\n<p>I componenti aggiuntivi di Qi ti consentono di <strong>personalizzare completamente le fisarmoniche e alternare lo stile al tema WordPress che stai utilizzando<\/strong>, dai caratteri ai colori e ai bordi e tutto il resto.<\/p>\n<p>Per trarre ispirazione ti consigliamo di dare un&#8217;occhiata alla <a href=\"https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/accordions-and-toggles\/?campaign=TogglesAccordions&#038;ref=1\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">pagina dei widget<\/a>. Ti mostreremo come l&#8217;abbiamo applicato.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-343047-633e6f0a5ca65.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\/2022\/10\/post-343047-633e6f0a5ca65.jpg\" alt=\"Come creare interruttori e fisarmoniche in WordPress\" ><\/a><\/p>\n<p>La percezione di base di come funziona Elementor \u00e8 tutto ci\u00f2 che devi capire in questa sezione. Questa \u00e8 in realt\u00e0 una riga contenente due colonne con un&#8217;immagine nella colonna di sinistra e fisarmoniche in quella di destra. <strong>Naturalmente, una fisarmonica pu\u00f2 occupare l&#8217;intera fila o qualsiasi parte della fila, secondo le vostre esigenze<\/strong>.<\/p>\n<p>Prima di continuare, controlliamo alcune caratteristiche di stile di base con cui viene fornito questo componente aggiuntivo. Quindi partiamo dal comportamento. <strong>Sono possibili due tipi di comportamento: fisarmoniche<\/strong> in cui \u00e8 possibile aprire solo un elemento in un determinato momento e <strong>alternatori<\/strong> che consentono di aprire pi\u00f9 di un elemento contemporaneamente.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-343047-633e6f0d359b6.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\/2022\/10\/post-343047-633e6f0d359b6.jpg\" alt=\"Come creare interruttori e fisarmoniche in WordPress\" ><\/a><\/p>\n<p><strong>Lo stile pu\u00f2 essere ulteriormente definito con i bordi e sono disponibili diverse opzioni:<\/strong><\/p>\n<ul>\n<li>Standard: nessun confine<\/li>\n<li>In scatola \u2013 con bordi,<\/li>\n<li>Bordo superiore: ha solo il bordo superiore sopra il titolo<\/li>\n<li>Border Between- ha solo il confine tra titolo e descrizione<\/li>\n<\/ul>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-343047-633e6f10ce932.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\/2022\/10\/post-343047-633e6f10ce932.jpg\" alt=\"Come creare interruttori e fisarmoniche in WordPress\" ><\/a><\/p>\n<h2>Come aggiungere Accoridons e Toggle con i componenti aggiuntivi Qi<\/h2>\n<p>Per iniziare, imposteremo la riga da dividere in due colonne e aggiungeremo un&#8217;immagine alla colonna di sinistra, solo per rendere la sezione visivamente pi\u00f9 accattivante.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-343047-633e6f143d6e6.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\/2022\/10\/post-343047-633e6f143d6e6.jpg\" alt=\"Come creare interruttori e fisarmoniche in WordPress\" ><\/a><\/p>\n<p>Dopo aver aggiunto l&#8217;immagine, troveremo il widget Accordions e Toggles digitando nella barra di ricerca o scorrendo il menu verso il basso. Quando il widget viene trovato, <strong>fai semplicemente clic su di esso, tienilo premuto e spostati nel punto in cui desideri posizionare il nuovo elemento<\/strong>.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-343047-633e6f17f28ff.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\/2022\/10\/post-343047-633e6f17f28ff.jpg\" alt=\"Come creare interruttori e fisarmoniche in WordPress\" ><\/a><\/p>\n<p>Abbiamo aggiunto il widget Fisarmoniche e Attiva\/Disattiva sul lato destro della riga e puoi vedere <strong>tutte le impostazioni relative ad esso sulla sinistra<\/strong>. Le impostazioni predefinite del widget sono impostate in modo tale che il <strong>testo e lo stile corrispondano automaticamente al tema che stai utilizzando<\/strong>, quindi nel caso in cui non sia necessario cambiarlo, puoi semplicemente terminare il processo qui, il widget sembrer\u00e0 come apparteneva naturalmente al tema.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-343047-633e6f1aa77cc.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\/2022\/10\/post-343047-633e6f1aa77cc.jpg\" alt=\"Come creare interruttori e fisarmoniche in WordPress\" ><\/a><\/p>\n<p>La prossima cosa che devi impostare \u00e8 <strong>Comportamento e Stile<\/strong>. Abbiamo gi\u00e0 menzionato le opzioni Comportamento e Stile in modo da poter impostare qui tutto ci\u00f2 che funziona per te. Ai fini di questo articolo abbiamo selezionato l&#8217;opzione Fisarmoniche dal menu Comportamento e Stile standard.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-343047-633e6f1dc011b.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\/2022\/10\/post-343047-633e6f1dc011b.jpg\" alt=\"Come creare interruttori e fisarmoniche in WordPress\" ><\/a><\/p>\n<p>Ci\u00f2 che \u00e8 necessario fare ora \u00e8 <strong>aggiungere elementi<\/strong>. Scorri verso il basso per trovare le <strong>Opzioni oggetto<\/strong>. Noterai due piccole icone nell&#8217;angolo in alto a destra della scheda Articoli. Il primo serve per <strong>copiare un elemento esistente<\/strong> e la <strong>piccola X successiva serve per rimuovere un elemento<\/strong>. Sotto la scheda Articolo c&#8217;\u00e8 il <strong>pulsante Aggiungi nuovo<\/strong> che serve per aggiungere nuovi elementi. Quando fai clic per inserire un nuovo elemento, devi <strong>prima impostare un titolo, quindi digitare il testo nel campo designato sottostante<\/strong>. Noterai molte opzioni simili a quelle offerte in vari editor di testo per lo stile e la formattazione del testo. Ti consigliamo di sistemare il testo e il titolo a questo punto poich\u00e9 avrai immediatamente un&#8217;anteprima di come apparir\u00e0 alla fine.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-343047-633e6f206ce5c.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\/2022\/10\/post-343047-633e6f206ce5c.jpg\" alt=\"Come creare interruttori e fisarmoniche in WordPress\" ><\/a><\/p>\n<p>Dopo aver inserito il testo, puoi impostare l&#8217; <strong>altezza del contenuto<\/strong>. Questa opzione <strong>si riferisce alla dimensione del campo di commutazione<\/strong>. Se lo imposti su <strong>Altezza articolo pi\u00f9 alto<\/strong>, ogni articolo avr\u00e0 le stesse dimensioni di quello pi\u00f9 grande. Se selezioni l&#8217; opzione <strong>Altezza articolo individuale<\/strong>, la dimensione di ciascun articolo corrisponder\u00e0 alla dimensione del contenuto in esso contenuto.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-343047-633e6f234b68b.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\/2022\/10\/post-343047-633e6f234b68b.jpg\" alt=\"Come creare interruttori e fisarmoniche in WordPress\" ><\/a><\/p>\n<p>Se si desidera <strong>modificare le icone predefinite che vengono visualizzate all&#8217;apertura e alla chiusura dell&#8217;elemento, \u00e8 sufficiente fare clic sul campo Apri icona o Chiudi icona e verranno visualizzate due nuove opzioni<\/strong>. Uno serve per aggiungere nuove icone dalla Libreria delle icone e l&#8217;altro serve per aggiungere un SVG.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-343047-633e6f262759d.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\/2022\/10\/post-343047-633e6f262759d.jpg\" alt=\"Come creare interruttori e fisarmoniche in WordPress\" ><\/a><\/p>\n<p>Ora possiamo passare alle <strong>impostazioni dello stile<\/strong>. Qui \u00e8 dove si effettua la messa a punto della fisarmonica e si attiva\/disattiva lo stile del widget.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-343047-633e6f28d995d.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\/2022\/10\/post-343047-633e6f28d995d.jpg\" alt=\"Come creare interruttori e fisarmoniche in WordPress\" ><\/a><\/p>\n<p>Puoi <strong>scegliere lo stile del titolo e impostare la Tipografia del titolo<\/strong>. Come accennato, le opzioni predefinite sono impostate in modo tale che lo stile del widget corrisponda al tema che stai utilizzando. Ma puoi sempre <strong>provare tutte le altre opzioni semplicemente selezionandole e le modifiche saranno immediatamente visibili nel widget sul lato destro dello schermo<\/strong>. Esplora le opzioni e scopri cosa funziona meglio per te.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-343047-633e6f2cbed4b.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\/2022\/10\/post-343047-633e6f2cbed4b.jpg\" alt=\"Come creare interruttori e fisarmoniche in WordPress\" ><\/a><\/p>\n<p>Le impostazioni successive si riferiscono ai cambiamenti di stile che <strong>accadono a un articolo quando viene chiuso o aperto<\/strong>. \u00c8 possibile, ad esempio, impostare il testo in modo che sia di un colore diverso quando viene aperto, oppure lo sfondo pu\u00f2 essere di un colore diverso. C&#8217;\u00e8 anche la possibilit\u00e0 di impostare un riempimento diverso quando l&#8217;elemento \u00e8 attivo, cio\u00e8 aperto.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-343047-633e6f30ee551.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\/2022\/10\/post-343047-633e6f30ee551.jpg\" alt=\"Come creare interruttori e fisarmoniche in WordPress\" ><\/a><\/p>\n<p>Se preferisci i video tutorial dai un&#8217;occhiata a questo creato dagli autori di Qi:<\/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\/WDgy5sFM0vc\" frameborder=\"0\"><\/iframe><\/div>\n<h2>Insomma<\/h2>\n<p>Man mano che ti sentirai pi\u00f9 familiare con il plugin, esplorerai opzioni ancora pi\u00f9 raffinate per mettere a punto lo stile del tuo widget Fisarmonica e Attiva\/Disattiva. Questo strumento intuitivo \u00e8 perfetto per i principianti in quanto \u00e8 incredibilmente facile da usare, mentre gli utenti avanzati si divertiranno anche a usarlo in quanto offre una tale abbondanza di opzioni di personalizzazione.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Fonte di registrazione:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/wpklik.com\" class=\"external external_icon\">wpklik.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Scopri come creare fisarmoniche in WordPress con un plug-in gratuito e organizzare i tuoi contenuti nel modo pi\u00f9 intuitivo!<\/p>\n","protected":false},"author":1,"featured_media":364273,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[571],"tags":[846],"class_list":["post-367323","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-nozioni-di-base-su-wordpress","tag-affiai-it"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/posts\/367323","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/comments?post=367323"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/posts\/367323\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/media\/364273"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/media?parent=367323"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/categories?post=367323"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/tags?post=367323"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}