Як зробити сайт доступним на мобільних пристроях

Ця стаття розповість вам, як зробити весь ваш сайт більш доступним на мобільних пристроях, без необхідності підлаштовувати кожну окрему сторінку. Ви, невірне, думаєте, що правильно написавши код і розділивши структуру від змісту, ваш сайт повинен буде без праці підтримувати мобільні пристрої. Або ж що з хорошими людьми зовсім не трапляються погані речі. У будь-якому випадку, ви явно помиляєтеся.

Кроки

1. 

   1

   Налаштуйте дзеркало сайту. Якщо ваш сайт знаходиться на myawesomeblog.com, вам слід створити піддомен на mobile.myawesomeblog.com. Завдання це досить проста, але може відрізнятися в залежності від хоста. Якщо ви використовуєте Dreamhost, то можете легко додати піддомен з їх панелі управління. Вам необхідно зробити так, щоб піддомен виступав як «дзеркала» основного сайту, тобто, щоб він просто перенаправляв вас на існуючий сайт.









2. 

   2

   Створіть файл global_prepend. Далі ми створимо PHP файл, який буде автоматично доданий до кожної сторінки нашого сайту. Назвіть цей файл «global_prepend.php» і закиньте його в корінь вашого сервера:

<?phpfunction callback($ Buffer) {if ($ _SERVER[`SERVER_NAME`] == `Mobile.myawesomeblog.com`) {$ Buffer = str_replace(`Http://myawesomeblog.com`, `Http://mobile.myawesomeblog.com`, $ Buffer);$ Buffer = preg_replace(`/ [ N r t] + /`, ``, $ Buffer);$ Buffer = preg_replace(`/ S {2} /`, ``, $ Buffer);$ Buffer = preg_replace(`/ (] *>) (] + Alt = ") ([^"] *) ("[^>] *>) () / I `, `$ 1 $ 3 $ 5
`,$ Buffer);$ Buffer = preg_replace(`/ (] + Rel = "[^"] * stylesheet "[^>] *> |] *> | Style = "[^"] * ") |