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

Ещё бы с радостью избавился от облачка и свежих комментов в сайдбаре, оставив только минимум, но, к сожалению, они мне нужны. Не перевелось ещё стремление к минимализму на земле русской.

Наступает страшное — нужно найти собственно то, что отметить. Тут два варианта: либо вы нажимаете на клавиатуре первую букву своего населённого пункта, либо ищете с помощью мышки.

Суть проблемы в том, что список обычно установлен на пункте «Выберите страну». Вы беззаботно прокручиваете все 250 штук по алфавиту и видите, что вашей нет! Вы теряетесь в догадках и только потом до вас доходит, что заботливые программеры вынесли популярную страну на второй пункт списка, на самый верх!

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

Моё предлагаемое решение достаточно простое: не использовать этот пункт-заглушку «Выберите страну», а сразу ставить выделенной именно популярную, но так, чтоб она располагалась на своём месте в алфавите. Технически это реализовывается даже проще, чем вынесение нужной страны из алфавитного порядка наверх — достаточно просто в пункте

<option value="ru">Россия</option>

дописать selected="selected" в тэг.

Преимущества:

• Вам не нужно делать особую выборку для алфавитной сортировки
• Страна находится на своём месте и даже при случайном сбросе пункта её можно будет найти
• Можно динамически просчитывать, какой пункт списка является популярным и отмечать именно его в первую очередь

Постовулька:

Желающим переехать из своей страны на Украину, например, могу посоветовать объявления купить квартиру Киев по сходной цене без излишних переплат риэлторам.

Сайдбар справа

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

Плюсы: привычность, не мозолит глаза (если не содержит вызывающих элементов, конечно), загружается после контента

Минусы: неоригинальность (для тех, кто ищет что-то особенное), при наличии большого количества блоков может сильно растягивать страницу с короткой записью вниз — неприятно немного.

Сайдбар слева

Такая компоновка была (да и сейчас вполне) популярна до эпохи web2.0, когда навигационное меню на сайтах размещалось в той области. Целесообразность такого решения в блогах зависит от того, насколько важная информация располагается в сайдбаре.

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

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

Двойной сайдбар справа

Такая компоновка сайдбаров стала популярна относительно недавно, тем не менее она тоже противоречива в своём использовании.

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

Минусы: слишком широкие сайдбары оставят меньше площади под контент, что сделает его чтение неудобным; неприемлемо при малом количестве блоков — тогда на длинных страницах будет больше пустоты внизу.

Также хорош и гибридный вариант размещения сайдбаров, когда некоторые блоки занимают обе колонки, а менее габаритные размешаются в одной из них, но встречается такое реже из-за более сложной реализации.

Двойной сайдбар слева

Совершенно уродливый вариант, который акцентирует внимание именно на сайдбарах, а не на контентной части.

Плюсы: если вам важнее статистические данные, чем статьи, то этот вариант для вас.

Минусы: загружается до контента; отвлекает внимание от чтения; выглядит перегруженно; может растягивать страницу по ширине, сужая контент по площади.

Менее всего на блогах хотелось бы видеть данную схему.

Два сайдбара на разных сторонах

Тоже достаточно известное со времён web 1.0 решение, когда в одной колонке размещалась навигация, а в другой — полезная информация, необходимая на каждой странице.

Плюсы: сбалансированность дизайна; не перетягивает на себя внимание от статей.

Минусы: может выглядеть слегка непривычно и перегружено при непродуманном наполнении.

В данном случае, наверное, будет правильнее размещать навигационную часть — новые записи, архив и тэги слева, а «новостную» — новые комментарии, полезные ссылки, счётчики, RSS справа.

Сайдбар в подвале

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

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

Минусы: почти бесполезен для посетителей; при недостаточном наполнении скорее будет служить пустышкой.

Сайдбар вверху

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

Плюсы: занимает мало места, зато даёт возможность переходить на статичные страницы сайта.

Минусы: всплывающие меню могут не работать (или некорректно работать) без JS; может быть неочевиден при использовании, если там будут располагаться ссылки на рубрики или тэги блога.

Вот такой перечень возможных расположений сайдбаров в блогах. Безусловно, он не полный: комбинаций размещения их можно придумать кучи, но в таком случае надо непременно следить за целесообразности подобных изменений — будут ли такие варианты удобны.

На посошок:

Вы и так знаете, что WordPress, движок для блога, распространяется бесплатно. А вот есть интернет-магазин, где можно легально приобрести лицензионные программы, за пиратские копии которых отдел «К» может и наказать. Не рискуйте!

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

