Brasserie de Koepel mobiel

brasseriedekoepel_mobile

Om bezoekers van brasseriedekoepel.nl op een mobiel apparaat ook een prettige gebruikservaring te bieden, realiseerde ik een aparte mobiele pagina.  Deze HTML pagina biedt snelle toegang tot de belangrijkste informatie. Wil je toch meer, dan kun je altijd de website voor desktops bereiken.

Met behulp van de scripts die worden aangeboden op http://code.google.com/p/php-mobile-detect realiseerde ik de doorverwijzing naar de mobiele site voor mobiele apparaten. Ongeacht deze scripts blijft de desktop variant altijd bereikbaar, indien gewenst.

Deze zeer eenvoudige constructie ligt op de WordPress installatie waarop de website draait. Je ziet hieronder de code. Eerst zie je de twee snippets die zorgen voor automatische doorverwijzing. Deze snippets worden automatisch geactiveerd, afhankelijk van apparaatdetectie. Daarna volgen de snippets die de sessiedata instellen zodat gebruikers handmatig de automatische doorverwijzing kunnen overrulen. Deze snippets worden geactiveerd door een klik op een link.

theme/index.php:

<?php
### mobile detection

session_start();

if (!isset($_SESSION['desktop'])) {
    require_once 'mobiel/lib/Mobile_Detect.php';
    $detect = new Mobile_Detect;

    if($detect->isMobile()) header('Location: http://www.brasseriedekoepel.nl/mobiel');
}

###- mobile detection
?>

mobiel/index.php:

<?php
### mobile detection

session_start();

if (isset($_SESSION['desktop'])) {
    header('Location: http://www.brasseriedekoepel.nl');
}

###- mobile detection
?>

mobiel/mobiel.php

<?php
### mobile detection

session_start();

session_destroy();
header('Location: http://www.brasseriedekoepel.nl/mobiel');

###- mobile detection
?>

mobiel/naardesktop.php

<?php
### mobile detection

session_start();

$_SESSION['desktop'] = TRUE;
header('Location: http://www.brasseriedekoepel.nl');

###- mobile detection
?>

0 Comments

  1. Pingback: Conceptstore studio van ‘t Wout mobiel | pimschaaf.nl

Leave a Reply

Jouw e-mailadres wordt niet gepubliceerd. Verplichte velden zijn gemarkeerd met *

De volgende HTML tags en attributen zijn toegestaan: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>