Guida per applicare delle modifiche

Scarica la guida in formato .pdf:

Modifica di una pagina

Per modificare il contenuto di una pagina è possibile utilizzare la modalità blocchi (default) o la modalità classica, consultare un motore di ricerca per ulteriori informazioni.

Titoli

Per applicare uno stile diverso da quello determinato dal tag, è possibile utilizzare queste classi su un elemento di tipo testo:

.ov-h1 – h1

.ov-h2 – h2

.ov-h3 – h3

.ov-h4 – h4

.ov-h5 – h5

.ov-h6 – h6

esempio:

<h1 class=”ov-h2”>Sono un titolo h1 ma ho lo stile di un h2</h1>

Allineamento centrato

Per allineare un elemento al centro usare la classe:

.ov-centered – centrato

esempio:

<p class=”ov-centered”>Sono centrato</p>.

Colori

Per applicare un diverso colore dal default e mantenere lo stile del sito è possibile applicare queste classi su un elemento di tipo testo:

.ov-primary – colore principale (attualmente nero)

.ov-primary-alt – colore principale su sfondo opposto (attualmente bianco)

.ov-secondary – colore secondario (attualmente grigio scuro)

.ov-secondary-alt – colore secondario su sfondo opposto (attualmente grigio chiaro)

.ov-gioca – colore gioca

.ov-crea – colore crea

.ov-arreda – colore arreda

esempio:

<p class=”ov-secondary”>Ho il colore secondario</p>.

Larghezza

Il contenuto del sito è all’interno di un contenitore con una certa larghezza massima per rendere il sito ordinato, in alcuni casi (per esempio i prodotti nel negozio) si vuole poter uscire da questo vincolo di larghezza massima. Per estendere un elemento fuori dal contenitore di default aggiungere una di queste classi all’elemento:

.ov-extended-width – estende la larghezza fino ad un limite

.ov-full-width – estende la larghezza al 100%

esempio:

<div class=”ov-extended-width”><h1>Sono esteso oltre il contenitore</h1></div>

Spaziatura

Per aggiungere dello spazio utilizzare un blocco Spazio vuoto (in Elementi del Layout) che aggiungerà questo html:

<div style=”height:100px” aria-hidden=”true” class=”wp-block-spacer”></div>

Per altre modifiche, come per esempio il grassetto, utilizzare l’editor di wordpress o aggiungere il tag <strong> al testo.

Prodotti

I prodotti sono pensati per essere di due tipologie, kit o pezzo.

Il kit, esempio https://mecchegno.it/prodotto/kit-mecchegno/, ha l’attributo pezzi (aggiungere l’attributo pezzi e la quantità da Dati prodotto > Attributi > Attributo personalizzato per il prodotto)

Il pezzo, esempio https://mecchegno.it/prodotto/p22/, ha l’attributo materiale (aggiungere l’attributo materiale ed il testo da Dati prodotto > Attributi > Attributo personalizzato per il prodotto)

Immagine in home

Per cambiare l’immagine in alto nella homepage modificare la pagina e sostituire Immagine in evidenza.

ulteriori esempi di prova:

Pagina di esempio:

Post di esempio: