Большое обновление блога

Цветовая схема блога

Цветовая схема блога

Скучно стало… захотелось чего-то нового… необычного… мучила бессонница… пришлось редезигнуть блог:) Попутно допилил структуру, прикрутил всякого нового, открутил разное старое, переработал менюшки, задействовал иной функционал движка, etc. Заодно пытаюсь осуществить свою давнюю мечту — создать собственную цветовую схему аля desert-khaki-sand-cactus-red, которую можно будет таскать не только по разным темам блога, но и с оси на ось под KDE и не только…

Про тему оформления

Одна из достаточно известных за счёт широких возможностей и высокой кастомизации тема оформления. Теоретически, вроде даже заявляется прохождение валидатора, хотя сомнительно (после допилов css руками — сильно сомнительно))). Готовых шаблонов для вордпресса ОЧЕНЬ много, но стоящих среди них не особо. Конкретно в данном случае меня привлекла возможность сделать интересную главную страницу без дополнительных плагинов.

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

Страница презентаций aka Presenation page

Логика у этого решения достаточно простая: на главной мы размещаем информацию в ином виде чем в остальных местах сайта, с оптимизаций по длине страницы, удобному просмотру на мобильных девайсах, etc. Подход близок к landing page, но о них как-нибудь потом, когда будет введён в строй лэндинг бардомора. Другое представление инфы оправдано, ибо за длинными портянками текста и горами фотографий пользователь приходит либо с поисковика на конкретный пост, либо заинтересовавшись первой картинкой и прочитав краткое описание, либо осмысленно надавив на рубрику (насколько осмысленно жмут на «Секс» посетители пришедшие по запросу «порно Гаечка» я не знаю)).

К сожалению, или к счастью, по настоящему тонкой настройки тут ожидать не следует, например выкинуть то что уже есть в слайдере без правки кода нельзя (т.е. до первого обновления). Для полной кастомизации нужно либо писать решение самому, либо брать движок аля Drupal и… вообщем тоже программировать, но в основном мышкой. Для портала Бардов Урала я такое делал, для личного блога это решение избыточно (любая сложность даёт кроме возможностей ещё и повышенные требования ко времени и квалификации при обслуживании).

Про слайдер и панорамы

Кратко: новая рубрика Панорамы, из которой на главную страницу в слайдер выводятся красивые фоточки. Подробно в предыдущей статье.

Про цвета

Изначально, получился любопытный вариант, который, в зависимости от монитора/времени суток/смотрящего/настроения/погоды на Марсе, выглядел от нежноклубничнокремового до грязносерожёлтого))) Это по результатам первичного опроса моих любимых бетатестеров с 1-4 размером. Личные наблюдения подтверждают. Хорош разброс, не правда ли? При том что базовый цвет всего-то #fffbf3!!!

Ликбез для самых маленьких. Цвет в этих наших интернетах кодируется тремя числами от 0 до 255, каждое из которых представляет красный, синий и зелёный соответственно, в шестнадцатиричной (это когда ff=255) системе счисления. 255 255 255 это белый, 0 0 0 — чёрный, 255 0 0 — красный. 255 251 243 это почти-почти белый.

С одной стороны, это конечно весело, даже ничего делать не надо для регулярного редизайна, это тот редчайший случай, когда ДЕЙСТВИТЕЛЬНО ОНО САМО!:) С другой стороны, как-то это неправильно, на информационном ресурсе развлекаться оптическими иллюзиями претит моим представлениям о гармонии Вселенной. По результатам раздумий за ндцатым стаканчиком пива где-то очень-очень-очень глубоко в архивах был выкопан просто пиздецки древний бэкграунд для сайта (ещё из тех времён, когда их делали в формате gif для экономии считанных килобайт траффика!) средний цвет которого #393e4b и всё встало на свои места.

Секрета тут никакого нет, человеческий глаз высокоадаптивная система, человеческий мозг вообще шедевр с точки зрения реал-таймовой обработки видеопотока на ограниченных мощностях, но вся эта хитровывернутая аналоговая схема смачно подглючивает на тонких различиях оттенков. Глаз-мозг подстраивает цветовую температуру на ходу относительно освещённости/контрастности/окружающих цветов (а также объёма, формы, жизненного опыта и представлений подсознания о прекрасном), стоило лишь добавить серочуточкусиний фон как все, ну или почти все, глюки пропали.

