Дерево

Вкратце о текущей работе - HTMLayout Spy проект для отладки приложений сделанных на HTMLayout .

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

Никогда не думал, что разработка этого элемента может потребовать такую тьму времени :(

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


Самым сложным оказался апдейт дерева. Путаница с индексами, одновременным созданием-удалением детей оказалась настоящим кошмаром. Еще один момент - пожалуй, это первый behavior разработанный с возможностью сделать его обобщенным. Думаю, после мелких доделок (небольшие переработки, создание примеров) выложу его в лаборатории.

WordPress и (программный) код

Без дополнительных телодвижений, вместе сочетаются довольно хреново. А если говорить откровенно, просто так написать заметку содержащую, скажем html-код, без поллитры не получится.
Нагугленные линки для изучения вопроса (собственный поиск wordpress.org по словосочетанию "publish code" дает очень странные результаты)

• http://codex.wordpress.org/Writing_Code_in_Your_Posts - после беглого просмотра складывается впечатление, что функциональность в самом WordPress очень бедная. По всей видимости, придется навешивать плагины.

Со следующими линками придется поразбираться вечером.

• http://www.blogherald.com/2007/07/16/writing-and-publishing-code-in-your-wordpress-blog-posts/
• http://lorelle.wordpress.com/2007/02/23/wordpress-plugins-that-help-you-write-code/
  

Ссылочка

http://www.boostcookbook.com/
Совсем молодой сайт. Думаю название делает ненужными комментарии.
todo Посмотреть, что там будет через месяц.

WordPress. Текущие задачки

Что было сделано по ходу работы.

• Теперь WordPress доступен из корня сайта. Операция оказалась хорошо документированной, поэтому процесс занял несколько минут
  

За время доводки сайта напильником, с http://themes.wordpress.net/ куда-то девались наиболее удачные темы. Например, ссылка на Stardust уже ведет на 404 :(

Последнее не очень приятно, т.к. хочется видеть работающими favicon и search. Да и спасибо разработчику темы сказать :)

Аналитика (тьфу*3) прикрутилась без проблем.


Скелет №2. WordPress глотает все пользовательские теги p, div вообще не обращая на них никакого внимания. Свинство.
Это просто песня лебединая. Если задать теги br (хоть десять штук) WordPress нормально отобразит их. Однако если начать редактировать пост, то их уже не будет и при следующем показе текст снова окажется смещенным.
Если в режиме Visual поместить несколько переводов каретки, то они не окажут никакого влияния при рендеринге. Понятно, что html их игнорирует, но совершенно непонятно почему WordPress не вставляет в код заглушки.
(Зачем это вообще нужно. Есть картинка, справа от нее располагается список. Как только картинка заканчивается, пункты списка прыгают пикселов на 40 влево. Получается очень некрасиво)

Upd Теперь понятно почему (здесь)

Use HTML

You don't have to use HTML when writing your posts. WordPress will automatically add it to your site, but if you do want control over different elements like boxes, headings, and other additional containers or elements, use HTML.

Интересно, почему они после этого не пишут, как делать таблицы :\

Upd2 Решение нашлось здесь.

in case anyone's interested, this problem has been solved on my side (thanks to the french WP support) by upgrading tinymce, and commenting out the following line of code in plugins/wordpress/editor_plugin.js
(around line 240)

// Remove anonymous, empty paragraphs.
// quentin: no don't, this prevents multiple line breaks
// content = content.replace(new RegExp('(\\s| )*', 'mg'), '');

Ну нафиг такие пляски с кодом. Сделал разрыв с помощью таблицы. Тег table WordPress жрать отказался :)

WordPress. Выбор темы.

Выбор темы для сайта.
Требования

1. Тема обязана быть красивой :)
   
2. Большой или "растягивающийся" столбец для постов. Узкий столбец удобен для чтения и заставляет даже самый плюгавый пост выглядеть самостоятельной статьей, однако для наполнения информацией годится слабо.
   
3. Ссылки на другие страницы сайта должны быть четко выделены и находиться в заголовке (а не висеть рядышком, написанные стандартным шрифтом). Нельзя допускать, чтобы у пользователя возникли проблемы с поиском кнопки Buy Now :) (которая скоро появится)
   

Список кандидатов

• SpotLight 1.3 Имеет дополнительные настройки - можно блокировать отображение выбранных страниц и устанавливать порядок сортировки страниц по заголовку, дате, порядковому номеру страницы
• Blueprint 1.0
• Stardust v1.0 Не отличает странички от постов (на страницах оставлены date, tags, comments), но выглядит очень ярко и красиво. Не умеет хватать favicon :(
• Colorful 1.0
• Fluid Blue 1.0.1 слишком минималистично для сайта (для блога, однако, нормально)
  
• Mimetastic 1.0 мдя... что-то не то
  
• Sade 1.1 слишком много информации к каждому посту.
  
• Classy 1.0 Не поддерживает стандартного редактирования виджетов, однако смотрится симпатично
• Andreas04 2.0 В целом неплохо

Общие выводы.
пару слов о http://themes.wordpress.net/
В основном, все сделано удобно для выбора пользователя - категории, предпросмотр, достаточное количество результатов поиска на страничке. Недостаток один - совершенно непонятно, как отсортировать темы по популярности.
Тем много (на оф. сайте заявлено больше 1600, при общем кол-ве закачек более 7'000'000), немало по-настоящему хороших. В первую очередь стоит смотреть темы пережившие первую версию ;)

В результате выбирал между SpotLight и Stardust. Пока остановился на Spotlight из-за большего набора шаблонов (конкретно - различия между постом и страничкой). Однако страничка SpotLight кажется узковатой. Практика покажет.

Нашел еще http://www.wpthemesfree.com/, но сил на поиск тем еще там, не осталось :).

WordPress

Решил попробовать поднять wordpress на htmlayoutlab.com. Конечная цель - использовать wordpress как простую CMS+блог. Опыта в использовании CMS никакого, в веб-девелопменте минимальный. Впечатления.
Что понравилось:

• Доступный (+3!) хелп.
  
• Легкий контент-менеджмент. Дополнительные секции (например, links, screenshots и т.д.) настраиваются простым перетаскиванием секции в нужный столбец Presentation->Widgets. Конструктор для детей :)
  
• Куча готовых к использованию тем (для использования требуется просто распаковать архив и скопировать содержимое в каталог на сайте)
  
• Естественно, качественный, готовый к употреблению блог
• Поддержка permalinks (чтобы вместо ссылки domen.com/year/month/day/post-name можно было в браузере набрать просто domen.com/about/). Строго говоря, этим занимается не wordpress, а апач, однако wordpress позволяет выполнять такие манипуляции весьма легко.
  

Бонус

• Оказалось, wordpress есть на godaddy (моего хостера) в составе готовых для использования тулов

При этом

• Хрен поймешь без бутылки как поставить (оказалось, надо кликнуть по иконке Metropolis - это не очередная отвлекающая картинка, а вполне функциональная штука с маркетинговым именем)
• Версия более ранняя, чем последняя, доступная на оф. сайте
  

Уже наткнулся на первый скелет

• По умолчанию, блог закрыт для посещений поисковиками. Исправляется в Options->Privacy
  

Вопросы открытые для изучения:

• Как навесить статистику (предположительно банальным редактированием нужного шаблона в Presentation->Theme Editor->Footer)
• backup
• на будущее: пустить несколько rss-каналов (основной, только Spy и т.д.)

Еще один открытый вопрос - установка форума (предположительно, http://bbpress.org/)

WordPress

Решил попробовать поднять wordpress на htmlayoutlab.com. Конечная цель - использовать wordpress как простую CMS+блог

• Легкий контент-менеджмент. Дополнительные секции (например, links, screenshots и т.д.) настраиваются простым перетаскиванием
  
• Куча готовых к использованию тем (для использования требуется просто распаковать архив и скопировать содержимое в каталог на сайте)
  
• Естественно, качественный, готовый к употреблению блог
  

Бонус

• Оказалось, wordpress есть на godaddy (моего хостера) в составе готовых для использования тулов

При этом

• Хрен поймешь без бутылки как поставить (оказалось, надо кликнуть по иконке Metropolis - это не очередная отвлекающая картинка, а вполне функциональная штука с маркетинговым именем)
• Версия на 0.1 меньше, чем последняя, доступная на оф. сайте
  

Уже наткнулся на первый скелет

• По умолчанию, блог закрыт для посещений поисковиками. Исправляется в Options->Privacy
  

Вопросы открытые для изучения:

• Как навесить статистику