mobile-colonna-retro<\/strong> <\/td>| Inverti l’ordine delle due colonne su mobile. Aggiungi questa classe insieme a una delle precedenti.<\/td><\/tr><\/tbody><\/table><\/figure>
\n
\n Nota bene: queste classi non applicano gli stili all’interno dell’editor.<\/p>
\n
\n Iscriviti<\/h2>
\n
\nIl modulo di iscrizione \u00e8 fornito dal plugin Happy Forms. Il modulo viene aggiunto alla seconda colonna utilizzando un widget Short Code. Il codice breve per il tuo modulo si trova nella Dashboard > Happy Forms<\/strong>. Un design comune \u00e8 quello di utilizzare questi tipi di CTA per spezzare una pagina. Per questo motivo abbiamo dato loro uno stile speciale. <\/p>
\n
\nPer prima cosa dobbiamo fare in modo che questa riga si estenda fino al bordo del contenitore (al di fuori del padding del contenuto). Per farlo basta selezionare l’opzione Allinea ampio dalla barra degli strumenti del blocco. Il resto richiede un po’ di CSS gi\u00e0 noto per le righe CTA e un piccolo extra. Ecco le classi utilizzate: <\/p>
\n
\n - sessanta-quaranta-colonne<\/strong>una riga a due colonne 60% \/ 40%<\/li>
- column-banner<\/strong>questo apporta le necessarie modifiche al padding<\/li>
- centro-verticale<\/strong>centra verticalmente qualsiasi contenuto collocato all’interno di una delle colonne CTA<\/li>
- bg-grey<\/strong>Applica il colore di sfondo grigio<\/li><\/ul>
\n
\n
Modifica del modulo<\/h3>
\n
\nIl modulo pu\u00f2 essere modificato dalla Dashboard > Happy Forms<\/strong>. Se crei un nuovo modulo, dovrai aggiornare il codice breve utilizzato nella pagina principale. <\/p>
\n
\nCambiare il colore di sfondo delle righe<\/h3>
\n
\nVai al Customizer > CSS aggiuntivo <\/strong>(o al foglio di stile del tuo tema figlio se lo hai spostato). E modifica questo CSS: <\/p>
\n\r\n.bg-grey {\r\n background-color: #f2f3f4;\r\n}<\/code><\/pre>\r\n
\nNaturalmente puoi creare le tue classi con nomi pi\u00f9 appropriati per i colori che scegli.<\/p>
\n
\n Posso utilizzare un modulo diverso?<\/h3>
\n
\nNaturalmente. Se vuoi utilizzare un altro plugin per i moduli, devi semplicemente configurarlo e sostituire il codice breve con quello nuovo. <\/p>
\n","protected":false},"excerpt":{"rendered":" Il contenuto della home page \u00e8 costruito utilizzando l’editor di WordPress 5 Block, noto anche come Gutenberg. Utilizza solo i blocchi Core e gli shortcode Woocmmerce. E come ci si aspetterebbe, \u00e8 stato inserito anche un po’ di CSS. <\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_seopress_robots_primary_cat":"","_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","footnotes":""},"categories":[70],"tags":[],"class_list":["post-5604","post","type-post","status-publish","format-standard","hentry","category-merch-styling-it","generate-columns","tablet-grid-50","mobile-grid-100","grid-parent","grid-50"],"_links":{"self":[{"href":"https:\/\/www.vla-bag.ch\/it\/wp-json\/wp\/v2\/posts\/5604","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.vla-bag.ch\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.vla-bag.ch\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.vla-bag.ch\/it\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.vla-bag.ch\/it\/wp-json\/wp\/v2\/comments?post=5604"}],"version-history":[{"count":1,"href":"https:\/\/www.vla-bag.ch\/it\/wp-json\/wp\/v2\/posts\/5604\/revisions"}],"predecessor-version":[{"id":5606,"href":"https:\/\/www.vla-bag.ch\/it\/wp-json\/wp\/v2\/posts\/5604\/revisions\/5606"}],"wp:attachment":[{"href":"https:\/\/www.vla-bag.ch\/it\/wp-json\/wp\/v2\/media?parent=5604"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.vla-bag.ch\/it\/wp-json\/wp\/v2\/categories?post=5604"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.vla-bag.ch\/it\/wp-json\/wp\/v2\/tags?post=5604"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
|