Volgens de Hugo Layouts Opzoekvolgorde is het gemakkelijk om de lay-outs en gedeeltelijke indelingen van Hugo en het thema te overschrijven. Het is handig voor gebruikers die bepaalde dingen van bepaalde lay-outs of gedeeltelijke lay-outs willen aanpassen. Gebruik Maak gewoon een lay-out of een gedeeltelijk bestand met...
De PurgeCSS is een geweldige tool die ongebruikte CSS van uw site verwijdert. In deze sectie gaan we dieper in op hoe de PurgeCSS werkt en waar we op moeten letten. Hoe het werkt? Voor PurgeCSS moet de volgende configuratie worden ingesteld. TOML YAML JSON config.toml 1[build] 2 writeStats = true 3[taxonomies] 4 author...
In dit artikel gaan we het hebben over hoe u de prestaties van uw sites kunt verbeteren. De eenvoudigste manier om de prestaties te verbeteren is door de bestandsgrootte te verkleinen, zodat de overdracht sneller verloopt. Milieu Het thema is afhankelijk van de production-omgeving om de JavaScript- en CSS-items te...
In deze artikelen worden enkele aangepaste gebeurtenissen vermeld die door het thema worden uitgezonden. U kunt deze gebeurtenissen bekijken via gebeurtenislisteners. Kleurmodusgebeurtenis HBS zal een aangepaste gebeurtenis uitzenden met de naam hbs:mode als de kleurmodus wordt gewijzigd. Het is handig om de stijl van...
Dankzij assets/main/scss/_variables.scss hebben we de mogelijkheid om de standaard SCSS-variabelen van thema en Bootstrap te wijzigen. Waarom SCSS-variabelen? Hoewel we de CSS kunnen overschrijven via assets/main/scss/_custom.scss, zal dit uiteindelijk de grootte van de CSS-bundel vergroten, maar de SCSS-variabele doet...
Gebruikers die de knop Block Copy hebben gebruikt, zijn geen onbekende in de Snackbar, die de gebruiker informeert over de resultaten van de uitvoering van de applicatie. Dit artikel geeft een voorbeeld van hoe u Snackbar kunt gebruiken om te voldoen aan de behoefte van de gebruiker aan aangepaste interactie. API...
Als aanpasbaar thema biedt het de mogelijkheid om assets aan te passen, of het nu gaat om het aanpassen van CSS en JS of het introduceren van CSS en JS van derden. Interne activa Maak en bewerk eenvoudigweg de bestanden assets/main/scss/_variables.scss, assets/main/scss/_custom.scss en assets/main/js/custom.ts. Deze...
Als flexibel thema zou het de mogelijkheid moeten hebben om code aan te passen en diensten van derden te integreren. Daarom hebben we een functie geïntroduceerd die hook heet. In dit artikel introduceren we alle haken en geven we enkele gebruiksscenario’s. Overzicht Haak Beschrijving head-end Vóór het einde van <head>...