Блог NunDesign

Опять рюшечки для блога: добавила несколько плагинов: Popularity Contest, Show Top Commentators… Этому блогу ещё и года нет, и всё казалось, что подобные рюшечки - ещё рано, мало контента, мало комментариев. Не из чего выбирать популярные записи. Но плагины понравились, особенно “Popularity Contest” - на бэкэнде даёт таблички со статистикой по записям, которая как бы и так известна и доступна, но не так наглядна. Статистика по популярным записям предсказуема (для меня), конечно, но пусть будет список, доступный всем посетителям. “Топ комментаторов” - это реверанс в сторону моих друзей, которые читают блог, поддерживают своими отзывами и, конечно, комментариями (Спасибо!). Списков в сайдбаре (в правой колонке) образовалось 10 штук - вот что делает с нами любовь ко вторичной навигации!

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

1. обнулять стандартный тип маркера css свойством list-style-type:none; и после задавать свою картинку для маркера свойством list-style-image: url();
2. опять же обнулять стандартный тип маркера + обнулять поля и отступы у тега списка и задавать неповторяющуюся фоновую картинку для элемента списка. Вот этот вариант я и выбрала для блога. Версия движка WP стоит последняя, и панели в сайдбаре блога собираются соответственно wp widget`ом. Если не лезть в код слишком глубоко - каждому блоку в сайдбаре добавляется (через пробел) два класса, например, для списка категорий - class="widget widget_categories", для списка последних записей - class="widget widget_recent_entries", для последних добавленных комментариев - class="widget widget_recent_comments". Не мудрствуя лукаво добавляем в таблицу стилей блога дополнительные записи для описания этих классов:

.widget ul {margin:0px; padding:0px;}
.widget ul li {padding-left:20px;}
.widget_recent_entries ul li {background: transparent url(/wp-content/themes/default/images/ico-post.gif) no-repeat 0 0;}
.widget_recent_comments ul li {background: transparent url(/wp-content/themes/default/images/ico-comment.gif) no-repeat 0 0;}
.widget_categories ul li {background: transparent url(/wp-content/themes/default/images/ico-categories.gif) no-repeat 0 0; text-transform:uppercase;}

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

Вообще с этим виджетом интересно - к примеру, у него есть один из элементов - RSS (на самом деле этот элемент можно плодить, этих “списков” может быть в сайдбаре несколько). Тогда, если, к примеру, у человека по каким-то причинам ведётся несколько блогов, с помощью этого элемента можно включать блоки с последними записями (количество записей задаётся), и получать такие списки, как, к примеру, в харьковском тестовом блоге Nundesign: посмотрите в сайдбаре (правая зелёная колонка) блок “Последнее из блога NunDesign:” как раз выводятся 10 последних записей отсюда, из главного блога. Но так можно включать не только свои перекрёстные блоги, но и формировать простенькие миниинформеры для любых инфопроектов, которые отдают rss, или даже - продавать таким образом рекламное место. К примеру, на месяц. Это ведь очень удобно делать через виджет - и редактировать урлы, и контролировать количество записей, 10 - дороже, а последние пять, к примеру - в самый раз за недорого.

А ещё что-то не могу сообразить, как разделить виджет на два, чтобы можно было делать раздельные панели. И выводить на одной панели - одни виджет-элементы, на другой - другие; и как можно добавлять свои элементы в виджет - те же вставки для “популярных записей” и “рейтинга комментаторов”?

Ещё подключила Google XML Sitemaps, но его раньше не было не из-за того, что я считала, что блогу рано - просто упустила, недоглядела. Заодно наконец-то включила запись о карте сайта на блоге на Гугловских инструментах для веб-мастеров, Yahoo`вских и MS Live`вских.

А вот с ЖЖшным плагином LiveJournal Crossposter - пришлось отметить ту опцию, которую одно время отключала, потом обратно включала по просьбе френдов, по одной простой причине, о которой писала и раньше, да ответа тогда никто не подсказал. Уж не знаю в чём причина на самом деле но методом долгих и упорных экспериментов было обнаружено, что если в настройках плагина выбрана опция по-умолчанию ” Link back to WordPress”, то глюков с кросспостом в ЖЖ не замечается, если же дефолтовая заменена на “Use an lj-cut” (что означает, что в тех ситуациях, когда для длинных постов я использую скрытие части текста с помощью more, то при кросспосте в ЖЖ публикуется полный текст блога, и скрывается обычным ЖЖ-шным lj-cut`ом), то в случае, если пост нужно отредактировать - он отправляется в ЖЖ как новый пост, а не происходит редактирования старого. Так что эту опцию я вернула в дефолтовое состояние, извиняюсь перед теми, кому обещала в ЖЖ-шном дневнике полностью публиковать записи.

Тут не совсем понятно - в жж все записи всё равно постятся “только для френдов”, но, поскольку туда я захожу не часто, обнаружила, что появилось много френдов, которые, наверное, меня читают, вернее, хотели бы, но не могут из-за того, что записи friends only. Вчера написала открытую запись о том, что, мол, народ, который не зафренжен, объявитесь, я зафренжу, но только скажите, что вы не боты и не спамеры (а вот вывели ещё такой тип ботов - челоботы, чаще всего это или совсем начинающие владельцы своих блогов, или продажные комментаторы, которые постят комменты за ссылки, эта услуга, если я не ошибаюсь, до сих пор стоит 10 баксов за 1000 комментариев, хороший заработок для студентов)… Но пока… Молчат пока именно невзаимные френды. Может, они и в самом деле не настоящие? Или подождать, отозвутся ещё?

Лет 7-8 назад с классификацией типов сайтов было намного проще - выделяли домашние творения типа ВасяПупкин.народ.ру (ага, и у меня в те времена была страничка на народе), презентационные сайты, куда относили как простенькие сайты-визитки компаний, так и графически сложные презентахи каких-то продуктов или сервисов, + информационные сайты. Сейчас же, когда при уточнении (на первом этапе) ТЗ при постановке “нам нужен дизайн для информационного сайта”, увы, уже приходится уточнять - какой же тип информационного сайта нужен клиенту, всё усложнилось. Какие же сегодня они бывают?

1. Традиционные инфосайты - СМИ. Самый известный тип информационных сайтов. Мировые или региональные новости, политика или общие темы, авторитетные издания, вылизывающие качество новостей или жёлтая пресса - все имеют общие характеристики: минимум графического оформления, максимум текстового контента, контент разбивается на типы, рубрики, выборки, из которых формируются миниинформационные блоки - “актуальные новости” или “архив новостей”, “новостийные сообщения” или “развёрнутая аналитика”, “колонки журналистов издания” или “читатели пишут”, “главная навигация” или “вспомогательные навигационные блоки” - главная задача - систематизировать эти блоки, упорядочить вывод инфомации на странице таким образом, чтобы посетитель разобрался, где что искать/читать/комментировать. Графика на 99% - тоже информационная - иллюстрации к заметкам, фоторепортажи, портреты героев текстов. Какого-то суперглянцевого дизайна для таких проектов не требуется - он даже во вред будет. Главное в оформлении - юзабельность, читабельные тексты, нормальные контрасты для потокового текста и для акцентов.

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

2. Служебные сервисы. Типичный пример - Google Analytics; информация - данные, контент как бы тоже текстовый, но суть его не в пассивном поглощении информации, а в действии, к примеру ga нужен для того, чтобы что-то обработать, сделать какие-то выводы, узнать, “как посетители в действительности работают с Вашим сайтом. Вы сможете усовершенствовать дизайн своего сайта, опираясь на аналитические данные, повысить качественный трафик и переходы и увеличить свой доход.” Так же (как и в первом случае) пользователю отдаются различные типы данных, разбитые на группы; у дизайнера подобных сервисов сложнейшая задача - продумать интерфейс (и навигацию, и модульную сетку, и цвета) таким образом, чтобы максимально облегчить пользователю работу со статистикой, не испугать его массивами цифр, упорядочить максимально. Графика - маркеры-иконочки, определяющие различные типы данных или иллюстрации-графики данных.

Мы сейчас, уже несколько месяцев, тоже в разработке (не подобного, совершенно другого) сервиса, но - тоже с большим количеством статистики, с денежными данными (сколько и за что заработано или наоборот - кто и на чём заработал у пользователя), сплошные настройки, отладки, формы, формы, формы, таблицы, таблицы с большим количеством данных, таблицы с подтаблицами и фильтрами по данным, и на всё это нужно “интуитивно понятный интерфейс” - максимально лёгкий, продуманный.

(more…)

Глас Рунета проводит очередной опрос (маркирован от 21.12.2007) - на этот раз про социальные сети и про их функциональность. Из содержания опроса можно сделать вывод, что Subscribe.ru собирается забодяжить что-то грандиозно-социальное, в честь чего проводят разведку - какие сервисы из уже известных пользуются спросом (не вообще, а в срезе существующей на сегодняшний день аудитории Subscribe.ru, как я понимаю) и какая же функциональность, предоставляемая этими сервисами, пользуется популярностью (личный профайл, френды, блоги, сообщества, аплоад всего). И первый вопрос (мудро):

1. Известно ли Вам что-либо о существовании виртуальных социальных сетей?
- Да
- Нет (–> Окончить опрос)

Интересуются, с какой целью публика застревает (в тех или иных) социальных сетях, насколько активна (комментирует, ведёт блоги или создаёт сообщества), какие “способы поощрения” активных юзеров могли бы быть интересны, ну и - “Станете ли Вы участником социальной сети на Subscribe.Ru если найдете в ней интересный Вам круг общения и хорошие технические возможности?“, “Какими возможностями социальная сеть на Subscribe.Ru должна обладать в первую очередь?” - достаточно однозначно, так?

Надо сказать, что база у Subscribe для такой сети подготовлена изрядная. Есть профайлы подписчиков на рассылки (некоторые - участники с большим стажем) , есть база авторов рассылок. Есть, в конце концов, огрызок кусочек социального сервиса - это дискуссионные листы, которые не то, чтобы мегапопулярные, но суть от этого не меняется - это сообщества (тематические), в которых люди пишут и отвечают - но не устанавливают связей внутри листа, т.е. связи - лист->подписчики. Про блоги в их нынешнем состоянии (авторские и блоги рассылок, упоминалось здесь и здесь) даже писать не хочется - кажется, не пошла у них эта ботва. Хотя давно не заходила на сервис, может и есть там активные блоги? Кто-нибудь в курсе, может поделиться информацией? Видать, в недалёком времени ещё раз пристрастно займутся социальными штучками. Или, к примеру, получив/обработав результаты опроса, забьют и начинаться не будут.

Привет уважаемым веб-разработчикам!

