Адаптация сайта
Страницы: 1
Адаптация сайта, С чего лучше начать адаптировать сайт
Ребята подскажите с чего начать адаптировать сайт под мобильные устройства или проще просто забить на это и найти уже готовый шаблон. Вот мой сайт __mykerch.com

Прогон по твиттеру, постинг в 1500 аккунтов
Постинг в твиттер аккаунты, для ускорения индексации ваших сайтов, сателлитов, дорвеев.

Цитата
226102 пишет:
на это и найти уже готовый шаблон
Ну сайт то вроде ничего так, берите готовый шаблон
Рисунок
Начать с планов 2016 года))
По адаптации, проще будет новый готовый взять, однако тут проблема в том, что вы можете поменять этим структуру и ПС может это не понравится, поэтому просто изучаем. А так для новичков хороший материал есть здесь: _https://siteclinic.ru/blog/technical-aspects/3-sposoba-bystro-adaptirovat-sayt/ (не реклама, и не мой сайт).
Цитата
lol_cp пишет:

Начать с планов 2016 года))
По адаптации, проще будет новый готовый взять, однако тут проблема в том, что вы можете поменять этим структуру и ПС может это не понравится, поэтому просто изучаем. А так для новичков хороший материал есть здесь: _https://siteclinic.ru/blog/technical-aspects/3-sposoba-bystro-adaptirovat-sayt/ (не реклама, и не мой сайт).
Подключить фреймворк bootstrap, тоже думал, но этот сайт слабенький для спецов.

Они советуют: 1) прописать view-port; 2) подключить файлы фреймворка; 3) добавить в разметку классы сетки bootstrap. Первых два совета это легко, а вот третий совет это целая наука, пока не чего не получается.
226102, ну если хочется сохранить текущий дизайн, то тут два варианта - или найти недорогого фрилансера, который все сделает быстро и может быть даже хорошо, или повозиться самому, что займет больше времени, и не факт, что сразу получится учесть каждую мелочь.
Но тем не менее это даст полезный опыт, поэтому попробовать стоит.
Начать можно со следующего:
поубирать у селекторов body и #wrapper свойство min-width, посмотреть как теперь сайт ведет себя при разной ширине;
начиная с какой-то выбранной ширины (например 700px) переходить к расположению колонок не рядом, а друг под другом, то есть все в одну колонку. Для этого прописать @media (max-width: 700px){#left-column{float:none; margin-left:0;width:100%} #main-content{margin-left:0;}}
затем смотреть, что получилось, дорабатывать недочеты, делать адаптивное меню, выбирать какие блоки на узком экране не показывать. В принципе это все.

Браться изучать бутстрап вряд ли стоит, ради одного проекта проще сделать самому или взять готовый шаблон. Бутстрап скорее полезен для тех, кто верстает много сайтов.
Цитата
Sasha Minsky пишет:
226102, ну если хочется сохранить текущий дизайн, то тут два варианта - или найти недорогого фрилансера, который все сделает быстро и может быть даже хорошо, или повозиться самому, что займет больше времени, и не факт, что сразу получится учесть каждую мелочь.
Но тем не менее это даст полезный опыт, поэтому попробовать стоит.
Начать можно со следующего:
поубирать у селекторов body и #wrapper свойство min-width, посмотреть как теперь сайт ведет себя при разной ширине;
начиная с какой-то выбранной ширины (например 700px) переходить к расположению колонок не рядом, а друг под другом, то есть все в одну колонку. Для этого прописать @media (max-width: 700px){#left-column{float:none; margin-left:0;width:100%} #main-content{margin-left:0;}}
затем смотреть, что получилось, дорабатывать недочеты, делать адаптивное меню, выбирать какие блоки на узком экране не показывать. В принципе это все.

Браться изучать бутстрап вряд ли стоит, ради одного проекта проще сделать самому или взять готовый шаблон. Бутстрап скорее полезен для тех, кто верстает много сайтов.
Спасибо! Попробую может и получится.
Да, про viewport забыл сказать, чтобы список был полным, добавляю первым пунктом "прописать viewport"smile:)

<meta name="viewport" content="width=device-width, initial-scale=1.0">
Страницы: 1
Похожие темы:
Читают тему (гостей: 1, пользователей: 0, из них скрытых: 0)
Новые темыОбъявленияСвободное общение
21:13 Как закрыть данные в сервисе cy-pr, от посторонних? 
19:22 Как удалять лишние символы из урл 
19:07 Кнопка распечатки на картинке 
18:30 ClickDealer- свои люди на рынке буржа! 
16:03 Лучшая рекламная сеть Traffic.ru! 
14:18 Накрутка лайков и репостов вк 
13:35 Push.House - рекламная платформа PUSH уведомлений 
00:18 Программы для рассылок, накрутки, продвижения и ведения аккаунтов в skype, instagram, vk, ok, avito, lenta.ru 
23:35 Качественный профильный ручной прогон недорого 
21:53 AML24 – мгновенный перевод в фиат вашей криптовалюты 
20:21 Выкупаем открученные (купонные) аккаунты Google Adwords 
20:16 Купоны и аккаунты яндекс директ на 6000р. Самые низкие цены! 
19:40 Вечные ссылки с ТОПОВЫХ ресурсов! Размещение вечных трастовых ссылок с тИЦ от + 1000 до +45000 
17:21 Продажа Dedicated servers (Дедики) 
20:34 Кому пришла выплата с AdSense? 
15:20 Стоит ли приобретать Xrumer 
22:19 Арест серверов MoonWalk, без контента осталось 80% киносайтов РФ 
21:29 Как я отдыхал в другой стране, видел много коров, коз и не одной улитки. 
21:28 Кто что знает про данный гарант 
18:24 Переезд сайта на SSL (Полезно знать) 
19:43 Осторожно! Криптовалюта