Вот такой ширины, вот такой вышины...

Размер шрифтов на сайте

Я долго бился с проблемой ширины сайта и главного меню. Перепаковывал пункты меню один в другой, недавно вон всё полностью перешуровал. Даже блок поиска сверху убирал в left, отчего пришлось снести его с главной страницы. Это было очень неудобно и я с радостью вернул его обратно, сразу как только смог. А сегодня вдруг мне пришло в голову, что шрифт на сайте мелковат. В современный век смартфонов и прочих карманных гаджетов надо уже делать побольше, чтобы удобнее было читать! А джумла 1,5 в этом отношении проста как пятак: все настройки - в одном файле template.css, не то что J3.3, где на каждый модуль есть свой css и они ещё при каждом чихе новые создаются. Размеры шрифтов я нашёл быстро - они в самом начале шаблона в строчках body.fs (body font size). Смотрю: батюшки, да у меня ж весь сайт 10-м шрифтом писан! Это ж где это видано, чтобы так глаза напрягать нужно было! Взял и поднял всё на два пункта: 

 

body.fs1 {font-size: 12px;}

body.fs2 {font-size: 13px;}

body.fs3 {font-size: 14px;}

body.fs4 {font-size: 15px;}

body.fs5 {font-size: 16px;}

body.fs6 {font-size: 18px;}

Возвращаюсь на сайт, - красота! Вроде бы ничего сильно и не поменялось, но я-то вижу, что смотрибельнее стало! Авось процент отказов упадёт, да число внутренних переходов подрастёт... И тут хвать, - а последний пункт верхнего меню опять под модуль поиска прячется. Шрифты все увеличились, вот меню снова влезать и перестало!

Иду обратно в template и думаю: а чего бы мне весь сайт пошире то не сделать? Сейчас мониторы у всех сплошь FullHD, самый малый размер - 1366 пикселей на ноутбуках. Так что ж это у меня до сих пор сайт то такой узкий и немасштабируемый? Ну, немасштабируемый это потому, что шаблон не резиновый и стать таковым не может. Была попытка переехать на новую джумлу, окончилась падением и откатом на старую версию с потерей полугода, так что ну его в ан..тичность,, будем старый допиливать. 

И, как оказалось, расширить сайт совсем нетрудно: нужно всё в том же темплейте подправить строчку в разделе main layout divs:

/* MAIN LAYOUT DIVS

#ja-footer {

width: 1250px;

Я увеличил с 1150px до 1250px и тут же на сайте всё снова уместилось. Да так, будто всегда так и было.

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

Если отсеять мобильных юзеров, которым в любом случае приходится масштабировать сайт, и рассматривать только заходы с ПК, то получаем вот такую диаграмму: почти треть посещений - с ноутбуков и хреновых мониторов с шириной экрана 1366px, затем 20% с экранов 1280px, ещё 19% с FullHD и остальные фрагментированы, но тоже вполне соответствуют стандартам. За бортом остаётся 7,5% посетителей, которые используют экраны 1024x768 (господи, неужели такие экраны ещё существуют?) и около 1% 1152x864 (ума не приложу, что за девайсы!), причём мой шаг по увеличению ширины сайта был негативен только для этой последней неведомой категории, так как в 1024х768 мой сайт не влезал и раньше. Получается, я кинул только 1% посетителей, зато как улучшил жизнь остальным!

< Предыдущая		Следующая >