La modalità sviluppatore consente di modificare l'HTML e il CSS del sito. L'aggiunta di codice personalizzato permette una personalizzazione avanzata non possibile con l'editor drag-and-drop; tuttavia, questa operazione dovrebbe essere eseguita solo da utenti esperti con una solida conoscenza del codice di sviluppo web.
Nota:
Il codice personalizzato destinato a essere visibile sul sito dovrebbe essere aggiunto utilizzando un widget HTML. Il codice personalizzato che non deve essere visualizzato dovrebbe in genere essere inserito nell'intestazione. In generale, è sempre meglio seguire prima le istruzioni fornite dall'autore del codice prima di aggiungerlo al sito.
Per accedere alla modalità sviluppatore:
- Fai clic sul pulsante Modalità sviluppatore nella barra di navigazione. In alternativa, fai clic con il pulsante destro del mouse su un widget e seleziona Modifica HTML/CSS, quindi fai clic su Modalità sviluppatore in basso a sinistra.
- Dopodiché, procedi con le modifiche. Utilizza i pulsanti Salva e Anteprima per visualizzare il risultato.
- Fai clic su Ottieni URL immagine per ottenere l'URL di un'immagine esistente oppure carica una nuova immagine in modalità sviluppatore in modo da poterla inserire direttamente nell'HTML.
Note
- Assicurati di rimanere all'interno delle colonne. I nostri siti responsive si basano su una struttura a righe e colonne. Ciò significa che ogni riga contiene colonne che, in definitiva, ospitano il contenuto. Quando aggiungi o modifichi il tuo codice HTML, assicurati che sia all'interno di una colonna.
- Lascia le classi al loro posto. L'editor si basa sulle numerose classi che vengono aggiunte agli elementi. Se vedi una classe esistente (di solito inizia con dm), lasciala al suo posto. Se rimuovi le classi, il sito potrebbe non apparire allo stesso modo quando lo visualizzi in anteprima.
- Presta attenzione alle dimensioni delle classi. Le colonne hanno un valore di dimensione che viene aggiunto come classe, ad esempio large-6 o small-12. Questo determina la dimensione delle colonne all'interno di quella riga. È consigliabile lasciare queste classi, poiché sono fondamentali per il dimensionamento della riga su diversi dispositivi.
- Se possibile, evita di modificare le estensioni. Nell'HTML, troverai dei segnaposto per gli elementi già presenti nella pagina. Se puoi, evita di modificarli, soprattutto i valori dei dati in essi contenuti. La modifica di questi elementi potrebbe compromettere il funzionamento dei widget una volta tornati al sito web di Guesty.
- Quando accedi alla Modalità sviluppatore, viene creato automaticamente un backup del tuo sito. Inserisci codice solo se ne comprendi la funzione ed esegui backup frequenti. Non possiamo fornire assistenza per il codice personalizzato.
Errori
- DUPLICATE_ID. Ogni elemento deve avere un ID univoco.
- POSIZIONE ELEMENTO NON VALIDA. Tutti gli elementi devono trovarsi in una colonna che deve essere in una riga.
- PROPORZIONE_SCADENTE. La somma dei valori delle colonne in una riga deve essere pari a 12.
- CLASSE NON VALIDA PER L'ELEMENTO. È stata aggiunta una classe Guesty Websites a un elemento non valido.