La Modalità sviluppatore permette di accedere e modificare il codice HTML e CSS del tuo sito. L'aggiunta di codice personalizzato consente di ottenere una personalizzazione avanzata non disponibile con l'editor a trascinamento. Tuttavia, questa azione dovrebbe essere eseguita solo da utenti esperti con una solida conoscenza del codice di sviluppo web.
Il codice personalizzato da visualizzare nel sito deve essere aggiunto tramite un HTML. Il codice personalizzato di solito non va collocato nell'intestazione. In generale, prima di aggiungere il codice al sito, è sempre meglio seguire le indicazioni fornite dall'autore del codice.
Le app di gestione del consenso non sono in grado di impedire l'esecuzione del codice prima del consenso quando il codice è inserito nell'intestazione HTML. Questo perché Website Builder ottimizza la struttura e l'ordine di caricamento dei contenuti, in base alle migliori pratiche prestazionali del sito. Posizioniamo script e banner CMP in basso nella pagina, per migliorare le prestazioni dei contenuti principali. Per questo motivo, consigliamo di inserire il codice nel body end quando si utilizza un'app per la gestione del consenso.
Per accedere alla Modalità sviluppatore:
- Fai clic sul pulsante Modalità sviluppatore
nella barra di navigazione. In alternativa, fai clic con il tasto destro del mouse su un e seleziona Modifica HTML/CSS, quindi fai clic su Mod. sviluppatore in basso a sinistra.
- Potrai quindi procedere con le modifiche. Usa i pulsanti Salva e Anteprima per visualizzare il tuo lavoro.
- Fai clic su Ottieni URL dell'immagine per recuperare l'URL di un'immagine esistente o caricarne una nuova nella modalità sviluppatore affinché possa inserirla direttamente nel codice HTML.
Note
- Assicurati di rimanere all'interno delle colonne. I nostri siti reattivi si basano su una struttura riga-colonna. Perciò ciascuna riga contiene colonne nelle quali, a loro volta, si trovano i contenuti. Quando aggiungi o modifichi il tuo codice HTML, assicurati che si trovi all'interno di una colonna.
- Lascia le classi al loro posto. L'editor si basa sulle molte classi che vengono aggiunte agli elementi. Se visualizzi una classe esistente (generalmente inizia con dm) lasciala dove si trova. Se vengono rimosse delle classi, quando si attiva l'anteprima il Sito potrebbe avere un aspetto diverso.
- Annota la dimensione delle classi. La dimensione delle colonne viene aggiunta come suffisso alla classe, per cui si avrà large-6 o small-12. Da questo dipendono le dimensioni delle colonne all'interno della riga. Questi dati devono essere mantenuti così come sono in quanto sono fondamentali per il controllo delle dimensioni della riga su diversi dispositivi.
- Se possibile, evita di modificare le estensioni. Nel codice HTML, vedrai già i segnaposto degli elementi della pagina. Se puoi, evita di modificarli. E, soprattutto, non modificare i dati-valori contenuti al loro interno. Farlo può danneggiare i widget quando torni su Website Builder.
- Quando entri in Modalità sviluppatore viene effettuato automaticamente un backup del sito. Inserisci codice solo se sei certo di ciò che stai facendo ed effettua backup frequenti. Non possiamo risolvere i problemi relativi a codice personalizzato.
Errori
- DUPLICATE_ID. Ciascun elemento deve essere dotato di un ID univoco
- INVALID_ELEMENT_LOCATION. Tutti gli elementi devono essere posizionati in una colonna che a sua volta deve essere situata in una riga
- BAD_PROPORTION. È possibile aggiungere fino a 12 colonne in una riga
- INVALID_CLASS_FOR_ELEMENT. È stata aggiunta una classe Website Builder a un elemento non valido