Режет глаз? Ничего, это с непривычки. Вот такой авторский у меня в блоге дизайн. Навигация удобная? Поиск работает? Буквовки видны нормально? Замечу: не просто нормально, а одинаково во всех браузерах. Кто понимает, тот оценит.
Вот казалось бы, у вордпресса дофига готовых тем. Но это только на первый взгляд. А на самом деле:
- стандартно-дефолтные просто ни в дугу
- остальные на русский не переведены или переведны криво, приходится напильником работать
- у подавляющего большинства фиксированная верстка и размеры шрифтов, а я этого терпеть не могу
- нормально работают в IE считанные единцы, как будто не им пользуется большинство
Одним словом, быдлокодинг во всей красе.
Нашел бы годную тему готовую, не стал бы экспериментировать. А вам не пришлось бы плеваться.
Зато освоил YUI (Yahoo User Interface) CSS - полезная вещь кстати, всем рекомендую. А то вечно с этими CSS-ами приходится шаманить, и все равно вылезет какая-нибудь фигня не в одном, так в другом браузере. (Что собственно, темы вордпресса наглядно и демонстрируют.)
Смотрел еще Blueprint CSS - YUI у него выигрывает нокаутом. Во-первых, концептуально: у Blueprint мелкий грид с шагом 30 пикселов и классы вида “column span-12″. В результате компрометируется идея разделения структуры контента и верстки. Во-вторых, верстка только фиксированная. В-третьих, перекроить грид под себя можно скриптами на Ruby. Ага, счаз побегу его ставить специально для этого дела. Мало у меня всякого добра установлено. Ну и в-четвертых, YUI откровенно более зрелая и солидная разработка.
Надо будет при случае разобраться что еще есть полезного в YUI.
Шпаргалка по YUI
http://yuiblog.com/assets/pdf/cheatsheets/css.pdf
Есть, конечно, достатьчно комментариев по дизайну. Не в общем и целом, а мелкие детали, которые легко изменить.
Первый - маркерные полосочки. Везде они вставлены бэкграундом. Минус. То есть, начинается полоса “по-маркерному”, коряво и стильно. Однако заканчивается с концом дива прямо и ровно. Единственно правильная полоса получается в футере под копирайтом.
Второй - цвет основного текста. Когда текста много и всё пестрит мелкими элементами, лучше не использовать 100% черного. Оптимальнее было бы, думаю, #68676c.
Третий - цвет заголовков. Скучный зеленый, неинтересный, блеклый и тяжелый. Думаю, подойдет #469028.
Четвертый - слишком прижаты друг к другу заголовок и подзаголовки меню.
Пятый - текст ссылки, возможно, был бы более заметен, будь он цвета заголовков (#469028).
Шестой - лишние бордеры вокруг зелено-бирюзовых полей. Хотя для полей ввода они очень кстати. Обособляют.
Седьмой - поле поиска “провалилось” в дизайне. Возможно, лучше его прижать к верху? И явно не хватает кнопки “Найти” или “Go” или чего-то там еще. Очень непривычно для юзера.
Восьмой - по кнопкам. Стандартные сабмиты выбиваются из стиля.
По поводу шаманов и css. Возможно, приходится потанцевать, чтобы было везде одинаково, но, освоив все обманки и обходы несовместимости, всё получается идеально и появляются еще большие возможности контролировать поведение страницы.
Вордпресс - ужас!!!
YUI - слАбо.
Из фрицээмэсок подобрал modx (modx.ru). Резиновый, простой, очень простой, очень резиновый. Лично у меня (человека “ВообщеНеПрограммераНиРазу”) ушел всего день, чтобы постичь самое простое создание блога (меню –> контент –> коммент). Результат - превосходен! Смысл в том, что сайт - полный конструктор. В одном разделе админки прикрепляю нужный пэхэпэ-код (блоки поиск, коммент, формы связи, сколь угодно уровневое меню,карта сайта, … уже готовы и интегрированы) (либо прям там написал и вставил его), в другом разделе прописываю внешний вид создаваемого блока, а потом просто в нужном мне месте шаблона запрашиваю этот код с указанием параметров и всё.
Шаблоны можно применять какие угодно к каким угодно страницам. Минус (а по мне так плюс) в том, что шаблона встроенных всего 2. Но создать свой - двухчасовое дело рук/клавиатуры/html.
На Вике есть учебничек (http://ru.wikibooks.org/wiki/MODx) даже.
ЗЫ: не реклама, просто в своё время проделал огромную работу по поиску хорошей, простой, удобной, бесплатной цээмэски и нашел ЕЁ!
ЗЗЫ: админка в ней тоже клёвая, простая и удобная.
ЗЗЗЫ: на форуме по modx куча решений кучи вопросов.
Спасибо! Ваш дизайнер.
Спасибо за ценные советы, кое-чем воспользовался: сменил цвета заголовков, добавил просветы в боковой панели.
Что касается полосок - да, есть такой дефект. Как с этим бороться - непонятно. То есть понятно как бороться, если зафиксировать ширину верстки, но на это я пойти не готов. Вариант с “раздвижными дверями” тоже не проходит, потому что полоска идет не строго по горизонтали или вертикали. В общем, нет в жизни совершенства.
О поле поиска. Сам об этом думал, решил так: сайт все-таки ориентирован в основном на профи, так что если человек не может догадаться нажать enter, то может этот сайт не для него?
По поводу YUI: для того, чтобы позволить себе осваивать все обманки и несовместимости, надо быть профессиональным веб-дизайнером. Я предпочел воспользоваться работой, уже сделанной такими профессионалами. Мне показалось, они сделали серьезную работу. И потом, это типа фундамента - строй поверх него все что считаешь нужным. Всяко лучше ведь, чем самому котлован рыть.
В защиту вордпрес могу сказать, что он в некотором роде стандарт де-факто. Если пройтись по галерее ссылок на панели слева, то вордпрес обслуживает больше половины сайтов. Потом, идешь на какой-нибудь сайт типа feedburner, а там место для галочки уже приготовлено: “standalone wordpress”. Перекрестные ссылки: я могу быть уверен, что любой блог сможет отправить на меня pingback/trackback. Это важно. Опять же, многоязычность удалось сделать без особых усилий. Правда, это плагин, а не сам вордпрес.
Спасибо.
Про стандарты вордпресса не стал бы столь категоричным. Хорошо, когда стандарты развиваются основываясь на мнении и требованиях профессионалов. Но вордпресс развивается в связи с растущим спросом на создание личных блогов “ВсехКомуНеЛень” (не принимать в свой адрес). Следовательно, вордпресс популяризируется, но не растет качественно. Согласно всем концепциям истории, настанет тот момент, когда ему придется задуматься о качестве. Вот когда это случится, тогда, я думаю, можно будет с уверенностью ориентироваться на стандарты вордпресса. Я бы сам с удовольствием использовал какой-то настоящий базис в своей работе (по вебу), но, к сожалению, пока не вижу реальной альтернативы. Приходится делать всё самому, субъективно основываясь на всей полученной информации.
Кстати, считаю, что цвет основного шрифта всё же нужно облегчить. Не смотря на то, что это лишь май хамбл опИньон, я пришел к этому в своей последней работе над сайтом http://www.sem-lad.ru (пример более светлого шрифта). Много перебрал и понял, что 100% черного - тяжеловато визуально. И для восприятия, на мой взгляд, тоже. Хотя… Йедем дас зайнэ.
100% черного действительно тяжеловато, но фокус в том, что тут его никогда и не было. Сначала было #003300, сейчас облегчил до #004400. Черный остался в полях ввода - по недосмотру, исправлю. Я пробовал #68676c - контрастность слишком мала. Для молодых людей, не страдающих дальнозоркостью и дальтонизмом, т.е. для веб-дизайнеров в самый раз, для остальных не очень.
Читателям моего блога это будет интересно.Можно, сделаю кросспост у себя на блоге?
Со ссылкой на оригинал - нет возражений.