Шаблон "North"
Решил обновить вид своего бложика. В итоге получился простенький шаблон, которым готов поделиться.
Шаблон, в отличие от предыдущих, максимально простой, в нем нет разнообразия лент топиков, кучи настроек и не требуются какие-либо дополнительные плагины. Одна простая лента топиков списком, простая цветовая схема, пара дополнительных мини-тем задающих фон сайту, адаптивность и, пожалуй, все.
Ах, да, есть небольшие изменения в структуре — убрано меню второго уровня, описание блога вынесено в блок правого сайдбара и немного изменилось расположение файлов шаблона. Первые два пункта стоит учитывать при адаптации плагинов к шаблону.
Посмотреть вживую можно у меня в блоге. В каталоге будет доступен после модерациии.
Ну и пара моментов на обсуждение для тех, кому интересен шаблон:
— Из-за того, что убрано меню, убрал и поле поиска.
— Для небольших экранов сайдбар скрывается полностью.
Необходимы ли Вам эти вещи? Куда лучше разместить поиск? И как поступить с сайдбаром?
Меня вполне устраивает то, что есть сейчас, но если нужно, доработаю.
Шаблон, в отличие от предыдущих, максимально простой, в нем нет разнообразия лент топиков, кучи настроек и не требуются какие-либо дополнительные плагины. Одна простая лента топиков списком, простая цветовая схема, пара дополнительных мини-тем задающих фон сайту, адаптивность и, пожалуй, все.
Ах, да, есть небольшие изменения в структуре — убрано меню второго уровня, описание блога вынесено в блок правого сайдбара и немного изменилось расположение файлов шаблона. Первые два пункта стоит учитывать при адаптации плагинов к шаблону.
Посмотреть вживую можно у меня в блоге. В каталоге будет доступен после модерациии.
Ну и пара моментов на обсуждение для тех, кому интересен шаблон:
— Из-за того, что убрано меню, убрал и поле поиска.
— Для небольших экранов сайдбар скрывается полностью.
Необходимы ли Вам эти вещи? Куда лучше разместить поиск? И как поступить с сайдбаром?
Меня вполне устраивает то, что есть сейчас, но если нужно, доработаю.
33 комментария
У вас ведь в каком-то из шаблоном реализовано offcanvas-решение…
Единственное что напрягает в стандартном колоночном размещении — это то что сайдбар «уезжает» вниз, а там от него пользы никакой (ну или почти никакой).
Для решения этого была у меня задумка добавить еще одну зону для вывода блоков сайдбара — перед контентом.
Т.е. html-но такая последовательность: сайдбар верх — контент — сайдбар низ.
CSS-ом сайдбар выглядит как единое целое, а на маленьких экранах можно уже регулировать что будет выше контента, а что ниже.
Конечно, можно и так. Но, видимо, Вы меня недопоняли, поднакидывать вариантов не нужно, меня вполне устраивает и такой вариант: поиск мне лично не нужен, необходимость в сайдбаре на мобильном тоже под сомнением. А вот если кому-то понадобиться шаблон, но будет смущать отсутствие данных вещей — готов выслушать предложения и прикрутить.
Согласен, поэтому в последнее время и начал уходить от такого варианта. Сейчас активно тестирую «безсайдбарный» вариант и как-то ниразу не напрягло его отсутствие. Для чтения и ответов всего хватает, ну а задействовать функционал на все 100, имхо, все же лучше с десктопа.
Имхо, сайдбар не нужен в мобильной версии, в ней вообще на мой взгляд нужно только самое важное для чтения.
На счет него кстати, если надо чтобы был сверху (не меняя верстку), как-то на одном из проектов применял перенос сайдбара JS-ом, т.е. снимаем размер окна, и если оно меньше 480 переносим в нужное место. Как-то так (без ресайза):
+ еще на коммент ответить если вдруг срочно нужно.
Согласитесь?
Изменения:
— Доработка страницы блога.
— Добавление поиска.
— Добавление меню в профиль для небольших дисплеев.
— Доработка главного меню для небольших дисплеев.
— Проработка адаптивности.
— Правка прочих мелочей.
Скриншоты изменений.
Посмотреть вживую можно там же.
К примеру, я сделал чтобы на мобильных сайдбар отсутствовал вообще, и ваше решение с меню в профиле мне очень нравится.
+ вроде бы в developer-kit на мобильных не отображается если пришло сообщение.
+ новая карточка блога (которая показывается сбоку) просто шикарна.
Если добавлять в developer-kit этого не планируете, то вопрос — если я куплю этот шаблон, поможете ли вы мне разобраться какие части кода скопировать чтобы добавить красоты на мой сайт?
При развороте меню отображается иконка с количеством сообщений. Здесь сделал текст + цифра для мобильников, чтоб удобнее было пальцем попадать. С пунктом «Создать» аналогично.
Да, конечно.
По менюшкам еще хотелось бы сделать, чтоб они все же оставались на мобильнике в одну строку и их пальцем перетягивать можно было бы, но решения пока не нашел + сам профиль хочется переработать получше под мобильники.
Наверное, все от браузера зависит…
Можно еще попробовать form-control input-sm и btn btn-sm
Посмотрел разными, в Хроме отличие.
В общем, ок, допилю форму.