Esportazione del codice - Aiuto Webflow
Nei piani Workspace a pagamento, puoi esportare l'HTML, CSS, JavaScript e le risorse del tuo sito per fare un backup del tuo codice, fornirlo al tuo cliente o ospitarlo ovunque desideri — senza necessità di attribuzione.
Come esportare il tuo codice
- Apri il tuo sito in Webflow
- Vai a Menu principale > Esportazione codice (clicca sul logo "W" nell'angolo in alto a sinistra per aprire il Menu principale), o premi Shift + E
- Clicca su Prepara ZIP
- Scarica il file ZIP
Come esportare HTML minificato
Minificare il tuo HTML può aiutare a migliorare i tempi di caricamento della pagina rimuovendo spazi bianchi, commenti e altri elementi di codice che i browser non necessitano per caricare la pagina. Per esportare HTML minificato:
- Apri il tuo sito in Webflow
- Vai a Menu principale > Esportazione codice (clicca sul logo "W" nell'angolo in alto a sinistra), o premi Shift + E
- Premi Command + O (su Mac) o Control + O (su Windows)
- Seleziona la casella Minify HTML che appare nella finestra di esportazione
- Clicca su Prepara ZIP
- Scarica il file ZIP
Cosa includono i tuoi file esportati
Il file ZIP scaricato contiene tutte le pagine, gli stili, gli script e le immagini del tuo sito:
- Una cartella CSS con tutti gli stili del tuo sito inclusi in 3 file .css: - un file CSS (ad es.,
your-site-name.css) che contiene tutti gli stili personalizzati del tuo sito -webflow.cssche contiene stili base comuni per i componenti di layout di Webflow -normalize.cssche rende la visualizzazione degli elementi più coerente tra i browser - Una cartella JS con tutti i file JavaScript per il tuo sito. Elementi e funzionalità come moduli, barre di navigazione, slider, tab e interazioni dipendono da questi file. Se elimini questi file, la tua pagina potrebbe sembrare corretta, ma non funzionerà come previsto.
- Una cartella immagini con tutte le immagini caricate nel pannello Risorse del tuo sito
- File .html per tutte le pagine del tuo sito (incluse le pagine modello di Collezione vuote)
Da sapere
Se desideri vedere un esempio del codice esportato da Webflow, visualizza il codice sorgente della homepage — è tutto costruito in Webflow!
Cosa non includono i tuoi file esportati
Le seguenti funzionalità e contenuti non sono inclusi nel codice esportato e non funzioneranno come previsto sui siti esportati:
- Contenuti e funzionalità CMS (inclusi elementi e liste di Collezione)
- Contenuti e funzionalità Account Utente (inclusi utenti e gruppi di accesso)
- Contenuti e funzionalità Ecommerce (inclusi prodotti e checkout)
- Protezione con password del sito e/o delle pagine
- Elaborazione delle sottomissioni dei moduli
- Sottomissioni di moduli preesistenti (possono essere esportate separatamente)
- Elementi reCAPTCHA all'interno dei moduli
- Ricerca del sito
- Contenuti localizzati (sono inclusi solo le pagine, gli elementi e i contenuti della lingua principale del tuo sito)
- Componenti di codice
FAQ e suggerimenti per la risoluzione dei problemi
Perché c'è un prefisso "w-" davanti ai nomi delle classi?
Webflow aggiunge il prefisso "w-" alle classi specifiche dei componenti per evitare conflitti con altri framework di codice.
Posso scegliere di esportare solo una parte del codice del mio sito?
Al momento, non puoi scegliere cosa viene esportato. Ogni parte esportabile del tuo sito sarà inclusa in ogni esportazione.
Posso modificare il codice dopo averlo esportato?
Puoi modificare il codice dopo l'esportazione. Le modifiche manuali ai file esportati possono interrompere alcuni componenti di Webflow.
Posso rimuovere le estensioni .html dall'URL delle mie pagine esportate?
Se vuoi rimuovere le estensioni .html dalle tue pagine esportate, puoi farlo con un file .htaccess.
Devo fornire attribuzione a Webflow se ospito il mio sito esternamente?
No, non è necessario fornire attribuzione a Webflow o mantenere un piano Webflow affinché il tuo sito esportato funzioni sul tuo server.
Il codice esportato include il mio CMS, i Memberships e il contenuto Ecommerce?
No. Il contenuto CMS, gli Account Utente e il contenuto Ecommerce (database) non sono inclusi nel codice esportato. Le liste delle Collezioni mostreranno lo stato vuoto.
Il codice esportato include le mie pagine, elementi e contenuti localizzati?
No. Le pagine, gli elementi e i contenuti localizzati non sono inclusi nel codice esportato. Il codice esportato include solo la lingua principale.
Le pagine protette da password saranno ancora protette dopo aver esportato il mio codice?
No. Qualsiasi pagina protetta da password sul tuo sito non sarà protetta dopo l'esportazione del codice. Il tuo sito deve essere ospitato con Webflow affinché la protezione tramite password funzioni come previsto.
Tutti gli elementi funzioneranno sul mio sito se ospito il codice altrove?
CMS, Account Utente, contenuti e funzionalità Ecommerce, e pagine, elementi e contenuti localizzati non sono inclusi nel codice esportato. Queste funzionalità richiedono l'hosting per funzionare come previsto. Inoltre, la ricerca del sito e i moduli (inclusi il caricamento di file e reCAPTCHA) non funzioneranno sui siti esportati per conformarsi al GDPR.
Perché le mie animazioni Lottie non funzionano localmente quando esporto il mio sito?
Per motivi di sicurezza, i file JSON di Lottie non verranno caricati dal tuo file system locale, quindi le animazioni Lottie non appariranno quando carichi il tuo sito localmente — hanno bisogno di un server web per funzionare come previsto.