Миниатюры записей, nextcellent gallery и нативная галерея

А вот тут я реально ВСТРЯЛ!

Предпосылки епического попадоса выглядят так: большинство тем/плагинов для нестандартного отображения материалов используют функционал вордпресса именуемый «миниатюра записи». Если для новых записей на странице презентации это не критично, то для старых…

Проблема №1: когда я начинал блог в 2008 году, этой хренотени тупо не было. Но это решаемо автоматически, есть способы загнать в миниатюру первую фотографию из материала, есть варианты со скриншотом со вставленного видео, что меня утроило бы на 98%, если бы не…

Проблема №2: более-менее прилично встроенная галерея начала работать относительно недавно по историческим меркам, а до этого был безальтернативный плагин nextgen gallery. Потом он попортился и появился форк nextcellent gallery. Появлялось ещё множество других галерей, но по счастью мне хватило ума с ними не связываться. Так вот, все эти галереи хоть и хороши функционально, но с миниатюрами записей никак не дружат, это функционал сбоку…

На сайте у меня 200+ галерей и 4000+ фотографий в них и это надо перекинуть. Нет, сама по себе перезаливка руками занимает по 2-3 минуты на галерею, т.е. трудозатраты вполне подъёмные, НО есть много записей о снаряге, где подписана каждая, сука, фотка из 20-50!

Способов автоматической миграции с nextcellent gallery на обычную родную стоковую галерею вордпресса не нагуглилось никаких.

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

Шрифты

Вот уж где не ждал подставы в 2016-ом то годе! Те что есть в шаблоне как-то не особо порадовали. Нет, выглядело прилично, но всё же что-то не то, да и некоторые бета-тестеры, правда без сисек, на это обратили внимание. В настройках есть функционал, который позволяет задействовать шрифты гугла просто указав их название. Я остановился на Roboto для основного текста и Roboto condensed для заголовков. Круто? ДА! Гол-хуй-штанга!

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

Дальше было пяток попыток засунуть нужную строку с нужными параметрами так чтобы оно было правильно схавано всеми без исключения, вплоть до всяких дельфинов и вивальди. Разум, как и дОлжно у хомо дважды сапиенсов, победил здравый смысл и вы можете наслаждаться теми шрифтами, которые мне приглянулись.

Компоновка страниц

Кроме главной страницы, на которой вообще всё иначе, изменилась и компоновка остального пространства:

  • часть виджетов, в которые никто не тыкал, выкинута
  • удалён виджет случайных фоток из галерей, за долгие годы я так и не придумал как корректно с него отправлять нахрен на материал в котором фигурирует фотография
  • вернулась боковая колонка, но без нафигации по рубрикам, там только камменты/новые записи/архив
  • в записях появилось оглавление, что давно напрашивалось и таки напросилось в лице моего друга пана Чужовски
  • 18+ переехало из названия в описание (можно и совсем убрать, но у меня нет никакого желания давать лишний повод возбудиться органам)

Страницы

По результатам тыканья в разные пункты меню обнаружилось ажно 18 страниц, со всякими «обо мне», «резюме», «итэдэ». После матюков их количество сократилось в три раза — часть выкинута вообще, часть соединена, где надо расставлены 301 редиректы… Плюс актуализирована информация.

Переводы

Раньше половина менюшек и названий страниц была на английском, половина на русском. Хотел было всё перевести на вражеский, но посоветовавшись сделал наоборот… главное духовность!:D

P.S. За последний год многие меня спросили: «зачем реклама порно на главной?». Затем что это тест на задротство и вы его прошли!))) Реально это реклама с бирж ссылок, где всё давно уже работает в автоматическом режиме, ну а поскольку блог у меня 18+ (тут в основном прилично, но изредка попадаются матюки и сиськи-письки), то фильтры по порнухе я не ставил.

One Comment:

  1. Про бета-тестеров без сисек и со всякими вивальди намёк понят. :-)

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *