Dit ga je leren:
Leer je WordPress website aanpassen met CSS
In één uur video leer je hoe je CSS kunt toepassen in WordPress. We gaan in 34 regels code een kleine site compleet van uiterlijk veranderen.
Het thema Twenty Nineteen wordt voorzien van een header-afbeelding, achtergrondafbeeldingen en transparante kleuren, tekstopmaak naar keuze, Google fonts en eigen stijlen, desgewenst op elk blok waarmee je inhoud plaatst. Maar in principe kun je dit bij elk thema inzetten.
Ontwikkelen in de browser
Hoewel we met code werken, hebben we hulp, en wel van de browser. Je kunt inspecteren welke HTML codes achter de visuele elementen van je site zitten. Je kunt vervolgens zien welke CSS opmaakstijlen daar bij horen.
In de browser kun je dan die stijlen al aanpassen, dikwijls met visuele hulpmiddelen, bijvoorbeeld voor kleuren. Met plakken en knippen breng je het dan over naar WordPress.
Code schrijven is nog nooit zo makkelijk geweest!
CSS houdt het simpel en licht
Werken met CSS kan het gebruik van zware thema’s voorkomen, volgepropt met functies die je nooit gebruikt en je site traag, onoverzichtelijk en moeilijk onderhoudbaar maken. Tevens heb je minder plugins nodig.
WordPress ondersteunt het gebruik van CSS met een ingebouwde CSS stijl editor en de mogelijkheid om aan elk blok in je pagina’s en berichten eenvoudig opmaakstijlen toe te voegen.
Wees niet bang voor code en probeer deze gratis cursus eens! Het is makkelijker dan je denkt en ik leg alles rustig en stap voor stap uit. Ik hoor graag wat je er van vind.
Waar wacht je nog op? Leer vandaag nog over CSS in WordPress!
Leer onbeperkt met Soofos Plus
Deze cursus is gratis te volgen door abonnees van Soofos Plus.
Probeer 7 dagen gratis- Onbeperkte toegang tot 200+ Nederlandse cursussen
- Probeer 7 dagen volledig gratis
- Maandabonnement vanaf €19 per maand
Over de Instructeur
Edwin van Eck
Bekijk meer cursussen van Edwin van Eck →
Cursusoverzicht
| Introductie | |||
| Wat gaan we doen? | 00:00:00 | ||
| Wat is HTML | 00:05:00 | ||
| Wat is CSS | 00:04:00 | ||
| Tekst aanpassen | |||
| Tekstkleuren aanpassen | 00:07:00 | ||
| Lettertype aanpassen | 00:06:00 | ||
| Tekst opmaak | 00:03:00 | ||
| Google fonts gebruiken | 00:03:00 | ||
| Achtergrondafbeeldingen en -kleuren | |||
| Achtergrond afbeelding voor de site | 00:06:00 | ||
| Transparantie met (achtergrond-) kleuren | 00:05:00 | ||
| Header afbeelding toevoegen | 00:04:00 | ||
| Header vormgeven | |||
| Marges, padding en responsiveness | 00:09:00 | ||
| CSS klassen gebruiken | |||
| Eigen CCS klassen gebruiken | 00:04:00 | ||
| CSS klassen vervolg | 00:02:00 | ||
| Elementen volledige schermhoogte maken | 00:05:00 | ||
| Een laatste ding | |||
| En nog veel meer…. | 00:04:00 | ||
Heel snel heel veel wijzer
Als leek, die weleens een website met WordPress heeft gemaakt, ging er een wereld voor me open! Veel aanpassingen had ik met kunst- en vliegwerk wel voor elkaar gekregen, maar dat het zo mooi en eenvoudig kon met css is echt een eye-opener. Dit ga ik zeker toepassen!
Het werkt ook heel fijn dat je gelijk ziet en hoort wat je moet doen. Veel handiger dan met een boek ernaast alles zelf uitvogelen. Dat komt hierna wel.
Erg leuke cursus, van harte aanbevolen!
WordPress thema aanpassen
Een aanrader voor beginners, en voor wie nog nooit heeft gewerkt met CSS.
Prettig en leerzaam
To the point, en precies wat je nodig hebt als je gevangen zit binnen en wordpress template.
Goed uitgelegd nu zelf proberen het toe te passen
Walter.G. Krummfuss
Was een leuke leerzame cursus voor mij. Echt netjes rustig en goed uitgelegd.
Ga zo door. echt Goed dank jullie wel
css
nog nooit echt te maken gehad met css, en met deze cursus heb ik toch de eerste stappen gezien en kunnen ondervinden. Nu weet ik hoe ik zelf achter de schermen kleine dingetjes kan veranderen.
CSS
Weer wat geleerd dankzij deze cursus