Перейти к публикации

Мобильные версии шаблона (smartphone)


Рекомендованные сообщения

Есть у кого готовые мобильные версии шаблонов (smartphone). В Гугле толком нету, 2 шаблона и те старые.

Сам пользуюсь стандартным. Ну интересно что нибудь новенькое.

Ссылка на сообщение
Поделиться на других сайтах

elik5424, да сейчас уже практически ни кто не делает отдельные мобильные шаблоны. Адаптивная верстка и жизнь прекрасна :)

Минус в отдельном шаблоне то, что на планшетах будет показываться не мобильная версия сайта, а обычная

Ссылка на сообщение
Поделиться на других сайтах
odys, не видел в природе ещё ни одного приличного информационного сайта, который бы не имел мобильной версии. Именно для смартфонов. Планшеты тут уже не при чём. На 8 дюймах уже можно и обычные версии сайта смотреть. А от 3.5 до 6-7 дюймов обычная версия сайта не годится. Всё зависит от специфики сайта, но при хорошей посещаемости мобильная версия нужна для любого сайта.
Ссылка на сообщение
Поделиться на других сайтах
не видел в природе ещё ни одного приличного информационного сайта, который бы не имел мобильной версии
ага и 90% из них используют адаптивную верстку
Ссылка на сообщение
Поделиться на других сайтах

не видел в природе ещё ни одного приличного информационного сайта, который бы не имел мобильной версии
ага и 90% из них используют адаптивную верстку

А вот и нет. Большинство из них имеют отдельный мобильный шаблон. А адаптивная вёрстка подстраивает обычную версию сайта под ваше разрешение экрана. И если у вас 3.5 дюймовый iPhone 4, то какой прок от того, что у вас будет корректно отображаться обычная версия сайта? Нормально использовать сайт вы всё равно не сможете.

Ссылка на сообщение
Поделиться на других сайтах

А вот и нет. Большинство из них имеют отдельный мобильный шаблон.

Смотря что подразумевать под "большинством", если говорить об абсолютных цифрах, то конечно большинство сайтов в интернете имеют, именно отдельный шаблон, потому как старые сайты редко занимаются глобальной переделкой верстки. Если говорить о современных тенденциях, то да отдельная мобильная версия, это устаревшее явление. И современные тенденции подразумевают именно адаптивную верстку.

А адаптивная вёрстка подстраивает обычную версию сайта под ваше разрешение экрана. И если у вас 3.5 дюймовый iPhone 4, то какой прок от того, что у вас будет корректно отображаться обычная версия сайта?

Вот в этом вы не правы. Адаптивная верстка подразумевают полное изменение отображения сайта, в зависимости от размеров устройства. Меняется абсолютно все. Убираются второстепенные блоки, меняются шрифты и размеры, даже меняются сами блоки. Изменить можно вообще все до неузнаваемости. Классический пример адаптивной верстки, это например сайт dle-news.ru зайдите на него одновременно с iphone и и дескотопного браузера и походите по нему сравнивая разные разделы сайта. У нашего сайта нет отдельного мобильного шаблона, все это действия именно одного адаптивного шаблона. И весь контент очень хорошо читаем и доступен как для iphone так и для десктопа.

Ссылка на сообщение
Поделиться на других сайтах

А адаптивная вёрстка подстраивает обычную версию сайта под ваше разрешение экрана. И если у вас 3.5 дюймовый iPhone 4, то какой прок от того, что у вас будет корректно отображаться обычная версия сайта?

Вот в этом вы не правы. Адаптивная верстка подразумевают полное изменение отображения сайта, в зависимости от размеров устройства. Меняется абсолютно все. Убираются второстепенные блоки, меняются шрифты и размеры, даже меняются сами блоки. Изменить можно вообще все до неузнаваемости. Классический пример адаптивной верстки, это например сайт dle-news.ru зайдите на него одновременно с iphone и и дескотопного браузера и походите по нему сравнивая разные разделы сайта. У нашего сайта нет отдельного мобильного шаблона, все это действия именно одного адаптивного шаблона. И весь контент очень хорошо читаем и доступен как для iphone так и для десктопа.

