От октомври 2026 г. всеки уебсайт на hPage автоматично е подходящ за мобилни устройства: всички шаблони имат мобилно оформление и няма нищо за настройване. Предишната настройка Мобилна версия вече не съществува.
Как работи мобилното оформление
- На телефони и таблети уебсайтът ви се показва в една колона: заглавка, меню и съдържание едно под друго. Менюто се прибира зад заглавната лента на менюто в шаблона ви и се отваря с докосване.
- Съдържанието, цветовете и шрифтовете са същите като във версията за компютър. Редактирате страниците си само веднъж; няма отделно мобилно съдържание, което да поддържате.
- Снимките, видеоклиповете и таблиците се смаляват до ширината на екрана. Широките таблици с фиксирана ширина се превъртат хоризонтално.
- Мобилното оформление се прилага за сензорни екрани, по-тесни от шаблона ви, и за всеки екран, по-тесен от 1024 пиксела. Лаптоп с мишка и по-тесен прозорец на браузъра запазва версията за компютър.
Проверка на уебсайта на телефон
- Щракнете върху Посещение на уебсайта в страничната лента, за да видите адреса на уебсайта си, и отворете този адрес в браузъра на телефона си.
- Без телефон: отворете уебсайта си на компютъра и стеснете прозореца на браузъра под 1024 пиксела. Уебсайтът превключва към мобилното оформление.
- Ако телефонът ви все още показва стара версия, презаредете страницата. Мобилните браузъри пазят страниците в кеша си известно време.
Съвети за изображенията
- Не е нужно да преоразмерявате изображенията за мобилни устройства: те се смаляват автоматично и запазват пропорциите си.
- Поддържайте размера на файловете малък, за да се зареждат страниците бързо при мобилна връзка. Компресирането на изображенията при качване на файлове помага за това.
- Не поставяйте важен текст в изображения: на малък екран той се чете трудно. Вместо това го напишете като текст.
- Изображенията, подравнени вляво или вдясно от текста, се показват по-тесни на мобилни устройства, за да остане място за текста до тях.
Съвети за текстовете и таблиците
- Пишете кратки абзаци и използвайте заглавия; дългите блокове текст се четат трудно на телефон.
- Избягвайте фиксирани ширини в собствения си HTML код (например
width="800"); използвайте проценти или изобщо не задавайте ширина. - Предпочитайте таблици с ширина 100% или без зададена ширина. Таблица с фиксирана ширина се превърта хоризонтално на мобилни устройства.
- Много дългите думи и уеб адреси се пренасят в края на екрана; интервал или тире дава на браузъра по-удобно място за пренасяне.