Или, к примеру, супермаркеты. Все они устроены таким образом, что самые нужные и лучшие товары запрятаны подальше: чтоб дойти до хлебного отдела, надо преодолеть весь магазин, чтоб взять пачку свежего молока, надо засунуть руку в дальний конец полки. Да и от очередей могли бы избавиться, если бы хотели. Но ведь нет, так устроено большинство магазинов и это работает: пока идёшь за хлебом, успеешь по пути ещё что-то прихватить; просроченных товаров меньше за счёт того, что люди берут уже залежавшееся впереди; пока стоишь в очередях у касс, можешь жвачки прикупить. Против логики.

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

Ну и завершить эту тему можно докладами Ильи Бирмана и Сергея Чикуёнка на 404фесте:

Постовушка:

Новосибирская дизайн-студия выделается неплохим сайтом и солидным портфолио. Чтобы создать сайт , можете обращаться к ним, профессионально помогут с разработкой. К слову об интерфейсах, можно почитать ещё и блог о дизайне Максима Шайхалова. Пока небольшой, но кое-что можно подчерпнуть.

Ещё хуже, когда заказчики даже у говностудий, где даже собственный сайт сделан совковой таблицей на картинках с анимациями, берут сайты по цене, за которую можно сделать что-то относительно симпатичное.

Но самый писец — когда берут бесплатный шаблон (при том явно десятилетней давности) и продают как свой. Бывало и такое.

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

Теперь это даже не баннер, который в некоторых случаях интересно порассматривать, это просто текстовая строка, которая самым наглым образом поганит вёрстку. То, что раньше было симпатичной шапкой, теперь лишь кусочек фона. Зато одна ссылка аж $0.5 будет приносить.

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

Я понимаю, что каждый монетизирует по-своему. Но если реклама с каждым разом будет всё навящивее, она просто нивелируется в сети.

Постовушечка:

Студия дизайна «Вебинвайт» предлагает профессиональное изготовление сайтов с уникальным дизайном, а также продвижение в сети.

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

Первое время было очень непривычно пользоваться каким-то нагромождением в сайдбарах, которых теперь аж два. Впрочем и сейчас ещё не до конца узнал все возможности. Но перейду сразу к делу.

Плюсы нового интерфейса

• Как уже написал, можно одним кликом посмотреть фотку в твите, не переходя на картинкохостинг. Это удобно, когда хочется посмотреть много таких твитов.
• Стал понятный «@mentions», в отличие от того, как оно было устроено в прошлой версии
• Показ ретвитов теперь не глючит. Раньше при нажатии на ссылку иногда ничего не происходило.
• При клике на твит также появляется много полезной информации о человеке:
  • сколько фолловеров
  • кто упомянут в этом твите
  • ответом на какой твит является это сообщение(!)
  • и наоборот, какие твиты стали ответами на этот
  • прошлые твиты этого участника

В целом, я считаю, это полезные введения. Если бы ещё не обошлось без недостатков.

Недостатки

• Слишком много нагромождено и новичку сложновато сразу сориентироваться в том, где что к чему.
• Эти выскакивающие окошки для реплая только раздражают.
• При посте ответа, он не появляется сразу как раньше, а лишь при обновлении выскакивает.
• Дольше загружается. Заметно дольше.
• Блоки «who to follow» и «trends» теперь мозолят глаза своей навящивостью. Раньше они хотя б внизу были как-то.
• Я иногда по привычке начинаю писать твит в верхнюю строку, а на её месте теперь поиск.
• Число твитов на счётчике у меня почему-то уменьшилось. Хз даже отчего так.
• Непривычно, когда у страницы вместо подвала начинают грузиться старые твиты, всё дальше и дальше. Кнопка more была привычнее и проще.

Итого в целом мне куда меньше нравится этот новый твиттер. Прежний был проще и легче, а теперь это превратилось в какой-то промышленный конвейер. Лично меня б устроила золотая середина.

Постовушечки:

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

Вот небольшая демонстрация изменений темы:

Если не описывать конкретные изменения в CSS: подгонка цветов, убирание богоненавистного transform:capitalize; и работа с отступами, вот всё, что было проведено.

Теперь к интересной части — плагинам.

Антиспам

Поскольку по непонятным причинам после ухода от старой темы WP-Spamfree перестал справляться со спамом, пришлось попробовать другой. Раз Akismet уже был установлен по умолчанию, воспользовался им и пока не особо жалею: спама не так много проходит.

Безопасность

Тут изменений никаких не было изначально: WP Security Scan, Anti-XSS Attack работают неплохо. Первый — помогает найти дыры в безопасности, как слабый пароль, логин и подобные дела. Второй предотвращает возможность введения кода со сторонних сайтов, тоже нужная вещь.