В таком случае, какая разница адаптивный дизайн это или отдельный шаблон, если ваш сайт на смартфоне в адаптивной вёрстке выглядит также, как выглядела бы мобильная версия? Но есть один нюанс. Я посмотрел несколько сайтов с адаптивной вёрсткой для мобильной версии (включая ваш сайт) и обнаружил лёгкое подтормаживание. Смотрел на OnePlus One. Что будет на более слабых смартфонах? Конечно, там ничего критичного, но всё же...А ваш мобильный шаблон DLE летает даже на смартфонах 2010 года. То, что перспектива за адаптивной вёрсткой это и так понятно, но актуальность мобильных шаблонов пока сохраняется.

Ссылка на сообщение
Поделиться на других сайтах

А адаптивная вёрстка подстраивает обычную версию сайта под ваше разрешение экрана. И если у вас 3.5 дюймовый iPhone 4, то какой прок от того, что у вас будет корректно отображаться обычная версия сайта?

Вот в этом вы не правы. Адаптивная верстка подразумевают полное изменение отображения сайта, в зависимости от размеров устройства. Меняется абсолютно все. Убираются второстепенные блоки, меняются шрифты и размеры, даже меняются сами блоки. Изменить можно вообще все до неузнаваемости. Классический пример адаптивной верстки, это например сайт dle-news.ru зайдите на него одновременно с iphone и и дескотопного браузера и походите по нему сравнивая разные разделы сайта. У нашего сайта нет отдельного мобильного шаблона, все это действия именно одного адаптивного шаблона. И весь контент очень хорошо читаем и доступен как для iphone так и для десктопа.

В таком случае, какая разница адаптивный дизайн это или отдельный шаблон, если ваш сайт на смартфоне в адаптивной вёрстке выглядит также, как выглядела бы мобильная версия? Но есть один нюанс. Я посмотрел несколько сайтов с адаптивной вёрсткой для мобильной версии (включая ваш сайт) и обнаружил лёгкое подтормаживание. Смотрел на OnePlus One. Что будет на более слабых смартфонах? Конечно, там ничего критичного, но всё же...А ваш мобильный шаблон DLE летает даже на смартфонах 2010 года. То, что перспектива за адаптивной вёрсткой это и так понятно, но актуальность мобильных шаблонов пока сохраняется.

Если не затруднит гляньте пожалуйста мой адаптивный шаблон и есть подтормаживание или нет http://h-t-n.ru/ ?

Ссылка на сообщение
Поделиться на других сайтах

Если не затруднит гляньте пожалуйста мой адаптивный шаблон и есть подтормаживание или нет http://h-t-n.ru/ ?

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

Ссылка на сообщение
Поделиться на других сайтах

Если не затруднит гляньте пожалуйста мой адаптивный шаблон и есть подтормаживание или нет http://h-t-n.ru/ ?

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

Спасибо, обновлюсь на 10.5 , а потом попробую шаблон подредактироватть. Заметил что кнопки соц.сетей часто подтормаживают подгрузку страниц.

Насчёт использования отдельного шаблона для мобильной версии это конечно хорошо и если есть время заниматься 2-мя шаблонами, к примеру нечто не мешает использовать адаптивный шаблон и мобильный одновременно, но как я понял Googl стал отдовать предпочтение в выдаче тем сайтам которые будут адаптированны для разных экранов, а как известно тут лучше показывает себя адаптивный чем отдельный мобильный. Также можно давать выбор пользователям ставить ссылку на переключение.

Проверить свой сайт вы можете тут http://www.google.com/webmasters/tools/mobile-friendly/

Ссылка на сообщение
Поделиться на других сайтах

Я посмотрел несколько сайтов с адаптивной вёрсткой для мобильной версии (включая ваш сайт) и обнаружил лёгкое подтормаживание. Смотрел на OnePlus One. Что будет на более слабых смартфонах?

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

То, что перспектива за адаптивной вёрсткой это и так понятно, но актуальность мобильных шаблонов пока сохраняется.

