MaxHub
Полезности по Maxsite CMS

Мобильные и адаптивные шаблоны для MaxSite

Обсуждения / 21 февраля 2015

Мобильные шаблоны. Пока я видел только два шаблона. Потому решил заняться этой темой.

Завершилась большая часть моей работы над полноценным мобильным шаблоном для MaxSite. Весьма не просто понять, как он будет смотреться на разнообразных мобильных устройствах. Поэтому, хочется обсудить эту тему, выслушать общее мнение и пройтись по ошибкам и недостаткам при отображении. На примере своего сайта http://usercomp.com и/или выкладывайте свои варианты.

Заметил, что очень многие крупные сайты используют поддомен, для мобильного внешнего вида. Но по существу, получается скорее зеркало, которое не особо способствует продвижению сайта в целом. Это сугубо моё мнение, может я ошибаюсь?

Ну и вопрос монетизации. Должен ли быть такой шаблон платным и какова будет его стоимость относитьельно основного шаблона.

Комментариев: 19
  1. Андрей, а нет ли у вас путаницы между понятиями «мобильный шаблон» и «адаптивный шаблон»? Обычно. под мобильным сайтом понимают сайт, который умеет уменьшать (масштабировать) страницу до размеров экрана. Т.е. сайт выглядит также как и обычно, но очень мелко.

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

    Так какой у вас сайт? smile Как его тестировать?

  2. Адаптивный шаблон обычно тестирую тут: http://www.responsinator.com/

  3. Не путаю) Сначала я слегка адаптировал основной шаблон. Но у него 2 сайдбара и сделать его читаемым, весьма не тривиальная задача.

    В поисках полезных советов наткнулся на плагин mobile_theme и понял, что моя задача сильно упростилась. Разве что красоту потихоньку навожу.

    Т.е. в теории, на мобильных устройствах должен отображаться мобильный шаблон. Без 2-х сайдбаров по бокам smile

  4. Андрей данный подход был актуален в 2012 году когда мы средствами php определяли устройство или поддомены создавали. Сейчас бал правит "адаптивный дизайн" об этом и гугл заявил и яндекс. Если вникать в суть адаптивного дизайна, именно "адаптивного" то мороки много, но если выработать так сказать "скелет" то все просто и заморочек меньше MaxSite многие проблемы решает, просто нужно вникнуть.

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

    Что говорит яндекс.

    ...мобильные версии страниц не участвовали в обычном поиске, так как зачастую они имеют специфический вид (упрощенная разметка, урезанный контент). В мобильном же поиске участвуют как обычные, так и мобильные страницы.

    Получается, что в мобильном поиске участвуют 2 версии сайта. Работа с дизайном сильно упрощается. Вопрос только, как бы сделать базу данных одну

  6. Андрей, да согласен многие порталы используют различные подходы... Но нужно смотреть в каких годах они созданы wink . Иногда просто нет вариантов сделать так как требуют современные стандарты. А на это много причин начиная от кода, заканчивая js. и я более чем уверен, что "медиа запросы" лишь первый шаг на пути адаптивности сайтов (учитывая специфику) ведь правила создавались для ie по большой части.

  7. Евгений

    Одно дело адаптировать этот сайт, другое - мой. wink Так, к примеру. Сейчас все меньше идет речь об экономии трафика. Выбор ставится между дизайном (красатой и наворотами) и удобством для чтения полезного контекста.

    Глянул статистику экранов.

    Широкоформатные 257

    Стандартные 82

    Мобильные 39

    Имеет ли смысл адаптация при таких условиях? (как пример)

  8. Андрей отвечу просто. сегодня не завтра. Некоторые сайты не думают про части адаптивности. Но в вашем случае 39%, это очень много стоит думать даже при 20%. Тут скорее стоит думать под какие девайсы адаптировать шаблон smile . Лично я и под 240 по ширине пытаюсь адаптировать ибо влияние поисковиков.

  9. Мобильные устройства - 9,97%. На данный момент мобильный шаблон вполне уместен, мне кажется. Если бы адаптация заключалась только в стилях, решил бы быстро задачу. Но включение-отключение сайдбаров..

    И вопрос ещё в том, как о существовании мобильной версии объяснить поисковикам.

  10. Женя, мне кажется, что это именно тот самый «холивар», который ты пытался устроить здесь не один раз и наконец-то это получилось! wink

    Лично я тоже больше склоняюсь к необходимости разрабатывать именно адаптивные шаблоны. Они в любом случае и на любой технике будут хорошо смотреться и удобны в использовании. Всякие там масштабирования - это полумеры для ленивых wink Я даже в какой-то мере рад, что есть ещё вебмастера, которые не осознают всю важность создания адаптивного шаблона - больше трафика достанется понимающим smile Почему я думаю, что адаптивность важна? Да хотя бы потому, что у гугла есть тулза проверки готовности сайта к отображению на низких разрешениях. Я гонял в ней свои сайты и там чётко выдаётся результат, что всё хорошо, когда сайт адаптивный. Если сайт сделан по старинке, то тоже чётко показывается, что «всё плохо».

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

    В общем, Андрей, я так понял вы ищите лёгкие пути через создание мобильного шаблона и здесь я не силён что-то вам сказать в качестве отзыва, т.к. это не мой профиль. Увы, хотя я вам и обещал дать отзыв, если опубликуете здесь свой пост. Но надеюсь, что вы и так получили полезный отклик smile

  11. Илья

    1. Поисковики можно и обмануть, сделав поверхностную адаптацию и запустив через нормальный шаблон. wink

    2. Чтобы говорить о трафике, надо пробовать или иметь статистику. Тут ничего сказать не могу.

    3. Адаптивный шаблон - простой для мобильных устройств. Значит и сайт изначально простой должен быть.

  12. Андрей, всё так. Но, во-первых, обманывать не хорошо smile Даже поисковики. Тем более смысла нет, всё равно они плохого не посоветуют, так что лучше сразу делать как рекомендуют. Во-вторых, да, есть тенденция к упрощению сайтов. Информации становится так много, что люди просто устают разгребать эти завалы. Объективно хочется простоты. Я вот тоже планирую свой сайт переделать в модном стиле «лендингов»...

  13. grin Обманывать, это конечно громко сказано. Но подогнать под требования заняло минут 20. Не изгаляться же над деталями, если для людей выводится совершенно другое.

  14. А как сделано меню мобильное на этом сайте? Дополнительными средствами или обычным css?

  15. Андрей, дополнительными средствами, их Жека где-то надыбал, когда создавал этот шаблон. Но в дефолтном шаблоне тоже есть похожее средство (TinyNav). Вчера только с ним разбирался и думаю, что в некоторых случаях оно более подходящее, чем тутошнее. TinyNav лучше работает с менюшками, в которых есть подменю. Вот только чтобы TinyNav заработало нормально нужно обновить её код с официального сайта библиотеки.

  16. Илья, спасибо. Буду разбираться. А то красивые кнопочки на телефоне не красиво смотрятся grin

  17. Илья, У меня сейчас малость более совершенная меню.

  18. Купил я у автора шаблон и понял почему он берет символическую цену, шаблон очень обрезан, во общем деньги на ветер

  19. Магазин madini

    А может просто не смог разобраться? wink

    Шаблон на основе самого обычного. НО с возможностью отдельной настройки.

    К примеру:

    Используется Второе Меню, как главное.

    Сайдбар - footer-3-sidebars

    Собственно, всё прописано в footer_components.php и header_components.php.

    Как говорится, было бы желание разобраться.

Оставьте комментарий!

grin LOL cheese smile wink smirk rolleyes confused surprised big surprise tongue laugh tongue rolleye tongue wink raspberry blank stare long face ohh grrr gulp oh oh downer red face sick shut eye hmmm mad angry zipper kiss shock cool smile cool smirk cool grin cool hmm cool mad cool cheese vampire snake excaim question

Вход / регистрация или войти без комментирования
  Имя и сайт используются только при регистрации

Авторизация MaxSiteAuth. Войти через loginza

(обязательно)