Editor Classico MDirector

Come utilizzare gli editor di MDirector? 

Editor Drag&Drop

Con questo tipo di editor, creare o modificare i tuoi modelli è molto facile, così come trascinare e rilasciare i diversi tipi di blocchi ed elementi disponibili:

- Puoi aggiungere la struttura aggiungendo blocchi di colonne:

- E a turno, inserire gli elementi che preferisci in ogni colonna:

- Puoi spostare, duplicare, eliminare o modificare ogni elemento del modello:

- Immagini:

Da questo editor puoi:

• Importare un'immagine dal tuo computer locale o aggiungere l'URL di un'immagine.
• Modificare le misure dell'immagine (https://mdtr.io/XBvrw), bloccare o sbloccare la dimensione proporzionale, ripristinare la dimensione del file immagine originale e ritagliare una parte dell'immagine.
• Aggiungere un titolo, un testo Alternativo (alt.) e un link per creare un collegamento ipertestuale dall'immagine.
• Aggiungere spazi (padding) attorno all'immagine.

- Titoli e testi:

Con l'editor di testo puoi:

• • Crea paragrafi con stili e una varietà di font da scegliere, tra  cui i Font web sicuri e Google Web Fonts (https://mdtr.io/oPPvW).

*Google Fonts: https://mdtr.io/4RzOH. 

• * Ai paragrafi copiati da altri siti è necessario eliminare la formattazione. (Word)
• Aggiungere link, campi personalizzati (https://mdtr.io/4wIn3) e contenuti dinamici (https://mdtr.io/ytrGt).

• 

- Stili comuni per ogni colonna:

Puoi aggiungere stili comuni a tutti gli elementi all'interno di ogni colonna.

- Inserire di un pulsante di invito all'azione (CTA)

Fase 1

Trascina l'elemento pulsante nel tuo spazio di lavoro.

Fase 2

 Fai clic sull'icona del selettore "Edita”

Si apre una finestra con le proprietà dell'elemento che puoi editare.

Edita Contenuto

1. Editare lo stile del testo: scegli il colore, il carattere, la dimensione e lo spessore (Normal, bold, etc.) del testo, puoi anche aggiungere la spaziatura tra le lettere.
2. Testo del pulsante: consigliamo di inserire inviti all'azione brevi e di facile comprensione. 
3. Titolo: o testo alternativo, aggiungendo un titolo il contatto potrà leggere un testo esplicativo sul pulsante. 
4. Link del pulsante: URL in si vuole portare il contatto quando fa clic sul pulsante. 

Editare gli stili del pulsante

1. Scegli il colore di sfondo del pulsante
2. Aggiungi bordo e modificane lo stile
3. Aggiungi un padding (spazio) all'interno del pulsante 

Editare gli stili comuni di blocco (si applica all'intero blocco - casella contenente)

1. Scegli il colore di sfondo del blocco
2. Edita l'allineamento del blocco (se preferisci che il pulsante sia allineato a sinistra, al centro o a destra)
3. Aggiungi un padding (spazio) al blocco - al di fuori del pulsante 
4. Aggiungi un bordo al blocco e modificane lo stile.
5. Classe dell’elemento: elemento basato sul contenuto attributo class(questa informazione è utile quando vuoi aggiungere CSS personalizzato al contenuto che si trova in questo elemento)
6. ID dell’emento:  elemento basato sul contenuto dell’attributo id. (questa informazione è utile quando vuoi aggiungere CSS personalizzato al contenuto che si trova in questo elemento)

- Aggiungere stili generali:

Negli stili generali, puoi assegnare stili all'intero modello da un unico luogo, se necessario, puoi scegliere quale carattere, dimensioni, colori e sfondi avrà il modello generale.

Puoi aggiungere CSS addizionali con l'opzione avanzata "Custom CSS" segui le istruzioni indicate nel seguente link: https://mdtr.io/VBS4K. 

Hai ancora dei dubbi? Per qualsiasi domanda, scrivici alla mail [e-mail].