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

Бесплатная контекстная реклама

Цитата
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)
Новые темыОбъявленияСвободное общение
14:29 Обновление поисковой базы 18.08.2019 
14:15 Трафик 0 
14:08 методы продвижения раскрутки сайта 
09:27 Проблема с кодировкой, нужна помощь 
20:46 Продвижение в ТОП Яндекс. Мега быстро! 
20:29 Необоснованная блокировка аккаунта Ads! Help 
20:24 Яндекс выдача - Апдейт - 17 августа 
16:09 Дешевые просмотры YouTube с гарантией, лайки, подписчики Instagram, ВК, Facebook, ОK, Twitter - SmmPanele.Ru 
15:41 Продам канал Яндекс Дзен 
15:39 Продам Сайт (Eng) 5000р/мес с CPA(бурж). Растущий траф. Без РСЯ, Adsense и продажи ссылок. + 2 сайт в подарок 
13:17 Продам сайт, интернет-магазин цифровых товаров. Продажа Steam, Origin, Uplay ключей и других товаров 
11:56 Продам аккаунт облако mail ru. 
23:19 XNEOLINKS - seo-cофт для продвижения сайтов. Инновационные технологии для качественного линкбилдинга 
23:03 Тексты премиум - качества! Доступные условия для бизнеса и удар по поисковым алгоритмам! 
11:15 Помогите пожалуйста советом по оптимизации 
19:40 Чтобы пользователи сами добавлял рецепт на сайт 
18:34 Кому пришла выплата с AdSense? 
07:51 Дешевый рерайт кино тематики. 
11:44 Как вам живётся без меня (Web Guru) - ? Что нового в мире Seo-Шмео - ? 
11:13 Друзья, предлагаю собраться и сходить в Москве на пикник 
06:30 форекс