Кто-нибудь когда-нибудь тюнил WP под IIS`ом? Я вот в процессссссе. Обычный мультиавторский WP под обычный IIS. Первое, куда меня понесло - это настраивать пермалинки - Ха! Не смешите мои розовые тапочки! Какой .htaccess, какой mod rewrite?? (more…)

Сегодня захожу на toodoo, а там новенькая функциональность! Сайты, которые я “читаю” (их там что-то типа 56) + “мои сайты” объеденили в подраздельчик “Интернет”, добавился раздел “Клубы” и “Журналы“. Клубы - это как я понимаю - сообщества (на языке соц.сетей) или группы. “Журналы” - это некое подобие блога (формальное название раздела, по мнению разработчиков - “digest” - кажется, ещё более удачно отвечает сути раздела), потому что публикацию в журнале можно обсуждать (выбор - публиковать “для друзей” или “в клуб”).

Опубликовала первую ссылку в “Журнале” - Тестирую “Мой Журнал”. Я так понимаю, что увидят её только те toodoo пользователи, которые мало того, что “мои друзья” на этом сервисе, но и - чудом зашли на сервис в именно этот раздел. Там они увидят все журнальные записи от своих друзей (note: “На этой странице показываются ссылки которые отметили ваши друзья - чтобы обсудить их, а еще те ссылки, которые отметили вы.“).Так, в моём дайджесте я сейчас вижу две публикации - Виктора Захарченко о бывшем сотруднике и моя тестовая о тесте журнала. Интересно, с какого момента пользователи начнут активно использовать этот интерфейс для раскрутки своих проектов, для публикации ссылки на каждый блогопост с предложением “типа обсудить”, как скоро затребуют в интерфейсе же функциональную ссылку “это спам!” и какое предсказывается поведение для фильтрации (защиты) от спама или от хронически неинтересных ссылок? Если я правильно понимаю, на сегодняшний день единственная возможность не видеть в своём журнале подобных “ссылок” - это “отфрендить” человечка из списка друзей, правильно? В общем - попользуем-посмотрим. Если у кого-то есть аккаунт на toodoo - заходите, потестирум. Я там - здесь, а мой этот блог - здесь.

Да, клуб. Можно создать свой клуб “по интересам”, приглашать туда друзей и знакомых. Вряд ли буду затеваться с этим - ну, разве что в том случае, если для человеческой расы отменят необходимый и обязательный сон или увеличат сутки раза в полтора минимум. Поэтому пользуемся тем, что уже есть и куда уже пригласили. Я участник клуба “toodoo.code” - сообщество, созданное для обсуждений тем “Вопросы по toodoo.api, созданию виджетов и плагинов. А также по созданию кастомизированых цветовых схем для виджетов, интеграции toodoo.api, отладке, совместимости и прочим темам, касающимся программирования.”
Среди участников клуба - в первую очередь (это понятно) - toodoo`шные разработчики, в частности, я там по приглашению уважаемого Sol`а, кроме того в этом же клубе много знакомых имён - руководителей или ведущих разработчиков крупных рунетовских проектов. Михаил Цыганов - о его bobrdobr` бете я писала буквально вчера; Сергей Зайцев - ну, про Интернетные штучки знают даже самые ленивые интернетчики; Никита Истомин - я даже в этом блоге несколько раз уже писала о его “рыжем сайте“, MaulNet (кстати Даниил в своём блоге тоже пишет о клубах, к примеру, о “клуб News2“, собирается создать клубы по seo, поисковикам); мои друзья по блогосфере - Денис Болтиков (привет, Денис! Желаю тебе побольше постов “о разработке крупных проектов, стартапах, ведению и раскрутке блогов, интернет-маркетинге.“, всё-таки такие методы блогопродвижения и блоговойны - это игрушки, имхо)…

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

Я играю в Blogowar.ru, чего и вам советую.

Это фраза для подтверждения “авторства” - пока я ещё не играю, только зарегестрировалась. Авторы обещают, что “…Во-первых, Блоговар — это весело. Нашей задачей было сделать что-то «прикольное» прежде всего. Вся эта «блогосфера» довольно забавная вещь, почему бы не сделать ее еще более забавной?” - а у меня, как у осликаИА пьеро, периодически есть острая нехватка положительных эмоций. Посмотрим

Решила проапдейтить движок WordPress`а до проанонсированной две недели назад 2.3-ей версии. Просто так, из любопытства в большей степени - необходимости большой не было. Вы, конечно, все знаете, с чего начинается апдейт любого движка? Ага, верно, с бэкапов. Поскольку с блоговыми проектами много никогда не работала, и как там что надо бэкапить правильно - не в курсе, решила забекапить всё, что можно и всеми способами. Сначала - экспорт всех записей в .xml из админки (Manage->Export), потом (только не смейтесь надо мной, я же не знаю, правильно ли после сработал бы обратный импорт этого .xml`я в новый блог?) экспорт самой MySQL-евской базы с соотв. админки, потом - бэкап всех шаблонов, имиджей, стилей, донастроек и плагинов.

Сам апдейт происходит без приключений - скачиваете, распаковываете, предподготавливаете из “wp-config-sample.php” свой “wp-config.php”, обратите внимание, добавились два объявления:

define('DB_CHARSET', 'utf8');
define('DB_COLLATE', '');