Если кто в твиттере сидит, вчера, наверное, видели последствия обнаружения там XSS, на своём блоге я также не хочу

Оформление

Самое сладкое, пожалуй.

Здесь одними плагинами не обошлось: поскольку я так и не разобрался с плагинами для перевода тем, делал всё вручную. Через админку → внешний вид → редактор лазил по файлам и переводил большинство фраз. При чём надо внимательно быть: перевести и в файле категорий, и в файле меток — одинаковые места. Естественно и секцию комментариев нужно не забыть.

А теперь о склонениях слова «комментарии». В стандартном наборе есть только функция для «западных» языков, там где есть два окончания: для 1 коммента и если комментов много. Фраза «2 комментариев» мне уже порядком надоела, потому я установил плагин 2-4 comment fix. Он добавляет две функции взамен старых:

comments_popup_link_2_4(‘Нет комментариев’, ’1 комментарий’, ‘% комментариев’, ‘% комментария’);
comments_number_2_4(‘Нет комментариев’, ’1 комментарий’, ‘% комментариев’, ‘% комментария’);

Последний параметр — как раз для случаев 2, 3, 4 комментария. Первая функция — для случаев, когда нужна ссылка, вторая — только для текста.

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

if (!is_admin())

Второй плагин, который помог с переводом на правильный русский — MaxSite Russian Date. Он автоматически переводит названия месяцев в нужное склонение: вместо 11 Сентябрь 2010 будет 11 сентября 2010. В настройке не нуждается.

Ну и последняя вещь, которую я поставил себе — стильный паджинатор вместо стандартных переключений «старые записи, новые записи». Теперь это слайдер, которым можно прокручивать все страницы, сколько бы их ни было. Называется плагин — Paginator.

Прочие изменения

Мелочей тоже было добавлено достаточно: взамен устаревшего из-за смены API плагина Post to twitter теперь стоит более продвинутый Twitter tools, который позволяет даже указывать текст твита, который будет поститься в тви при публикации записи блога.

Непременно нужен плагин бэкапа БД на мыло, чтоб непредвиденные ситуации не позволили случиться потерям. Для этого плагин WordPress Database Backup.

В принципе, пока это всё. Если надумаю раскрыть какие-то ещё секреты — непременно скажу А пока ещё надо доделать некоторые детали тут.

Постовушечки:

Новый мониторинг предлагает курсы на обмен яндекс на webmoney среди доверенных электронных обменников. Если у вас есть желание что-то купить или продать, для вас открыта бесплатная доска объявлений без регистрации с большим количеством рубрик. Уверен, там вы найдёте что-то для себя.

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

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

Также можно настроить свою панельку — вычеркнув ненужное, либо наоборот, добавив.

Сама работа с редактором интуитивно проста: форматировать текст можно как кнопками панельки, так и горячими клавишами (ну кто не знает про ctrl+b?). Создание таблиц и вставка картинок сделаны также хорошо — появляется окошко, в которое можно ввести необходимые параметры.

Если что-то неустраивает, можно перейти в режим исходного кода (левая верхняя кнопка) и поправить всё в html.

К сожалению, пока не смог разобраться, можно ли заменить html на bb-коды, но будем ждать некой новой версии, которую разработчики обещают 10 июля уже.

Визуальный редактор распространяется бесплатно по лицензии MIT и GPL2

Скачать его можно здесь: http://redactor.imperavi.ru/

p.s. Жаль, что там пока нету популярной тулзы — типографа

Постовой:

Любители покера будут приятно удивлены бездепозитными бонусами от пати покер — популярного и достойного покер-рума.

Данная заметка — развитие предыдущей.

Иногда пользователи ищут такие вещи, которым сложно дать название, их пытаются описать. Но и в этом случае тоже получается в выдаче чёрт знает что. Вот например, я видел сайт с красивыми вики-шаблонами, а как мне его найти, если я не помню даже его названия? Такая задача, конечно, неразрешима: желание «подай мне то, не знаю что» в реальности не работает.

А если мне захочется шаблон для WP с рисунком неба? Безусловно, яндекс выдаст мне горстку сайтов с шаблонами для WP, перебирать которые устанешь.

Моя же идея не нова: делать картинки/скриншоты с ключевиками и описанием. В этом случае они вероятнее появятся в поиске по картинкам и будет легче и нагляднее отыскать нужное: приметил из выдачи интересные экземпляры и перешёл на сайт.

Ещё раз, кратко: некоторые вещи найти гораздо проще визуально — с помощью картинок. Используйте преимущества поиска по изображениям.

Напомню, что описания в картинке нужно делать в тэге <img src=»адрес картинки» title=»текст всплывающей подсказки» alt=»текст, который будет отображаться при отключенных картинках» />