Kleine tips en trucs voor Wordpress

In dit artikel gaan we een aantal kleine zaken bespreken die je kunt aanpassen bij jouw Wordpress site.
Wat we gaan behandelen is het volgende:

- De CSS aanpassen van een pagina.
- Footer van jouw pagina handmatig aanpassen.

Dit artikel is niet zozeer een stap voor stap gids, het geeft je alleen wellicht iets om over na te denken wat je allemaal kunt aanpassen zonder uitgebreide codeer ervaring. Voor vragen kunt u altijd goed ook kijken op diverse forums en hulp sites. Denk hierbij aan w3schools ,wordpress.org en mozilla devoloper network.


Voordat je hieraan begint met zaken in de code aan te passen, raden wij aan om eerst een backup te maken.
Op die wijze kun je aanpassen naar wens, gaat er iets fout dan kun je altijd weer de backup terug zetten.

Om van een bepaald element of tekstvak iets aan te passen kun je de CSS aanpassen. CSS staat voor Cascading Style Sheet, oftewel de opmaak van een site. Wanneer je dit gaat aanpassen is het wel verstandig als je hier al eerder ervaring mee heeft.




Een voorbeeld van waar de stylesheet zich bevind:

wpgal.mijntestpartner.nl/wwwroot/wp-content/themes/twentyfifteen/style.css

Dit is natuurlijk wel afhankelijk welk thema je gebruikt, hier gebruiken wij twentyfifteen.

Wat wij aan gaan passen zijn de achtergrond kleuren, dit gaan we doen doormiddel van een FTP connectie te openen met de site. Hierna ga je naar de juiste map en selecteerd u het bestand: style.css
Hier bevind zich de opmaak van het thema wat actief is. Om na te gaan wat je kunt veranderen pakken wij de browser erbij op de pagina. Firefox of chrome hebben een optie om met F12 een tool te openen om na te kijken waar alles staat.
Met die tool is het vaak ook mogelijk om gelijk de pagina al live te bewerken. Zo kun je snel een keuze maken tussen de kleuren die je bijvoorbeeld in gedachten hebt.
Hierna kun je met deze infomatie naar het bestand style.css gaan en dit tevens hier toepassen.

Een makkelijke oefening om aan te passen is bijvoorbeeld de achtergrond kleur, we gaan van een witte achtergrond:



Naar een licht blauwe achtergrond:



Dit is gedaan door eerst met firebug op te zoeken welke div het betreft, hierna is dit in de CSS aan te passen op de volgende manier:




Het is handig om dit in een text editor zoals SciTE of Notepad++ aan te passen. Zo is gemakkelijk bij te houden op welke lijn wat zit.
Je kunt begrijpen dat dit veel mogelijkheden met zich meebrengt, wanneer je een compleet andere template wilt maken dan kan dit. Als je een paar kleine aanpassingen wilt maken om dit naar smaak te krijgen dan is dit de manier.

Footer van uw pagina aanpassen.

Om de footer aan te passen van jouw pagina, oftewel de copyright informatie/ contact gegevens dan kan dit op deze manier:
Je gaat naar dezelfde folder als in de vorige, namelijk
wpgal.mijntestpartner.nl/wwwroot/wp-content/themes/twentyfifteen/style.css

Hier vind je de footer.php. Die kun je openen met jouw favoriete text verwerker en het op deze manier kan dit bijvoorbeeld aangepast worden:






In de HTML ziet dit er vervolgens zo uit:







Mocht je nog verder vragen hebben dan kun je altijd kijken of er iemand op de online chat aanwezig is.
Of je kunt hiervoor een ticket aanmaken in het klantenpanel.