DocumentazioneCommerceContenuto e progettazione

Risorse tema

Last update: Mon Jul 15 2024 00:00:00 GMT+0000 (Coordinated Universal Time)
  • Argomenti:

Creato per:

  • Principiante
  • Intermedio
  • Amministratore
  • Utente

I file statici sono la raccolta di risorse, ad esempio CSS, font, immagini e JavaScript, utilizzate da un tema. Il percorso dei file statici è specificato nella configurazione URL di base. È possibile aggiungere una firma digitale all'URL di ogni file statico per consentire ai browser di rilevare quando è disponibile una versione più recente. La versione più recente del file viene utilizzata se la firma è diversa da quella memorizzata nella cache del browser.

Per un'installazione standard, le risorse associate a un tema sono organizzate nella cartella web nel seguente percorso sotto la directory principale Commerce.

[commerce_root]/app/design/frontend/Magento/[theme_name]/web

Aggiungere una firma digitale agli URL statici dei file

  1. Nella barra laterale Admin, passa a Stores > Settings>Configuration.

  2. Nel pannello a sinistra, espandi Advanced e scegli Developer.

  3. Espandere Il selettore di espansione nella sezione Static Files Settings.

    Impostazioni file statici {width="500" modal="regular"}

  4. Imposta Sign Static Files su Yes.

  5. Al termine, fare clic su Save Config.

Tipo di file
Descrizione
CSS
Controlla lo stile visivo associato all'interfaccia. Percorso di esempio sul server: [commerce]/app/design/frontend/Magento/[theme]/web/css
Font
Specificare i font disponibili per il tema. Percorso sul server: [commerce]/app/design/frontend/Magento/[theme]/web/fonts
Immagini
Fornisci le risorse grafiche utilizzate dal tema, inclusi i pulsanti, le texture di sfondo e così via. Percorso di esempio sul server: [commerce]/app/design/frontend/Magento/[theme]/web/images
JS
Routine JavaScript specifiche per il tema e funzioni richiamabili. Percorso di esempio sul server: [commerce]/app/design/frontend/Magento/[theme]/web/js

Unisci file CSS

Come parte di uno sforzo per ottimizzare il tuo sito e ridurre il tempo di caricamento delle pagine, puoi ridurre il numero di file CSS separati unendoli in un unico file condensato. Se apri un file CSS unito, viene visualizzato un flusso continuo di testo, con le interruzioni di riga rimosse. Non è possibile modificare il file unito, quindi è meglio attendere che tu non sia fuori dalla modalità di sviluppo e che non apporti più frequenti modifiche al CSS.

NOTE
I file CSS possono essere uniti dal pannello Admin solo quando si lavora in modalità sviluppatore.

  1. Nella barra laterale Admin, passa a Stores > Settings>Configuration.

  2. Nel pannello a sinistra, Advanced e scegli Developer.

  3. Espandere Il selettore di espansione nella sezione CSS Settings.

    Impostazioni CSS {width="500" modal="regular"}

    Per le descrizioni dettagliate di queste opzioni di configurazione, vedi Impostazioni CSS nel Riferimento configurazione.

  4. Imposta Merge CSS Files su Yes.

  5. Al termine, fare clic su Save Config.

Unisci file JavaScript

È possibile unire più file JavaScript in un unico file condensato per ridurre il tempo di caricamento della pagina. Se si apre un file JavaScript unito, viene visualizzato un flusso continuo di testo, con le interruzioni di riga rimosse. Se il processo di sviluppo è terminato e il codice non contiene errori, è consigliabile unire i file.

NOTE
I file JavaScript possono essere uniti dal pannello Admin solo quando si lavora in Modalità sviluppatore.

  1. Nella barra laterale Admin, passa a Stores > Settings>Configuration.

  2. Nel pannello a sinistra, Advanced e scegli Developer.

  3. Espandere Il selettore di espansione nella sezione JavaScript Settings.

    Impostazioni JavaScript {width="600" modal="regular"}

    Per le descrizioni dettagliate di queste opzioni di configurazione, vedere Impostazioni di JavaScript nella Guida di riferimento alla configurazione.

  4. Imposta Merge JavaScript Files su Yes.

  5. Al termine, fare clic su Save Config.

recommendation-more-help
2b0136b4-ef75-405f-9734-60d741f198de