Конечно пока актуально использование отдельный шаблонов, более того отдельный мобильный шаблон обладает одним очень неоспоримым преимуществом, а именно его вес. Вы уже изначально знаете что он для мобильных, выкидываете физически все лишнее, пару стилей CSS именно для мобильника, все это серьезно уменьшает вес, и как следствие существенно сокращает время загрузки сайта. Причем разница очень существенна, например вес CSS шаблона для мобильного который мы предоставляем с дистрибутивом всего 23KB, а например вес CSS для dle-news.ru уже более 300кб. Это колосальный разброс. И все потому что при адаптивной верстке нужно предусмотреть все блоки, размеры устройств, разные браузеры и их поведение. А для мобильного уже ясно что это телефон, там браузеры ведут почти всегда одинаково, лишних блоков уже нет и т.д. И несмотря на то что 4G шагает по планете, подавляющее большинство территории страны, это еле работающий 2G, и время загрузки очень критично и существенно в данном случае. Но мы же собственно возвращаемся к изначальному вопросу вашей темы, где можно посмотреть перспективные шаблоны отдельные шаблоны для мобильных. Так вот я собственно нигде не видел чтобы сейчас занимались созданием отдельных шаблонов, все новые шаблоны отдают предпочтение именно адаптивности.

Ссылка на сообщение
Поделиться на других сайтах
  • 3 месяца спустя...

Подскажите, пожалуйста, в DLE вообще новичок - на сайте есть социальные кнопки, а в мобильном шаблоне родном не отображаются, что можно сделать? Как решить проблему? Кнопки поставил от Uptolike

Ссылка на сообщение
Поделиться на других сайтах

Подскажите, пожалуйста, в DLE вообще новичок - на сайте есть социальные кнопки, а в мобильном шаблоне родном не отображаются, что можно сделать? Как решить проблему? Кнопки поставил от Uptolike

Ну, как бы минимум почитать документацию и добавить нужные теги в шаблон. ;)

 

Правила форума

Внимание !!!

На данном форуме существуют достаточно жесткие правила, поэтому прежде чем создавать свою тему убедитесь, что вы внимательно их прочитали и поняли.

 

1. Если ваша тема начинается с вопроса и вам нужна какая либо помощь, то в самой теме в обязательном порядке вы должны указывать ссылку на ваш сайт. Если ваш сайт находится в локальной сети и вы не можете предоставить ссылку, или вы не хотите публиковать открытой ссылки на ваш сайт, то отправляйте персональное сообщение с вопросом в службу поддержки непосредственно с сайта http://dle-news.ru/, вам ответят на ваш вопрос в персональном порядке, в случае если пользуетесь платной версией скрипта и обладаете лицензией на скрипт. Если вы пользуетесь демоверсией, то вам необходимо разместить сайт в сети интернет, и только потом обращаться за помощью. По находящимся на локальных компьютерах демоверсиям никакой помощи и поддержки на форуме не оказывается. Если вы не указали сайт, то ваша тема будет закрыта, а аккаунт на форуме заблокирован.

Изменено пользователем Captain
Ссылка на сообщение
Поделиться на других сайтах

В стандартном мобильном шаблоне почему-то растягиваются по вертикали картинки как в короткой, так и в полной новости. Подскажите, пожалуйста, как можно убрать проблему.

Ссылка на сообщение
Поделиться на других сайтах

В стандартном мобильном шаблоне почему-то растягиваются по вертикали картинки как в короткой, так и в полной новости. Подскажите, пожалуйста, как можно убрать проблему.

Правила форума

Внимание !!!

На данном форуме существуют достаточно жесткие правила, поэтому прежде чем создавать свою тему убедитесь, что вы внимательно их прочитали и поняли.

 

1. Если ваша тема начинается с вопроса и вам нужна какая либо помощь, то в самой теме в обязательном порядке вы должны указывать ссылку на ваш сайт. Если ваш сайт находится в локальной сети и вы не можете предоставить ссылку, или вы не хотите публиковать открытой ссылки на ваш сайт, то отправляйте персональное сообщение с вопросом в службу поддержки непосредственно с сайта http://dle-news.ru/, вам ответят на ваш вопрос в персональном порядке, в случае если пользуетесь платной версией скрипта и обладаете лицензией на скрипт. Если вы пользуетесь демоверсией, то вам необходимо разместить сайт в сети интернет, и только потом обращаться за помощью. По находящимся на локальных компьютерах демоверсиям никакой помощи и поддержки на форуме не оказывается. Если вы не указали сайт, то ваша тема будет закрыта, а аккаунт на форуме заблокирован.

А так, подправить css и всё 

Ссылка на сообщение
Поделиться на других сайтах

 

