Een Nieuw Responsive Thema voor WP Sitebouw

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.

Advertentie

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:

browser-statitieken-wpsitebouw

Zeker 25% van de laatst 500 hits waren met mobiele apparaten zoals iPads en Androids.

Waarbij de iPad wel de boventoon voert:

mobiele-browsers-statistieken

Ook de onderverdelen in scherm resolutie gaf nog die extra reden om over te stappen:

scherm-resultie-statitieken

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.

Agency_Child_Theme_Genesis_Framework

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.

Comments

  1. Hallo,

    Ik wil in mijn site een subdirectory maken om een eerder gemaakte site (waarvoor ik geen domeinnaam heb) te tonen. Ik heb de directory aangemaakt, maar nu? Welke bestanden zet ik waar neer en wat moet ik doen om die site ook echt te zien.

Wat zijn jouw gedachten?

*