Новая тема оформления сайта

Опубликовано: 01.09.2018

видео Новая тема оформления сайта

Тема Basic от WP Puzzle. Бесплатная, адаптивная, классная

Изменения на сайте — новая тема оформления, упрощенная навигация, расширенный профиль пользователей.



Ничто не вечно под этим небом, в том числе и вкусы. Предпочтения в дизайне со временем у меня меняются, появляются новые технологии, приемы и модные тренды, которые предъявляют свои требования — все это подвигло меня обновить тему оформления сайта n-wp.ru.

Знаю, что предыдущая тема многим нравилась, но она имела некоторые особенности, не отвечающие вызовам современности:


phpBB - устанавливаем новую тему оформления

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

Решив устранить эти недостатки, я пришел к выводу, что легче переделать тему с нуля, нежели чем внедрять костыли в старую. Так и родилась новая тема оформления, условно называемая Neutral adapt.

Адаптивный дизайн

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

Векторные шрифты

Векторные шрифты вместо изображений. При масштабировании они выигрывают в качестве, нежели чем картинки. Используется свободно распространяемый векторный шрифт Font Awesome.

Веб-шрифты

Веб-шрифты вместо стандартных позволяют контенту выглядеть одинаково во всех браузерах. Используется свободно распространяемое семейство шрифтов Open Sans.

CSS3 и HTML5

Вместо визуальных эффектов, создаваемых js-скриптами, используются красивые плюшки CSS3 и HTML5.

Современный дизайн

Минималистичное оформление, крупные элементы, плоский дизайн, ориентированный на управление пальцами.

Юзабилити

В связи с внедрением новой темы я внес некоторые изменения в юзабилити, упрощающие, как мне кажется, работу с сайтом:

Теперь вся навигация по сайту сосредоточена в одном месте — нажмите значок поиска, и вы получите и поиск, и категории, и метки. Зарегистрированные пользователи имеют свой вход в административную часть, в которой можно публиковать посты, редактировать черновики, просматривать свои посты и комментарии к своим постам, редактировать профиль. Все сделано стандартными средствами движка. Социальные сервисы, в которые можно отправить пост, сокращены до трех основных — Facebook, Google Plus и Twitter. Так же посты можно добавлять в список избранных. Добавлять посты в избранные можно не только со страницы поста, но и со страницы блога. Страница избранных постов полностью переделана — изменен стиль вывода постов, добавленная постраничная навигация. Я отказался от всех всплывающих элементов, заменив их отдельными информационными страницами. Исключением являются только изображения — при клике на картинке откроется ее оригинал, отображаемый поверх содержимого. Логика такова: если это отдельное изображение, то оно откроется в виде одной картинки, если же это изображение из галереи, то оно откроется с навигационными элементами, с помощью которых можно в слайдере просмотреть все картинки их текущей галереи. Выводимые оверлеем изображения так же являются адаптивными.

Надеюсь, что сайт для вас остался таким же удобным и информативным. Выслушаю вашу критику и пожелания.

rss