{"id":367234,"date":"2023-02-25T12:35:00","date_gmt":"2023-02-25T09:35:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=367234"},"modified":"2023-04-13T10:25:32","modified_gmt":"2023-04-13T07:25:32","slug":"come-creare-schede-wordpress-con-componenti-aggiuntivi-qi-per-elementor","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/it\/come-creare-schede-wordpress-con-componenti-aggiuntivi-qi-per-elementor\/","title":{"rendered":"Come creare schede WordPress con componenti aggiuntivi Qi per Elementor"},"content":{"rendered":"\n

La qualit\u00e0 del contenuto del tuo sito web dipende in gran parte dalle tue conoscenze e abilit\u00e0, ma anche il modo in cui lo visualizzi gioca un ruolo importante nel modo in cui gli altri lo percepiscono. Le schede di WordPress sono un ottimo modo per strutturare e organizzare i contenuti e renderli pi\u00f9 facili da digerire<\/strong>, soprattutto quando si tratta di articoli lunghi. Mantenere un lettore su una pagina non \u00e8 mai stato facile, quindi renderlo pi\u00f9 difficile offrendo contenuti che non sono visivamente accattivanti non \u00e8 semplicemente una cosa saggia da fare.<\/p>\n

Le schede ti aiutano a suddividere un articolo in sezioni facilmente leggibili e a renderlo pi\u00f9 accessibile al lettore che pu\u00f2 quindi navigare nel testo in modo pi\u00f9 fluido. Naturalmente, ci sono molti altri suggerimenti<\/a> per la scrittura per aiutarti a rendere il contenuto pi\u00f9 attraente, ma l’impostazione delle schede \u00e8 uno degli elementi essenziali. In questo articolo, ti mostreremo come aggiungere bellissime schede ai tuoi contenuti con i componenti aggiuntivi Qi per Elementor<\/strong>.<\/p>\n

Aggiunta di schede con un plug-in<\/h2>\n

Qi Addons per Elementor<\/a> \u00e8 uno strumento potente e gratuito che ti consente di aggiungere facilmente un’ampia variet\u00e0 di bellissimi elementi al tuo sito web<\/strong>. Viene fornito con un’interfaccia intuitiva e facile da usare e sia i principianti che gli utenti avanzati lo troveranno facile da usare. La cosa particolarmente bella di Qi \u00e8 l’attenzione posta sul design, quindi oltre agli elementi utili, ti offre anche un tocco di eleganza contemporanea<\/strong>.<\/p>\n

Il processo di installazione<\/a> dei componenti aggiuntivi QI per Elementor non \u00e8 diverso da qualsiasi altra installazione di plug-in. In caso di domande al riguardo, assicurati di controllare il link che abbiamo fornito sopra e puoi anche scriverci nella sezione commenti.<\/p>\n

Poich\u00e9 si tratta di un plug-in Elementor, assicurati di passare all’editor Elementor quando crei un nuovo post. Tutti i widget dei componenti aggiuntivi di Qi verranno visualizzati in modo ordinato nel menu degli elementi a sinistra<\/strong>. Basta scorrere il menu per trovarli.<\/p>\n

\"Come<\/a><\/p>\n

Ora non \u00e8 necessario sfogliare tutti gli elementi Qi. Puoi semplicemente inserire quello che vuoi aggiungere<\/strong>, scheda in questo caso, nel campo di ricerca e verr\u00e0 visualizzato nei risultati della ricerca. Come puoi vedere di seguito, i componenti aggiuntivi Qi ti forniscono due elementi di scheda: scheda orizzontale<\/a> e scheda verticale<\/a>.<\/p>\n

\"Come<\/a><\/p>\n

Per aggiungere una scheda verticale, trascina e rilascia l’elemento Elementor nella posizione desiderata. Quando viene aggiunta la scheda verticale, tutte le impostazioni saranno sul lato sinistro e all’interno delle schede Contenuto e Stile ci sono tutte le opzioni relative alle schede<\/strong>. L’opzione Avanzate \u00e8 in realt\u00e0 il gruppo predefinito di Elementor per la colonna.<\/p>\n

\"Come<\/a><\/p>\n

Le prime impostazioni che vedrai sono le Impostazioni generali, includono tutte le opzioni necessarie per regolare in modo ottimale i tuoi contenuti<\/strong>.<\/p>\n

\"Come<\/a><\/p>\n

Posiziona contenuto sotto la scheda sullo schermo sotto l’opzione consente di impostare la scheda verticale in base alle dimensioni dello schermo di destinazione. Puoi scegliere tra quattro dimensioni dello schermo. Ad esempio, se la dimensione dello schermo \u00e8 inferiore a 480px, il titolo della scheda verr\u00e0 posizionato sopra e non accanto al testo. Questa opzione si riferisce solo alle schede verticali. L’immagine seguente illustra come viene visualizzata la scheda verticale sul grande schermo e come quando si imposta la dimensione dello schermo nell’opzione Posiziona contenuto sotto la scheda sullo schermo sotto.<\/p>\n

\"Come<\/a><\/p>\n

Per inserire e disporre il testo nella scheda verticale, fai clic sull’opzione Elementi<\/strong> e il menu si aprir\u00e0 con un campo sottostante per inserire direttamente il testo<\/strong>. Puoi anche regolare immediatamente le impostazioni del testo in termini di allineamento, tipografia. Non \u00e8 necessario impostare le impostazioni generali per la tipografia poich\u00e9 puoi farlo in seguito nella scheda Stile. Qui \u00e8 anche dove si imposta il titolo della scheda verticale<\/strong>, semplicemente inserendolo nel campo Titolo. Sul lato destro dello schermo vedrai immediatamente l’anteprima di tutte le modifiche apportate.<\/p>\n

\"Come<\/a><\/p>\n

Dopo aver inserito il testo, puoi continuare a modellarlo in modo pi\u00f9 dettagliato<\/strong>. Fare clic sull’opzione Stile<\/strong> accanto all’opzione Contenuto nel menu per aprire tutte le impostazioni di stile.<\/p>\n

\"Come<\/a><\/p>\n

L’impostazione Tag titolo consente di scegliere se si desidera che il titolo della scheda verticale\/orizzontale sia H1, H2 e cos\u00ec via. Nella foto sopra, abbiamo optato per H1.<\/p>\n

L’ opzione Tipografia titolo<\/strong> \u00e8 molto interessante. La prima icona con il globo apre un menu personalizzato che consente di scegliere il tipo di tipografia dai caratteri globali<\/strong>. Questa \u00e8 una scelta sicura se vuoi assicurarti che la tua scheda sia in linea con lo stile generale del tuo sito web.<\/p>\n

\"Come<\/a><\/p>\n

Se ti senti abbastanza sicuro da impostare da solo la tipografia del titolo o semplicemente desideri esplorare pi\u00f9 opzioni, fai clic sull’icona a forma di matita accanto al globo per tutte le impostazioni tipografiche disponibili<\/strong>. Puoi testarli tutti facilmente, poich\u00e9 vedrai immediatamente l’effetto sul lato destro dello schermo.<\/p>\n

\"Come<\/a><\/p>\n

L’ opzione Famiglia<\/strong> ti consente di scegliere il carattere<\/strong>, quindi tutte le opzioni seguenti ti consentono di personalizzare ulteriormente il carattere di tua scelta<\/strong>.<\/p>\n

L’impostazione Dimensione in questo menu ti consente di impostare la dimensione delle lettere da solo<\/strong>, l’opzione Peso ti consente di regolare la larghezza delle lettere nel carattere<\/strong>. L’opzione Trasforma ti consente di scegliere se vuoi che il testo sia solo in maiuscolo o minuscolo o in maiuscolo, ecc. L’opzione Decorazione ti consente di scegliere tra gli stili dello stesso carattere: predefinito, normale, corsivo o obliquo. E puoi anche regolare da solo l’altezza della linea<\/strong> e la spaziatura delle lettere.<\/p>\n

Le impostazioni tipografiche sono davvero divertenti da regolare in quanto c’\u00e8 cos\u00ec tanta scelta e puoi davvero impostare sia il titolo che il corpo del testo in modo che appaiano esattamente come lo avevi immaginato. Dopo aver dato il tocco finale, puoi procedere ad altre impostazioni di stile che includono la scelta del colore del carattere, del colore di sfondo e dei bordi se vuoi averli<\/strong>. Se hai optato per il tipo di sfumatura dello sfondo, l’opzione Posizione ti consente di perfezionare l’effetto sfumatura.<\/p>\n

Di seguito puoi vedere un esempio di come abbiamo organizzato il titolo, abbiamo trovato molto interessante l’opzione Bordo che ti consente di regolare la larghezza del titolo. Abbiamo usato solo su un lato del titolo, ma puoi sperimentare e vedere cosa funziona meglio per te.<\/p>\n

\"Come<\/a><\/p>\n

Puoi anche personalizzare il testo in termini di colore del carattere, colore di sfondo, tipografia e tipo di bordo. Dal momento che hai un’anteprima dal vivo di tutte le modifiche che apporti, hai molto spazio per sperimentare finch\u00e9 non trovi ci\u00f2 che sembra fantastico sulla pagina.<\/p>\n

\"Come<\/a><\/p>\n

L’immagine qui sotto \u00e8 un esempio di come abbiamo personalizzato il testo per adattarlo al resto del contenuto della pagina.<\/p>\n

\"Come<\/a><\/p>\n

La successiva impostazione importante da notare in questo menu \u00e8 l’ opzione Attivo\/al passaggio del mouse<\/strong>. Qui \u00e8 dove puoi impostare l’aspetto della scheda quando ci passi sopra<\/strong>. Le opzioni sono le stesse di tutte quelle sopra menzionate, quindi se vuoi che il contenuto appaia diverso al passaggio del mouse, \u00e8 qui che imposti esattamente quanto diverso vuoi che appaia.<\/p>\n

Le opzioni Sideline<\/strong> che si trovano qui servono per aggiungere effetti al passaggio del mouse animati. Ti consigliamo di sperimentarlo un po’ e vedere cosa starebbe meglio sulle tue pagine.<\/p>\n

\"Come<\/a><\/p>\n

Se sei soddisfatto di come hai impostato la scheda finora, puoi continuare a esplorare le impostazioni dello stile di spaziatura. Questi ti permetteranno di regolare la spaziatura del titolo, del contenuto e degli elementi che hai utilizzato nella scheda.<\/p>\n

\"Come<\/a><\/p>\n

Nel caso in cui sia necessario inserire una linguetta orizzontale, la procedura \u00e8 sostanzialmente la stessa. Avrai tutte le stesse opzioni a tua disposizione tranne l’opzione Posiziona contenuto sotto la scheda sullo schermo sotto l’opzione.<\/p>\n

Per informazioni pi\u00f9 dettagliate controlla i prossimi video:<\/p>\n