Я посмотрел несколько сайтов с адаптивной вёрсткой для мобильной версии (включая ваш сайт) и обнаружил лёгкое подтормаживание. Смотрел на OnePlus One. Что будет на более слабых смартфонах?

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

 

 

То, что перспектива за адаптивной вёрсткой это и так понятно, но актуальность мобильных шаблонов пока сохраняется.

Конечно пока актуально использование отдельный шаблонов, более того отдельный мобильный шаблон обладает одним очень неоспоримым преимуществом, а именно его вес. Вы уже изначально знаете что он для мобильных, выкидываете физически все лишнее, пару стилей CSS именно для мобильника, все это серьезно уменьшает вес, и как следствие существенно сокращает время загрузки сайта. Причем разница очень существенна, например вес CSS шаблона для мобильного который мы предоставляем с дистрибутивом всего 23KB, а например вес CSS для dle-news.ru уже более 300кб. Это колосальный разброс. И все потому что при адаптивной верстке нужно предусмотреть все блоки, размеры устройств, разные браузеры и их поведение. А для мобильного уже ясно что это телефон, там браузеры ведут почти всегда одинаково, лишних блоков уже нет и т.д. И несмотря на то что 4G шагает по планете, подавляющее большинство территории страны, это еле работающий 2G, и время загрузки очень критично и существенно в данном случае. Но мы же собственно возвращаемся к изначальному вопросу вашей темы, где можно посмотреть перспективные шаблоны отдельные шаблоны для мобильных. Так вот я собственно нигде не видел чтобы сейчас занимались созданием отдельных шаблонов, все новые шаблоны отдают предпочтение именно адаптивности.

А как же быть с заявлениями гугла о том что сайты с протоколом https и сайты с мобильной версией в поиске теперь будут выдаваться выше чем сайты без них. Получается всё же отдельная версия сайта для мобильных устройств предпочтительнее чем просто адаптивный дизайн.

Я просто вот тоже этим вопросом сейчас задаюсь, если это так надо тогда отдельную версию сайта на поддомен ставить, а браузеры ещё и на редиректы бывает ругаются.

Ссылка на сообщение
Поделиться на других сайтах

А как же быть с заявлениями гугла о том что сайты с протоколом https и сайты с мобильной версией в поиске теперь будут выдаваться выше чем сайты без них. Получается всё же отдельная версия сайта для мобильных устройств предпочтительнее чем просто адаптивный дизайн.

Гугл далеко не дурак, он прекрасно распознает и отдельную мобильную версию, и адаптивную верстку. Он просто представляется мобильным устройством. И прекрасно знает как выглядит ваш сайт при входе через мобильный. Поэтому в данном вопросе, что вы будете использовать адаптивный шаблон, или отдельный разницы нет никакой.

 

Я просто вот тоже этим вопросом сейчас задаюсь, если это так надо тогда отдельную версию сайта на поддомен ставить, а браузеры ещё и на редиректы бывает ругаются.

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

Изменено пользователем celsoft
Ссылка на сообщение
Поделиться на других сайтах

Хорошо если так.

 

Ну то что ДЛЕ распознаёт это понятно, больше как раз интересно точно ли распознаёт гугл, адаптивный шаблон, мобильный шаблон или отдельную версию. Гугл конечно не дурак, но иногда даёт повод для офигевания)

Ссылка на сообщение
Поделиться на других сайтах

Хорошо если так.

 

Ну то что ДЛЕ распознаёт это понятно, больше как раз интересно точно ли распознаёт гугл, адаптивный шаблон, мобильный шаблон или отдельную версию. Гугл конечно не дурак, но иногда даёт повод для офигевания)

Вот вам доказательство того, что гугл распознаёт мобильную версию сайта при адаптивном шаблоне
akx99ik2.png

Ссылка на сообщение
Поделиться на других сайтах

Присоединяйтесь к обсуждению

Вы можете опубликовать сообщение сейчас, а зарегистрироваться позже. Если у вас есть аккаунт, войдите в него для написания от своего имени.

Гость
Ответить в тему...

×   Вставлено в виде отформатированного текста.   Вставить в виде обычного текста

  Разрешено не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отобразить как ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставить изображения напрямую. Загрузите или вставьте изображения по ссылке.

×
×
  • Создать...