Der er et par forskellige måder at tilføje CSS til et enkeltsidet WordPress-websted:
1. Brug WordPress Customizer. WordPress Customizer giver dig mulighed for at redigere dit websteds udseende, herunder tilføjelse af tilpasset CSS. For at få adgang til Customizer, gå til Udseende> Tilpas. Klik på "Yderligere CSS" i Customizer. Her kan du indtaste din tilpassede CSS-kode.
2. Opret en brugerdefineret CSS-fil. Du kan oprette en CSS-fil og uploade den til dit underetemas mappe. For at gøre dette skal du oprette en ny fil med navnet style.css og gemme den i mappen /child-theme-name/css/. Tilføj derefter din tilpassede CSS-kode til filen style.css.
3. Brug et CSS-plugin. Der er en række CSS-plugins, der kan hjælpe dig med at tilføje CSS-kode til dit websted. Nogle populære plugins inkluderer:
- Enkel brugerdefineret CSS:Dette plugin giver dig mulighed for at tilføje brugerdefineret CSS-kode til dit websted uden at skulle redigere nogen filer.
- WP Tilføj tilpasset CSS:Dette plugin giver en række funktioner til at tilføje tilpasset CSS, herunder muligheden for at vælge, hvilke sider eller indlæg din CSS-kode vil blive anvendt på.
- Brugerdefineret CSS og JS:Dette plugin giver dig mulighed for at tilføje tilpasset CSS og JavaScript-kode til dit websted.
Når du har tilføjet din CSS-kode, kan du forhåndsvise dine ændringer i Customizer eller ved at opdatere dit websteds sider.
Her er nogle tips til at tilføje CSS til dit enkeltsidede WordPress-websted:
- Brug medieforespørgsler til at gøre din CSS-kode responsiv. Dette sikrer, at dit websted ser bedst ud på forskellige enheder.
- Pas på ikke at tilføje for meget CSS-kode. Dette kan sænke dit websteds indlæsningstid.
- Brug et plugin som Simple Custom CSS eller WP Add Custom CSS for at gøre det nemmere at administrere din brugerdefinerede CSS-kode.
- Test dine ændringer i Customizer, før du udgiver dem på dit websted.