Новое оформление блога!
Да, чисто зрительно, мало что изменилось. Я продолжаю следовать идее сохранения того стиля оформления, который когда-то создал мой покойный друг Владимир Ларченко. Но технологии не стоят на месте, да и собственные новые потребности возникают. Так или иначе, приходится следовать за временем, пытаясь адаптировать то, что было, к тому, что нужно.
Последнее основательное перетряхивание шаблонов блога было ровно три года назад – весной 2014 года. Но в тот раз я просто чуточку изменил верстку и причесал некоторые графические элементы. Сами шаблоны остались почти теми же. На базе совсем-совсем древних “табличных” шаблонов десятилетней давности. Оно было, в общем, нормально, но модифицировалось с трудом. Блоки можно было гонять внутри ячеек таблицы, но заставить их выйти за отведенные им пределы было трудоемко.
Если кому интересно, то вот исходный макет элементов сайта, который используется у меня на блоге, уже более 10 лет (последняя модификация файла датирована 2005 годом):
За последнюю неделю была создана новая тема моего блога для WordPress с нуля. С чистого пустого базового шаблона без признаков верстки вообще. Упростил иерархию самих шаблонов, сведя весь набор только к сущностям “хедер”, “тело”, “футер”, “пост” и “страница”. Никаких больше таблиц – чистоганом все одними div-ами и CSS.
Графика сильно упрощена в техническом плане. Все тени под блоками, которые раньше были в виде отдельных картинок с прозрачностью, теперь генерируются при помощи CSS. То же и относительно всяких закругленных уголков и бордюров. Вся графика предыдущего шаблона, в масштабах одной загруженной страницы, весила порядка полутора мегабайт (без учета графики контента поста или страницы – только одно оформление). По нынешним временам, цифра, конечно, смешная. Тем не менее, сейчас вся та же графика оформления весит чуть более 500 килобайт.
И много-много всякого в плане внутренностей. Выброшена половина не нужных теперь плагинов и каких-то кривых на скорую руку патчей, которыми успел обрасти код шаблонов за десятилетие и т.п. В общем, это теперь новая, чистая, современная (с точки зрения шаблонов) тема, которой, как я надеюсь, мне хватит еще на десять лет, пока и она всяким мусором не обрастет…
В части интерфейса – изменения минимальны:
Сделал поиск для всех, а не только для зарегистрированных читателей. Давно и постоянно об этом просили.
Поднял “Календарь” повыше. Был удивлен, т.к. держал его исключительно “для красоты”, а оказывается им активно пользуются, если логи не врут. Ну, ОК…
Облако тэгов опять делать не стал. Простите, но оно меня бесит. Во-первых, мне постоянно лень эти тэги постам назначать, во-вторых, какой в нем прок, когда, вон, поиск есть. Вбить слово в поиск быстрее, чем высматривать его в облаке тэгов.
Блок “избранное” изменил на “популярное”. В “избранное” я все равно ленился постоянно, что-то руками добавлять, а “популярное” генерируется автоматически на базе посещаемости постов за последний год.
Одной из главных причин всего этого мероприятия стала, конечно, необходимость вкорячить на блог “рекламный блок”. Не волнуйтесь, до баннеров и “таргетинговой рекламы” я не опустился. Только и исключительно реклама тех проектов, к которым я имею непосредственное отношение. Их всего, вон, две штуки.
Однако, если кого-то это все же раздражает, то я специально сделал все так, что в вашем (и моем) любимом AdBlock-e достаточно просто зафильтровать характерный <DIV class=”youCanAdBlockThis” > – блок пропадет без малейшего нарушения остальной верстки и оформления. Однако, надеюсь, мой “рекламный блок” не настолько уж навязчив. Во всяком случае, он занимает на странице меньше места, чем прилепленный пост про нашу с Аленой карту C++, который маячил в списке последние недели.
Кроме этого, раз уж пошла такая пьянка с “монетизацией ресурса”, слева появилась кнопка “Купить пива“.
На самом деле, как только, я, под свои задачи, завел бизнес-аккаунт на PayPal-е, оне меня долбили постоянно всем этим “а вы знаете, что можете разместить ссылку на прием платежей на своем ресурсе?”, “а у вас там есть заготовка под кнопку, которую вы не используете”, “а вы не забыли, что можете…” Короче, система победила.
До кучи, я вспомнил письмо, которое мне написал один из читателей года полтора назад. Ему здорово помогла моя статья по оживлению монитора. Он писал, что я сберег ему пару сотен баксов и чуть ли не жизнь ему спас и, что такого хорошего он может сделать в ответ, чтобы отблагодарить? Тогда я, как-то эту тему слил, но теперь – не вопрос! Вон, пива мне купите – буду рад. Вполне адекватное, такое, общепринятое в обществе “спасибо”.
Т.е. технически, конечно, непосредственно пиво мне куплено не будет, но сумму, которую вы пожертвуете в приступе благодарности, на него и потрачу. Или хостинг оплачу – тоже помощь. Хотя, сомневаюсь, что на хостинг там будет набираться, что осмысленное. А на пиво – пара баксов в самый раз.
Вот, как-то так все…
Ctrl+F5 нажмите, пожалуйста 🙂
Комментарии:
У случайных фоток в левом верхнем углу не хватает ссылки на соответствующий пост. Иногда попадаются такие, что хочется узнать, из какой записи они, а как найти — непонятно.
Да, в том-то и дело, что непосредственно к постам они не привязаны. Это просто куча рандомных фото событий, которые могут вообще в постах не фигурировать.
Я, тут, для одного сайта на WP делал шаблон, который выдирал случайную картинку из поста и показывал ее в качестве иконки перед заголовком в списке. Наверное, надо посмотреть, как это будет выглядеть в контексте моего блога. Боюсь, правда, что это будет совсем уж как-то странно, когда оно начнет выдирать схемы какие, которые после масштабирования к такому маленькому размеру будут превращаться в нечитаемое пятно, но – надо, конечно, попробовать и посмотреть насколько это будет странно…
В общем, прикрутил я случайный выбор картинки из постов с ссылкой. Оно не всегда правильно срабатывает, когда вытягивает из базы что-то странное, помимо джпегов и пнгшек, но в целом, для теста сойдет… Там еще допилю по ходу…
Если кнопка “Купить пива”, никого не напрягая, будет мелькать в конце каждого поста, например, перед комментами, у меня будет меньше шансов забыть подкинуть благодарностей. Но это чисто моя имха.
Кстати, тест: *форматирование* _комментов_ `есть` +или+ нет?
Самое адекватное место, что нашел для дополнительной кнопки – вон, в ленте социалкок, маленькая кнопочка с кружкой появилась в самом начале. Думаю, больше уже акцентировать это будет перебором 🙂
Форматирование есть. Нормальными человеческими html-тэгами. Не всеми, конечно, но основными 🙂