Ik wil een aanpassing doen in de header van het thema zodat deze goed weergegeven wordt op een desktop en mobiele telefoon. Ook wanneer er een update is geweest van het thema moeten de instellingen blijven staan. Hoe pak ik dit aan?
Wanneer je aanpassingen wilt doen aan de thema code moet er een child-theme gemaakt worden.
Een child-theme bevat eigenlijk alleen de gewijzigde bestanden ten opzichte van het origineel en roept verder het originele thema aan.
Bij gebruik van een child-theme worden deze wijzigingen bij een update van het ‘parent’ thema ook niet overschreven.
Het goed weergeven op verschillende apparaten zoals mobiele telefoons, tablets en desktop kan met CSS media queries. Dit kan al snel behoorlijk technisch worden.
Een CSS media query ziet er bijvoorbeeld als volgt uit
@media only screen and (max-width: 800px) {
#header{
max-width:100%;
}
.desktop-menu {
display:none
}
}
In dit voorbeeld wordt het element met de ‘class’ desktop-menu verborgen tot dat het browser scherm 800 pixels breed is.
Daarnaast ook dat de header niet breder mag zijn dan 100% van het scherm.
Echter de class is niet voor iedere site het zelfde en is vaak maatwerk.
Als je wilt kunnen wij dit soort aanpassingen ook voor je doen. Je kan vooraf een aantal uren inkopen in de vorm van een Strippenkaart, hoe meer uren, hoe voordeliger de prijs. Zo kom je ook niet voor onverwachte kosten te staan.