Create a directory ‘scripts’ in the root directory and add the following files to this directory:

RedirMobile.php

Mobile_Detect.php


Add the following code to ‘Header Code’ of one of the objects in the Master Page(s) for desktop use. The script redirects to a page with the name of the current page with the prefix m. when a mobile device is detected and the redirect file exists. It also adds the ‘alternate’ link to optimize the result of the Google crawlers.


<!-- Header Code -->

<?php  

include 'scripts/RedirMobile.php';

?>



Add the following code to the ‘Header Code’ of one of the objects in the Master Page(s) for mobile use. It adds the canonical reference to optimize the results of the Google crawlers This step is optional.


<!-- Header Code -->

<link rel="canonical"

href="<?php echo($_SERVER['HTTP_HOST']."/".Substr(basename($_SERVER['PHP_SELF']),2)); ?>" >



In .htaccess file add the following line:

AddType application/x-httpd-php .html .htm

This line enables the execution of the php-code in the html-files


Add a mobile (child-)page to each desktop page. Use the same name and add the prefix  ‘.m’  Exclude these pages from site navigation. When a mobile page does not (yet) exist the desktop page is used.


Palette settings:

AF-Back RGB 230-220-220

AF-Row Mono 200 / C8

AF-Text  RGB 175-0-0 / AF-0-0 ??