Ik liep al enige tijd met het idee om ook wpsitebouw.nl te voorzien van een zogeheten Responsive Thema.
Dat is een thema dat de lay-out van de site aanpast aan de breedte van het scherm waarmee de site bekeken wordt. Vooral belangrijk bij de nieuwe mobile browsers voor smart telefoons en tablets.
WordPress Handleiding was al voorzien van zo’n thema, maar ik wilde iets anders voor WordPress Sitebouw.
Browser en Resolutie Statistieken
Nu was ik deze week aan het kijken naar mijn WordPress site statistieken om te zien of het al noodzakelijk was om over te stappen naar zo’n responsive design.
En dit was wat ik zag:
Zeker 25% van de laatst 500 hits waren met mobiele apparaten zoals iPads en Androids.
Waarbij de iPad wel de boventoon voert:
Ook de onderverdelen in scherm resolutie gaf nog die extra reden om over te stappen:
Een Responsive WordPress Thema Kiezen
Bovenstaande statistieken gaven me reden genoeg om nu toch echt over te stappen.
Nu gebruik ik voor bijna al mijn sites een Childtheme van StudioPress in combinatie met het Genesis Framework. En die basis was er ook al voor WP Sitebouw.
Nu zijn niet alle thema’s van StudioPress al zo ver dat ze responsive zijn, maar je kunt snel een selectie maken op het hoofd selectie scherm.
Ik heb nu gekozen voor de Agency Theme omdat die het dichts bij de oude Enterprise Theme kwam, met name door de homepage lay-out.
Update: Inmiddels is het Thema opgezet naar het Balance Theme omdat ik de site te “rommelig” vond overkomen met Agency.
Wel zijn de nodige kleuren nog aangepast omdat de donkere menu kleuren lastig leesbaar waren en de link kleur wat te flets. Voordeel van zo’n Child theme is wel dat dat soort wijzigen ook heel makkelijk te doen zijn via de css instellingen.
Homepage Widgets en de Responsive Slider
De meeste home page widgets van dit thema ware identiek aan die van het oude Enterprise thema.
Alleen de WP Cycle widget is nu weg en vervangen door de Genesis Responsive Slider.
De instellingen daarvan en de manier waarop de tekst afgebroken moet worden in een bericht is wel even extra werk. Je moet namelijk de tekst die je wilt laten zien beperken door in het bericht de More optie in te stellen.
Ook de menu opbouw moest veranderd worden met o.a. het laten vervallen van het Onderwerp menu in de bovenste menu keuzen optie.
Hopelijk is de pagina keuze die er nu staat voor de meeste bezoekers voldoende om snel te vinden wat je zoekt.
Laat hieronder gerust een reactie achter over hoe je de lay-out nu vindt en natuurlijk wat je toch liever net even anders zou zien. Zeker als je een idee hebt dat de navigatie door de site en naar de diverse onderwerpen beter kan maken.
