1

Тема: Адаптивная CMS

Ура, наконец-то, благодаря Матеушу Скрипчаку, изготовившему плагин для адаптации GetSimple CMS к мобильным устройствам, мы сможем работать везде и всегда. Я немного подогнал плагин под русскоязычную публику.
Скачать здесь

Оригинал здесь

+ Полный экран

http://forum.getsimplecms.ru/image/big.png

+ Мобильный экран с закрытым меню

http://forum.getsimplecms.ru/image/small.png

+ Мобильный экран с открытым меню

http://forum.getsimplecms.ru/image/menu.png

Поддержать GetSimple CMS по-русски ЯДом

Сайт olsv64

Поделиться

2

Re: Адаптивная CMS

Большое спасибо и Матеушу и Вам, Олег за проделанную работу!

В i18n_gallery используются таблицы, которые некорректно отображаются на экранах телефонов. Тестировал на телефоне с разрешением 768x1280px(360x640px).

+ открыть спойлер

https://a.radikal.ru/a43/1902/41/344dfba632f0.jpg

https://b.radikal.ru/b22/1902/40/c014e02e81b4.jpg

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

table {
    display: block;
    overflow-x: scroll;
}

Поделиться

3

Re: Адаптивная CMS

с некоторыми плагинами достаточно сложно, да, я всю неделю настраивал css и под плагины, у вас, похоже, не самая последняя версия smile ну и работать в админке все-таки удобнее на планшете
боюсь, у Матеуша настройки под плагины еще нет

Поддержать GetSimple CMS по-русски ЯДом

Сайт olsv64

Поделиться

4

Re: Адаптивная CMS

Да, Вы правы, у меня стояла версия v1.0. Скачал v1.5, буду тестировать.

Поделиться

5

Re: Адаптивная CMS

мой плагин корректно работает на разрешении 480 пикселей
Скачать здесь

Поддержать GetSimple CMS по-русски ЯДом

Сайт olsv64

Поделиться

6

Re: Адаптивная CMS

предлагаю всем заинтересованным юзерам тестировать плагин и отписываться о недочетах

Поддержать GetSimple CMS по-русски ЯДом

Сайт olsv64

Поделиться

7

Re: Адаптивная CMS

Игрушечные устройства, добрались и до GetSimple, что поделать...

Сайт ufopera

Поделиться

8

Re: Адаптивная CMS

ограничил ширину 460 пикселей, при такой основные протестированные мной плагины с полями отображаются нормально, правда кое какие плагины проще было подправить, ну тут уж на любителя

Поддержать GetSimple CMS по-русски ЯДом

Сайт olsv64

Поделиться

9

Re: Адаптивная CMS

olsv64 пишет:

предлагаю всем заинтересованным юзерам тестировать плагин и отписываться о недочетах

Нашел кое-какие недочеты:
1. Добавить в меню при редактировании страниц

+ открыть спойлер

было:
https://c.radikal.ru/c35/1902/b9/3b4bc708e2b4.png
стало:
https://d.radikal.ru/d36/1902/d1/f189c9a18c6d.png

Исправил строки 965 и 967:

#metadata_window #menu-items {
    height: auto;
    padding: 10px;
}

2. И в плагине i18n-gallery можно подправить поля

+ открыть спойлер

было:
https://c.radikal.ru/c43/1902/0d/e6026e22127c.png
стало:
https://b.radikal.ru/b26/1902/82/11d07fc8a7b0.png

Я подправил так:

.wrapper #galleryForm input, 
.wrapper #galleryForm select, 
.wrapper #galleryForm textarea {
    margin-top: 2px !important;
    min-height: 34px;
}

Поделиться

10

Re: Адаптивная CMS

Немного поэкспериментировал с вьювпортом и для себя определился с таким вариантом:

<meta name="viewport" content="width=device-width, initial-scale=0.75, maximum-scale=1, user-scalable=no">

На телефоне с CSS разрешением 360x640px отображается нормально, правда немного маленький шрифт. Но в принципе сайт мониторить можно. Может кому-то пригодится))

Скриншоты экрана телефона:

+ открыть спойлер

https://c.radikal.ru/c32/1902/17/e37c559b1c6e.jpg

https://b.radikal.ru/b39/1902/32/06ed3bd89e95.jpg

Поделиться