Het staat altijd nog op mijn lijstje om naast HTML, CSS te leren begrijpen. Je kunt HTML en CSS leren via deze online cursus.

In dit artikel neem ik je mee in de basis. Ik geef een paar CSS voorbeelden en links naar meer leermateriaal over CSS code. Stel nu dat ik de layout van mijn archief pagina’s in WordPress (de categorie pagina) wil aanpassen qua design. Dan kan ik naar het juiste CSS bestand gaan (stylesheet) in mijn website bestanden om daar kleurcodes of fontgrootten aan te passen. Eigenlijk is het dus niet zo moeilijk. Dus de principes van CSS heb ik al voor je uitgezocht. Dus ook jij kan daarmee iets veranderen aan je parent theme, en specifiek natuurlijk het childtheme dat jouw WordPress website gebruikt. Zie onderstaande CSS voorbeelden en links naar meer informatie en adres voor een online cursus. 

CSS leren: Basis voorbeelden CSS code

Veranderen van achtergrond kleur in CSS

Dus van je parent of child WordPress theme stylesheet(s). Als er sprake is van twee thema’s, dan gebruikt je website het childtheme.

[css]
.archive-description {
background-color: #21759B;
color: #FFFFFF;
}
[/css]

Titel grootte en kleur veranderen in CSS

[css]
.archive-title {
font-size: 3rem;
color: white;
[/css]

Plaatsen van een achtergrond plaatje (backround image) via CSS code

[css]
.archive-description { background-color: #21759B; background-image: url(images/texture.png); color: #FFFFFF; }
[/css]

 

Code weergeven op WordPress website, plugin tip

Als je code wilt weergeven in WordPress berichten dan weet ik nu een plugin die het eenvoudig maakt. De plugin waarmee ik code weergeven op WordPress website mee voor elkaar heb gebracht, heet Syntaxhighlighter. Meer uitleg over het gebruik van deze code box of venster voor code op website, lees je op WPbeginner.com. [<!– herstel, de boel werd corrupt, plugin staat nu toch uit –>]

Links voor meer CSS leren tips:

W3c School basistheorie en voorbeelden CSS code:
https://www.w3schools.com/css/default.asp

HTML selectors voor CSS weergave van bijvoorbeeld <p> (paragraaf)
https://www.w3schools.com/css/css_selectors.asp

Online Code cursussen voor een spotprijs, te volgen bij Udemy, zie link naar uur online video cursus “CSS in WordPress” voor 19 Euro.
https://www.udemy.com
https://www.udemy.com/course/css-in-wordpress/

 

 

CSS pro-tips
https://github.com/AllThingsSmitty/css-protips