Как сделать сайт доступным на мобильных устройствах

Эта статья расскажет вам, как сделать весь ваш сайт более доступным на мобильных устройствах, без необходимости подстраивать каждую отдельную страницу. Вы, неверное, думаете, что правильно написав код и разделив структуру от содержания, ваш сайт должен будет без труда поддерживать мобильные устройства. Или же что с хорошими людьми не случаются плохие вещи. В любом случае, вы явно ошибаетесь.

Шаги

1. 1 Настройте зеркало сайта. Если ваш сайт находится на www.myawesomeblog.com, вам следует создать поддомен на mobile.myawesomeblog.com. Задача эта довольно простая, но может отличаться в зависимости от хоста. Если вы используете Dreamhost, то можете без труда добавить поддомен из их панели управления. Вам необходимо сделать так, чтобы поддомен выступал в качестве «зеркала» основного сайта, то есть, чтобы он просто перенаправлял вас на существующий сайт.
2. 2 Создайте файл global_prepend. Далее мы создадим PHP файл, который будет автоматически добавлен к каждой странице нашего сайта. Назовите этот файл «global_prepend.php» и закиньте его в корень вашего сервера:

<?php function callback($buffer) { if ($_SERVER['SERVER_NAME'] == 'mobile.myawesomeblog.com') { $buffer = str_replace('http://www.myawesomeblog.com', 'http://mobile.myawesomeblog.com', $buffer); $buffer = preg_replace('/[ ]+/', '', $buffer); $buffer = preg_replace('/s{2,}/', ' ', $buffer); $buffer = preg_replace('/(<a[^>]*>)(<img[^>]+alt=")([^"]*)("[^>]*>)(</a>)/i', '$1$3$5<br />',$buffer); $buffer = preg_replace('/(<link[^>]+rel="[^"]*stylesheet"[^>]*>|<img[^>]*>|style="[^"]*")|<script [^>]*>.*?</script>|<style[^>]*>.*?</style>|<!-.*?-->/i', '', $buffer); $buffer = preg_replace('/</head>/i', '<meta name="robots" content="noindex, nofollow"></head>', $buffer); } return $buffer; } ob_start("callback"); ?>

1. 1 Включите контент «prepend» и «append» с помощью .htaccess. Если у вас еще нет файла .htaccess в корне сервера, откройте новый текстовый файл и вставьте туда следующие строки:
   • php_value auto_prepend_file /localfilepath/global_prepend.php php_value auto_append_file /localfilepath/global_append.php
     • Важно: при копировании этих двух строк из веб браузера, вам, возможно, нужно будет удалить символ возврата каретки и напечатать его самостоятельно. Иногда браузерный возврат каретки приводит к ошибке файла .htaccess (вы сразу об этом узнаете, так как ваш сайт перестанет грузиться).
   • Затем сохраните его в корень сервера с именем файла «.htaccess». Если у вас уже есть файл .htaccess, просто добавьте туда те две строки.
2. 2 Запустив поддомен и зайдя на свой сайт из браузера, воспользовавшись специальной ссылкой для мобильных телефонов, вы увидите отличную, компактную версию своего сайта без картинок, стилей и скриптов. Вуаля!