ну, так вы их не удалите там ненароком :); и запускаете апгрейт в браузере по ссылке “ваш блог”/wp-admin/upgrade.php - два шага, и он готов. И дальше всей работы - вернуть как положено визуальную тему и оттюнить мелочи, которые и не записываешь никогда, а вспомнить - вот фиг вспомнишь. А новенький WP ничего, пока нравится. Можно запросто поудалять несколько плагинов. Во-первых, теперь не нужны дополнительные плагины для того, чтобы вывести в sidebar`е “последние посты” и “последние комментарии” - они уже есть в базовой поставке движка. Во-вторых добавились, наконец-то, “метки” (”tags”) - а то тут прямо логический кризис был - никак не хотелось признавать, что “категории” (суть разделы/подразделы) и “теги” - это одно и тоже. Т.е. появился новый объект - позволено усовершенствовать вторичную навигацию. Есть так же и “облако” этих самых “тегов” (я пока что его включила, надо поэкспериментировать, хотя не всё нравится). И вот вся эта красота сайдбара теперь может управляться из админки как отдельный объект - виджет (`s), да прямо для блондинок - перетаскиванием из общей панели в сайдбар отдельные виджеты могут быть включены и выключены обратно. Так, сейчас там управляемо “Tag Cloud” (”Облако тегов”), “Text” (можно добавить текст типа “обо мне”), “Recent Post”/”Recent Comment” (вот как раз последние записи/последние комменты), “Calendar”, “Categories” (сие и есть старые категории), - ну эт понятно из старого, всё остальное - всё те же стандартные элементы сайдбара предыдущей версии - Archive, Meta, Links, Pages, Search…

Календарик очень миленький, с “архивом” вместе создают хороший навигационный блок по датам. Пока оставила оба, хотя что-то мне подсказывает, что кто-то там из них лишний. Надо будет его только чуть раскрасить, что-то он бледноват на вид. Таким образом, из плагинов оставила (активировала заново) только “дерево комментариев” (By Brian Meidell, только качайте ту версию, последнюю, которая с Google), кнопки для социальных закладок от Антона Жучкова, и обе статистики - WordPress`овскую и Reinvigorate - более модную, детальную и познавательную, которая стоит уже полгода (как видно из архива записей).

Облако тегов… В общем, его вывод формируется, как я нашла, в файле category-template.php. В строках 310 и 333 можно увидеть две функции, в которых и задаётся минимальный размер элемента облака, максимальный, еденицы измерения размера шрифта, количество элементов облака (по умолчанию 45) и сортировка (по какому типу и в какую сторону), по умолчанию сортирует по имени в прямом (алфавитном) порядке. Есть идея - может эти 45 выводить по дате? Сейчас просто редактировать все посты, включать в них теги - чуточку лениво, т.е. пртестировать большое облако пока не выйдет. Может, со временем…
Ещё, конечно же, общее оформление облака. Заменила дефолтовые значения для шрифта - пункты на пиксели (может, получится шаг по одному пикселю менять? А то уж больно здоровое облако рождается), дефолтный размер минимального - соотв. с 8 пунктов на 10 пикселей, и в ссылке добавила к классу “tag-link-$tag_id” через пробел свой класс, где задала цвет шрифта и фончик под метками (белый на общей бежевой панели).
Да, метки, которые выводятся в посте - их оформление поправляется в файше index.php, строка 17. Там можно разделить один параграф(и метки, и метаданные пока в одном теге P, разделенные BR-ом) на два, и задать им разные классы:

<p class="postmetatags"><?php the_tags('Tags: ', ', ', '</p>'); ?> <p class="postmetadata">Posted in <?php the_category(', ') ?> | <?php edit_post_link('Edit', '', ' | '); ?> <?php comments_popup_link('No Comments »', '1 Comment »', '% Comments »'); ?></p>

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

Да, и вот что… отменила кросспост в ЖЖ`шный блог. Видимо, не нужно оно. Может, сие временное, попустит, и верну, но пока кросспоста не будет. Так что здесь будет такой вопрос для экспериментаторов - раньше именно WordPress`овские категории интерпретировались плагинами для кросспостов как “метки”, и после кросспоста прописывались в дочернем блоге именно на месте меток. А как будут работать подобные плагины сейчас? Будет ли поддерживать новые “метки”? будет ли поддерживать, как и раньше, старые “категории”? Будет их складывать?

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