Themaelementen

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

Onderwerpen:

Gemaakt voor:

Beginner
tussenpersoon
Beheerder
Gebruiker

De statische dossiers zijn de inzameling van activa, zoals CSS, doopvonten, beelden, en JavaScript die door een thema wordt gebruikt. De plaats van statische dossiers wordt gespecificeerd in de Basis URLconfiguratie. U kunt een digitale handtekening toevoegen aan de URL van elk statisch bestand, zodat browsers kunnen detecteren wanneer een nieuwere versie beschikbaar is. De nieuwere versie van het bestand wordt gebruikt als de handtekening afwijkt van de versie die in de cache van de browser is opgeslagen.

Voor een standaardinstallatie worden de elementen die aan een thema zijn gekoppeld, ingedeeld in de map web op de volgende locatie onder de Commerce -hoofdmap.

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

Een digitale handtekening toevoegen aan statische bestand-URL's

Voor Admin sidebar, ga Stores > Settings>Configuration.
Vouw in het linkerdeelvenster Advanced uit en kies Developer .
Breid de Static Files Settings sectie uit.

{width="500" modal="regular"}
Stel Sign Static Files in op Yes .
Klik op Save Config als de bewerking is voltooid.

Bestandstype

Beschrijving

CSS

Hiermee bepaalt u de visuele opmaak die aan de skin is gekoppeld. Voorbeeldlocatie op de server: [commerce]/app/design/frontend/Magento/[theme]/web/css

Lettertypen

Geef de lettertypen op die beschikbaar zijn voor gebruik door het thema. Locatie op de server: [commerce]/app/design/frontend/Magento/[theme]/web/fonts

Afbeeldingen

Geef de grafische elementen op die door het thema worden gebruikt, zoals knoppen, achtergrondstructuren, enzovoort. Voorbeeldlocatie op de server: [commerce]/app/design/frontend/Magento/[theme]/web/images

Thema-specifieke JavaScript routines en callable functies. Voorbeeldlocatie op de server: [commerce]/app/design/frontend/Magento/[theme]/web/js

CSS-bestanden samenvoegen

Als onderdeel van een poging om uw site te optimaliseren en de laadtijd van de pagina te verminderen, kunt u het aantal afzonderlijke CSS-bestanden verminderen door deze samen te voegen tot één gecomprimeerd bestand. Als u een samengevoegd CSS-bestand opent, ziet u één doorlopende tekststroom, waarbij regeleinden zijn verwijderd. U kunt het samengevoegde bestand niet bewerken. U kunt het beste wachten totdat u de ontwikkelingsmodus verlaat en niet meer regelmatig wijzigingen in de CSS aanbrengt.

NOTE

CSS de dossiers kunnen van het Admin paneel slechts worden samengevoegd wanneer het werken op ontwikkelaarwijze.

Voor Admin sidebar, ga Stores > Settings>Configuration.
In het linkerpaneel, Advanced en kies Developer.
Breid de CSS Settings sectie uit.

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

Voor gedetailleerde beschrijvingen van deze configuratieopties, zie CSS Montagesin de Verwijzing van de Configuratie.
Stel Merge CSS Files in op Yes .
Klik op Save Config als de bewerking is voltooid.

JavaScript-bestanden samenvoegen

Meerdere JavaScript-bestanden kunnen worden samengevoegd tot één, versmald bestand om de laadtijd van de pagina te beperken. Als u een samengevoegd JavaScript-bestand opent, ziet u één doorlopende tekststroom, waarbij regeleinden zijn verwijderd. Als u klaar bent met het ontwikkelingsproces en de code geen fouten bevat, kunt u overwegen de bestanden samen te voegen.

NOTE

De dossiers van JavaScript kunnen van het Admin paneel slechts worden samengevoegd wanneer het werken op Wijze van de Ontwikkelaar.

Voor Admin sidebar, ga Stores > Settings>Configuration.
In het linkerpaneel, Advanced en kies Developer.
Breid de JavaScript Settings sectie uit.

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

Voor gedetailleerde beschrijvingen van deze configuratieopties, zie de Montages van JavaScriptin de Verwijzing van de Configuratie.
Stel Merge JavaScript Files in op Yes .
Klik op Save Config als de bewerking is voltooid.

recommendation-more-help

2b0136b4-ef75-405f-9734-60d741f198de