Jump to content
Sign in to follow this  
elik5424

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

Recommended Posts

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

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

Share this post


Link to post
Share on other sites

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

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

Share this post


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

Share this post


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

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites

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

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

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

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

Share this post


Link to post
Share on other sites

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

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

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

Share this post


Link to post
Share on other sites

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

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

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

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

  • Upvote 1

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites

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

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

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

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

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

Share this post


Link to post
Share on other sites

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

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

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

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

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

 

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

Внимание !!!

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

 

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

Edited by Captain

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

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

Внимание !!!

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

 

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

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

Share this post


Link to post
Share on other sites

 

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

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

 

 

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

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

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

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

Share this post


Link to post
Share on other sites

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

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

 

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

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

Edited by celsoft

Share this post


Link to post
Share on other sites

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

 

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

Share this post


Link to post
Share on other sites

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

 

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

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

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

×
×
  • Create New...